element.coffee in tao_popover-0.2.1

- old
+ new

@@ -5,33 +5,27 @@
 
 class TaoPopover.Element extends TaoComponent
 
   @tag: 'tao-popover'
 
-  @count: 0
-
   @attribute 'active', 'targetSelector', 'targetTraversal', 'boundarySelector', 'direction', 'arrowAlign', 'arrowVerticalAlign', observe: true
 
   @attribute 'offset', observe: true, default: 5
 
   @attribute 'autoHide', default: true
 
   _init: ->
-    @id ||= "tao-popover-#{++@constructor.count}"
-    @_render()
-
-  _render: ->
     @jq.wrapInner '<div class="tao-popover-content">'
       .append '''
         <div class="tao-popover-arrow">
           <i class="arrow arrow-shadow"></i>
           <i class="arrow arrow-border"></i>
           <i class="arrow arrow-basic"></i>
         </div>
       '''
 
-  _connect: ->
+  _connected: ->
     @_autoHideChanged()
     @refresh() if @active
 
   _activeChanged: ->
     if @active
@@ -43,18 +37,18 @@
   _autoHideChanged: ->
     @_disableAutoHide()
     @_enableAutoHide() if @autoHide && @active
 
   _enableAutoHide: ->
-    $(document).on "mousedown.#{@id}", (e) =>
+    $(document).on "mousedown.tao-popover-#{@taoId}", (e) =>
       return unless @active
       target = $ e.target
       return if target.is(@target) or @jq.has(target).length or target.is(@)
       @active = false
 
   _disableAutoHide: ->
-    $(document).off "mousedown.#{@id}"
+    $(document).off "mousedown.tao-popover-#{@taoId}"
 
   refresh: ->
     @target = if @targetTraversal && @targetSelector
       @jq[@targetTraversal]?(@targetSelector)
     else if @targetSelector
@@ -81,9 +75,9 @@
       left: @position.left
 
   toggleActive: ->
     @active = !@active
 
-  _disconnect: ->
+  _disconnected: ->
     @_disableAutoHide()
 
 TaoComponent.register TaoPopover.Element