lib/assets/javascripts/da-js/conditional_visibility.js.coffee in da-js-1.2.1 vs lib/assets/javascripts/da-js/conditional_visibility.js.coffee in da-js-1.3

@@ -1,79 +1,78 @@
 # Hide/show elements dynamically according to their `data-visible-if` attribute.
 #
 # All elements with a `data-visible-if` attribute are checked on change, focusout and click events:
-# For each element, the content of its `data-visible-if` attribute is eval'd. If the eval'd code 
+# For each element, the content of its `data-visible-if` attribute is eval'd. If the eval'd code
 # returns true, the element is shown – otherwise it is hidden. (The attribute must contain valid
 # JavaScript code.)
 #
-# Use `$("body").conditionalVisibility()` to enable the functionality for the whole document, 
-# or use a more specific selector to enable it only for some elements. 
+# Use `$("body").conditionalVisibility()` to enable the functionality for the whole document,
+# or use a more specific selector to enable it only for some elements.
 #
 # The following options can be specified when initializing the plugin:
-# 
-#   - `events`: The events which should trigger re-evaluation of visibilities (default: 
+#
+#   - `events`: The events which should trigger re-evaluation of visibilities (default:
 #     `"change focusout click"`)
 #
 #   - `animate`: If elements should be shown/hidden using animations (default: `true`).
-# 
+#
 # There are two ways to manually force re-evaluation of visibilities:
 #
 #   - `$(…).trigger("updateVisibilities")` updates visibilities (using animations) and then triggers
 #     `shown.conditionalVisibility` / `hidden.conditionalVisibility` events accordingly.
-# 
-#   - `$(…).trigger("setVisibilities")` sets visibilities directly (no animations, does not trigger 
+#
+#   - `$(…).trigger("setVisibilities")` sets visibilities directly (no animations, does not trigger
 #     custom events). This is already called automatically on pageready. You may want to call this
-#     manually after new elements have been added to the DOM (eg a modal with content fetched via 
+#     manually after new elements have been added to the DOM (eg a modal with content fetched via
 #     ajax).
-# 
-# The current state of an element with conditional visibility can be queried using 
+#
+# The current state of an element with conditional visibility can be queried using
 # `$(...).data('visible-if-state')`, which returns either `'visible'` or `'hidden'`. This differs
 # from using jQuery’s `:visible` or `:hidden` pseude-selectors on the element in that it has
 # immediate effect, even if animations are used: When an element changes from being visible to being
 # hidden, it is still `:visible` in the jQuery sense until the animation has completed. However,
-# `data('visible-if-state')` will return `'hidden'` immediately after the evaluation of the 
+# `data('visible-if-state')` will return `'hidden'` immediately after the evaluation of the
 # visibility condition.
 #
 # Example:
-# 
+#
 #   <form id="myform">
 #     <input id="checkbox" type="checkbox" >
 #     <input id="text" data-visible-if="$('#checkbox')[0].checked">
 #   </form>
 #   <script>
 #     $("#myform").conditionalVisibility({events: "click change keypress"})
 #   </script>
 
 $.fn.conditionalVisibility = (options = {}) ->
-    defaults = 
+    defaults =
       animate: true
       events: "change focusout click"
-    
+
     options = $.extend({}, defaults, options)
-      
+
     updateVisibilities = (event) ->
       $(this).find("[data-visible-if]").each ->
         $this = $(this)
         if eval($this.data("visible-if"))
           $(this).data("visible-if-state", "visible")
           if $this.is(":hidden")
             if options.animate then $this.slideDown(100) else $this.show()
             $this.promise().done -> $this.trigger("shown.conditionalVisibility")
-        else 
+        else
           $(this).data("visible-if-state", "hidden")
           if $this.is(":visible")
             if options.animate then $this.slideUp(100) else $this.hide()
             $this.promise().done -> $this.trigger("hidden.conditionalVisibility")
-    
+      $(this).trigger("updated.conditionalVisibility")
+
     setVisibilities = (event) ->
       $(this).find("[data-visible-if]").each ->
         $this = $(this)
         isVisible = !!eval($this.data("visible-if"))
         $(this).data("visible-if-state", if isVisible then "visible" else "hidden")
         $this.toggle isVisible
-    
+
     this
       .on "#{options.events} updateVisibilities", updateVisibilities
       .on "setVisibilities", setVisibilities
       .trigger "setVisibilities"
-
-  
\ No newline at end of file