bootstrap-for-ember-rails 0.0.2

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-modal.min.js

@@ -0,0 +1 @@
+!function(){Bootstrap.BsModalComponent=Ember.Component.extend(Ember.Evented,{layoutName:"components/bs-modal",classNames:["modal"],attributeBindings:["role","aria-labelledby","isAriaHidden:aria-hidden","ariaLabelledBy:aria-labelledby"],isAriaHidden:function(){return""+this.get("isVisible")}.property("isVisible"),modalBackdrop:'<div class="modal-backdrop fade in"></div>',role:"dialog",footerViews:[],backdrop:!0,title:null,isVisible:!1,manual:!1,didInsertElement:function(){var a;return this._super(),this.setupBinders(),a=this.get("name"),Ember.assert("Modal name is required for modal view "+this.get("elementId"),this.get("name")),null==a&&(a=this.get("elementId")),Bootstrap.ModalManager.add(a,this),this.manual?this.show():void 0},becameVisible:function(){return this.get("backdrop")?this.appendBackdrop():void 0},becameHidden:function(){return this._backdrop?this._backdrop.remove():void 0},appendBackdrop:function(){var a;return a=this.$().parent(),this._backdrop=Em.$(this.modalBackdrop).appendTo(a)},show:function(){return this.set("isVisible",!0)},hide:function(){return this.set("isVisible",!1)},toggle:function(){return this.toggleProperty("isVisible")},click:function(a){var b,c;return b=a.target,c=b.getAttribute("data-dismiss"),"modal"===c?this.close():void 0},keyPressed:function(a){return 27===a.keyCode?this.close(a):void 0},close:function(){return this.get("manual")?this.destroy():this.hide(),this.trigger("closed")},willDestroyElement:function(){var a;return this.removeHandlers(),a=this.get("name"),null==a&&(a=this.get("elementId")),Bootstrap.ModalManager.remove(a,this),this._backdrop?this._backdrop.remove():void 0},removeHandlers:function(){return jQuery(window.document).unbind("keyup",this._keyUpHandler)},setupBinders:function(){var a,b=this;return a=function(a){return b.keyPressed(a)},jQuery(window.document).bind("keyup",a),this._keyUpHandler=a}}),Bootstrap.ModalManager=Ember.Object.create({add:function(a,b){return this.set(a,b)},register:function(a,b){return this.add(a,b),b.appendTo(b.get("targetObject").namespace.rootElement)},remove:function(a){return this.set(a,null)},close:function(a){return this.get(a).close()},hide:function(a){return this.get(a).hide()},show:function(a){return this.get(a).show()},toggle:function(a){return this.get(a).toggle()},confirm:function(a,b,c,d,e){var f,g;return null==d&&(d="Confirm"),null==e&&(e="Cancel"),f=Ember.View.extend({template:Ember.Handlebars.compile(c||"Are you sure you would like to perform this action?")}),g=[Ember.Object.create({title:d,clicked:"modalConfirmed",dismiss:"modal"}),Ember.Object.create({title:e,clicked:"modalCanceled",dismiss:"modal"})],this.open("confirm-modal",b||"Confirmation required!",f,g,a)},openModal:function(a,b){var c,d;return null==b&&(b={}),d=b.rootElement||".ember-application",c=a.create(b),c.appendTo(d)},open:function(a,b,c,d,e){var f,g,h;return f=e.container.lookup("component-lookup:main"),g=f.lookupFactory("bs-modal",e.get("container")).create(),g.setProperties({name:a,title:b,manual:!0,footerButtons:d,targetObject:e}),"string"===Ember.typeOf(c)?(h=e.container.lookup("template:"+c),Ember.assert("Template "+c+" was specified for Modal but template could not be found.",h),h&&g.setProperties({body:Ember.View.extend({template:h,controller:e})})):"class"===Ember.typeOf(c)&&g.setProperties({body:c,controller:e}),g.appendTo(e.namespace.rootElement)}}),Ember.Application.initializer({name:"bs-modal",initialize:function(a){return a.register("component:bs-modal",Bootstrap.BsModalComponent)}})}.call(this),this.Ember=this.Ember||{},this.Ember.TEMPLATES=this.Ember.TEMPLATES||{},this.Ember.TEMPLATES["components/bs-modal"]=Ember.Handlebars.template(function(a,b,c,d,e){function f(a,b){var d,e,f,g,h="";return b.buffer.push("\n                    <i "),e={"class":a},f={"class":"STRING"},g={hash:{"class":"titleIconClasses"},contexts:[],types:[],hashContexts:e,hashTypes:f,data:b},b.buffer.push(p((d=c["bind-attr"]||a["bind-attr"],d?d.call(a,g):o.call(a,"bind-attr",g)))),b.buffer.push("></i>\n                "),h}function g(a,b){var d,e,f="";return b.buffer.push("\n                "),d={},e={},b.buffer.push(p(c.view.call(a,"view.body",{hash:{},contexts:[a],types:["ID"],hashContexts:e,hashTypes:d,data:b}))),b.buffer.push("\n            "),f}function h(a,b){var d,e,f="";return b.buffer.push("\n                "),d={},e={},b.buffer.push(p(c._triageMustache.call(a,"yield",{hash:{},contexts:[a],types:["ID"],hashContexts:e,hashTypes:d,data:b}))),b.buffer.push("\n            "),f}function i(a,b){var d,e,f,g,h="";return b.buffer.push("\n                "),e={content:a,targetObjectBinding:a},f={content:"ID",targetObjectBinding:"STRING"},g={hash:{content:"",targetObjectBinding:"view.targetObject"},contexts:[],types:[],hashContexts:e,hashTypes:f,data:b},b.buffer.push(p((d=c["bs-button"]||a["bs-button"],d?d.call(a,g):o.call(a,"bs-button",g)))),b.buffer.push("\n            "),h}function j(a,b){var d,e,f="";return b.buffer.push("\n                "),d={},e={},b.buffer.push(p(c.view.call(a,"",{hash:{},contexts:[a],types:["ID"],hashContexts:e,hashTypes:d,data:b}))),b.buffer.push("\n            "),f}this.compilerInfo=[4,">= 1.0.0"],c=this.merge(c,Ember.Handlebars.helpers),e=e||{};var k,l,m,n="",o=c.helperMissing,p=this.escapeExpression,q=this;return e.buffer.push('<div class="modal-dialog">\n    <div class="modal-content">\n        <div class="modal-header">\n            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\n            <h4 class="modal-title">\n                '),l={},m={},k=c["if"].call(b,"titleIconClasses",{hash:{},inverse:q.noop,fn:q.program(1,f,e),contexts:[b],types:["ID"],hashContexts:m,hashTypes:l,data:e}),(k||0===k)&&e.buffer.push(k),e.buffer.push("\n                "),m={unescaped:b},l={unescaped:"STRING"},k=c._triageMustache.call(b,"title",{hash:{unescaped:"true"},contexts:[b],types:["ID"],hashContexts:m,hashTypes:l,data:e}),(k||0===k)&&e.buffer.push(k),e.buffer.push('\n            </h4>\n        </div>\n        <div class="modal-body">\n            '),l={},m={},k=c["if"].call(b,"body",{hash:{},inverse:q.program(5,h,e),fn:q.program(3,g,e),contexts:[b],types:["ID"],hashContexts:m,hashTypes:l,data:e}),(k||0===k)&&e.buffer.push(k),e.buffer.push('\n        </div>\n        <div class="modal-footer">\n            '),l={},m={},k=c.each.call(b,"footerButtons",{hash:{},inverse:q.noop,fn:q.program(7,i,e),contexts:[b],types:["ID"],hashContexts:m,hashTypes:l,data:e}),(k||0===k)&&e.buffer.push(k),e.buffer.push("\n            "),l={},m={},k=c.each.call(b,"footerViews",{hash:{},inverse:q.noop,fn:q.program(9,j,e),contexts:[b],types:["ID"],hashContexts:m,hashTypes:l,data:e}),(k||0===k)&&e.buffer.push(k),e.buffer.push("\n        </div>\n    </div>\n</div>"),n});

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-nav.max.js

@@ -0,0 +1,51 @@
+(function() {
+  Bootstrap.BsPill = Bootstrap.ItemView.extend(Bootstrap.NavItem, Bootstrap.ItemSelection, {
+    template: Ember.Handlebars.compile('{{#if view.content.linkTo}}\n    {{#if view.parentView.dynamicLink}}\n        {{#link-to view.content.linkTo model}}{{view.title}}{{/link-to}}\n    {{else}}\n        {{#link-to view.content.linkTo}}{{view.title}}{{/link-to}}\n    {{/if}}\n{{else}}\n    {{view view.pillAsLinkView}}\n{{/if}}'),
+    pillAsLinkView: Ember.View.extend({
+      tagName: 'a',
+      template: Ember.Handlebars.compile('{{view.parentView.title}}'),
+      attributeBindings: ['href'],
+      href: "#"
+    })
+  });
+
+}).call(this);
+
+(function() {
+  Bootstrap.BsPills = Bootstrap.ItemsView.extend(Bootstrap.Nav, {
+    navType: 'pills',
+    classNameBindings: ['stacked:nav-stacked', 'justified:nav-justified'],
+    attributeBindings: ['style'],
+    itemViewClass: Bootstrap.BsPill
+  });
+
+  Ember.Handlebars.helper('bs-pills', Bootstrap.BsPills);
+
+}).call(this);
+
+(function() {
+  Bootstrap.BsTabPane = Bootstrap.ItemPaneView.extend();
+
+}).call(this);
+
+(function() {
+  Bootstrap.BsTabsPanes = Bootstrap.ItemsPanesView.extend({
+    classNames: ['tab-content'],
+    itemViewClass: Bootstrap.BsTabPane
+  });
+
+  Ember.Handlebars.helper('bs-tabs-panes', Bootstrap.BsTabsPanes);
+
+}).call(this);
+
+(function() {
+  Bootstrap.BsTabs = Bootstrap.ItemsView.extend(Bootstrap.Nav, {
+    navType: 'tabs',
+    classNameBindings: ['justified:nav-justified'],
+    attributeBindings: ['style'],
+    itemViewClass: Bootstrap.BsPill
+  });
+
+  Ember.Handlebars.helper('bs-tabs', Bootstrap.BsTabs);
+
+}).call(this);

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-nav.min.js

@@ -0,0 +1 @@
+!function(){Bootstrap.BsPill=Bootstrap.ItemView.extend(Bootstrap.NavItem,Bootstrap.ItemSelection,{template:Ember.Handlebars.compile("{{#if view.content.linkTo}}\n    {{#if view.parentView.dynamicLink}}\n        {{#link-to view.content.linkTo model}}{{view.title}}{{/link-to}}\n    {{else}}\n        {{#link-to view.content.linkTo}}{{view.title}}{{/link-to}}\n    {{/if}}\n{{else}}\n    {{view view.pillAsLinkView}}\n{{/if}}"),pillAsLinkView:Ember.View.extend({tagName:"a",template:Ember.Handlebars.compile("{{view.parentView.title}}"),attributeBindings:["href"],href:"#"})})}.call(this),function(){Bootstrap.BsPills=Bootstrap.ItemsView.extend(Bootstrap.Nav,{navType:"pills",classNameBindings:["stacked:nav-stacked","justified:nav-justified"],attributeBindings:["style"],itemViewClass:Bootstrap.BsPill}),Ember.Handlebars.helper("bs-pills",Bootstrap.BsPills)}.call(this),function(){Bootstrap.BsTabPane=Bootstrap.ItemPaneView.extend()}.call(this),function(){Bootstrap.BsTabsPanes=Bootstrap.ItemsPanesView.extend({classNames:["tab-content"],itemViewClass:Bootstrap.BsTabPane}),Ember.Handlebars.helper("bs-tabs-panes",Bootstrap.BsTabsPanes)}.call(this),function(){Bootstrap.BsTabs=Bootstrap.ItemsView.extend(Bootstrap.Nav,{navType:"tabs",classNameBindings:["justified:nav-justified"],attributeBindings:["style"],itemViewClass:Bootstrap.BsPill}),Ember.Handlebars.helper("bs-tabs",Bootstrap.BsTabs)}.call(this);

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-notifications.max.js

@@ -0,0 +1,111 @@
+/*
+A view that displays notification (messages).
+
+Currently a single notification is displayed as an Alert on top of the screen, each notification in a time.
+*/
+
+
+(function() {
+  Bootstrap.NotificationsView = Ember.CollectionView.extend({
+    classNames: ['notifications'],
+    attributeBindings: ['style'],
+    contentBinding: 'Bootstrap.NM.content',
+    showTime: 2000,
+    fadeInTime: 500,
+    fadeOutTime: 3000,
+    showTimeTimeoutId: null,
+    /*
+    itemViewClass: Bootstrap.BsAlertComponent.extend(
+        messageBinding: 'content.message'
+        typeBinding: 'content.type'
+        fadeInTimeBinding: 'parentView.fadeInTime'
+        isVisible: false
+    
+        didInsertElement: ->
+            @$().fadeIn(@get('fadeInTime'))
+    )
+    */
+
+    itemViewClass: Ember.View.extend({
+      classNames: ['alert', 'notification'],
+      template: Ember.Handlebars.compile('{{view.content.message}}'),
+      classNameBindings: ["alertType"],
+      isVisible: false,
+      alertType: (function() {
+        return this.get('content').get('classType');
+      }).property('content'),
+      didInsertElement: function() {
+        return this.$().fadeIn(this.get('fadeInTime'));
+      }
+    }),
+    contentChanged: (function() {
+      if (this.get('content').length > 0) {
+        return this.resetShowTime();
+      }
+    }).observes('content.length'),
+    resetShowTime: function() {
+      var _this = this;
+      this.$().css({
+        display: 'block'
+      });
+      if (this.$().is(":animated")) {
+        this.$().stop().animate({
+          opacity: "100"
+        });
+      }
+      if (this.showTimeTimeoutId != null) {
+        clearTimeout(this.showTimeTimeoutId);
+      }
+      return this.showTimeTimeoutId = setTimeout(function() {
+        return _this.fadeOut(_this);
+      }, this.showTime);
+    },
+    fadeOut: function(that) {
+      return that.$().fadeOut(that.fadeOutTime, function() {
+        return that.get('content').clear();
+      });
+    },
+    mouseEnter: function() {
+      if (this.$().is(":animated")) {
+        return this.$().stop().animate({
+          opacity: "100"
+        });
+      }
+    },
+    mouseLeave: function() {
+      return this.resetShowTime();
+    }
+  });
+
+  Ember.Handlebars.helper('bs-notifications', Bootstrap.NotificationsView);
+
+  Bootstrap.NM = Bootstrap.NotificationManager = Ember.Object.create({
+    content: Ember.A(),
+    push: function(message, type) {
+      var notif;
+      type = type != null ? type : type = 'info';
+      notif = Bootstrap.Notification.create({
+        message: message,
+        type: type
+      });
+      return this.get('content').pushObject(notif);
+    }
+  });
+
+  /*
+  This object represents a notification to be displayed.
+  Notification(s) are added into the NotificationQueue by the pushNotification function.
+  */
+
+
+  Bootstrap.Notification = Ember.Object.extend({
+    classType: (function() {
+      if (this.type != null) {
+        return "alert-" + this.type;
+      } else {
+        return null;
+      }
+    }).property('type').cacheable()
+  });
+
+}).call(this);

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-notifications.min.js

@@ -0,0 +1 @@
+!function(){Bootstrap.NotificationsView=Ember.CollectionView.extend({classNames:["notifications"],attributeBindings:["style"],contentBinding:"Bootstrap.NM.content",showTime:2e3,fadeInTime:500,fadeOutTime:3e3,showTimeTimeoutId:null,itemViewClass:Ember.View.extend({classNames:["alert","notification"],template:Ember.Handlebars.compile("{{view.content.message}}"),classNameBindings:["alertType"],isVisible:!1,alertType:function(){return this.get("content").get("classType")}.property("content"),didInsertElement:function(){return this.$().fadeIn(this.get("fadeInTime"))}}),contentChanged:function(){return this.get("content").length>0?this.resetShowTime():void 0}.observes("content.length"),resetShowTime:function(){var a=this;return this.$().css({display:"block"}),this.$().is(":animated")&&this.$().stop().animate({opacity:"100"}),null!=this.showTimeTimeoutId&&clearTimeout(this.showTimeTimeoutId),this.showTimeTimeoutId=setTimeout(function(){return a.fadeOut(a)},this.showTime)},fadeOut:function(a){return a.$().fadeOut(a.fadeOutTime,function(){return a.get("content").clear()})},mouseEnter:function(){return this.$().is(":animated")?this.$().stop().animate({opacity:"100"}):void 0},mouseLeave:function(){return this.resetShowTime()}}),Ember.Handlebars.helper("bs-notifications",Bootstrap.NotificationsView),Bootstrap.NM=Bootstrap.NotificationManager=Ember.Object.create({content:Ember.A(),push:function(a,b){var c;return b=null!=b?b:b="info",c=Bootstrap.Notification.create({message:a,type:b}),this.get("content").pushObject(c)}}),Bootstrap.Notification=Ember.Object.extend({classType:function(){return null!=this.type?"alert-"+this.type:null}.property("type").cacheable()})}.call(this);

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/dist/js/bs-popover.max.js

@@ -0,0 +1,402 @@
+(function() {
+  var popoverTemplate, template, tooltipTemplate;
+
+  popoverTemplate = '' + '<div class="arrow"></div>' + '{{#if title}}<h3 class="popover-title">{{title}}</h3>{{/if}}' + '<div class="popover-content">' + '{{#if template}}' + '   {{partial partialTemplateName}}' + '{{else}}' + '   {{#if content}}' + '       {{#if html}}' + '           {{{content}}}' + '       {{else}}' + '           {{content}}' + '       {{/if}}' + '   {{else}}' + '       {{yield}}' + '   {{/if}}' + '{{/if}}' + '    </div>';
+
+  Ember.TEMPLATES["components/bs-popover"] = Ember.Handlebars.compile(popoverTemplate);
+
+  tooltipTemplate = '' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner">' + '{{#if html}}' + '   {{{content}}}' + '{{else}}' + '   {{content}}' + '{{/if}}' + '</div>';
+
+  Ember.TEMPLATES["components/bs-tooltip"] = Ember.Handlebars.compile(tooltipTemplate);
+
+  Bootstrap.BsPopoverComponent = Ember.Component.extend({
+    layoutName: 'components/bs-popover',
+    classNames: "popover",
+    classNameBindings: ["fade", "in", "realPlacement"],
+    titleBinding: "data.title",
+    content: Ember.computed.alias('data.content'),
+    html: false,
+    delay: 0,
+    animation: true,
+    fade: Ember.computed.oneWay("animation"),
+    "in": Ember.computed.oneWay("isVisible"),
+    placement: (function() {
+      return this.get("data.placement") || "top";
+    }).property("data.placement"),
+    $element: null,
+    $tip: null,
+    inserted: false,
+    styleUpdater: (function() {
+      var actualHeight, actualWidth, calculatedOffset, placement, pos;
+      if (!this.$tip || !this.get("isVisible")) {
+        return;
+      }
+      this.$tip.css({
+        top: 0,
+        left: 0,
+        display: "block"
+      }).addClass(this.get("realPlacement"));
+      placement = this.get("realPlacement");
+      pos = this.getPosition();
+      actualWidth = this.$tip[0].offsetWidth;
+      actualHeight = this.$tip[0].offsetHeight;
+      calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight);
+      this.$tip.css("top", calculatedOffset.top);
+      this.$tip.css("left", calculatedOffset.left);
+      if (this.firstTime) {
+        this.firstTime = false;
+        this.styleUpdater();
+        return this.firstTime = true;
+      }
+    }).observes("content", "realPlacement", "inserted", "isVisible"),
+    init: function() {
+      var name, tpl;
+      this._super();
+      this.set("html", this.get("data.html") || false);
+      this.set("template", this.get("data.template") !== undefined);
+      if (this.get("template")) {
+        name = "components/bs-popover/_partial-content-" + this.get("tip_id");
+        tpl = this.get("data.template");
+        if (typeof tpl === "function") {
+          Ember.TEMPLATES[name] = tpl;
+        } else {
+          Ember.TEMPLATES[name] = Ember.Handlebars.compile(tpl);
+        }
+        return this.set("partialTemplateName", name);
+      }
+    },
+    didInsertElement: function() {
+      var name,
+        _this = this;
+      this.$tip = this.$();
+      name = Bootstrap.TooltipBoxManager.attribute;
+      name = "[" + name + "='" + this.get("tip_id") + "']";
+      this.$element = $(name);
+      this.set("inserted", true);
+      if (this.get("data.trigger") === "hover" && this.get("data.sticky")) {
+        this.$().on("mouseenter", function() {
+          return clearTimeout(Bootstrap.TooltipBoxManager.timeout);
+        });
+      }
+      this.$().on("mouseleave", function() {
+        return Bootstrap.TooltipBoxManager.removeTip(_this.get("tip_id"));
+      });
+      return this.$().find("img").load(function() {
+        return _this.afterRender();
+      });
+    },
+    afterRender: function() {
+      return this.notifyPropertyChange("content");
+    },
+    realPlacement: (function() {
+      var $parent, actualHeight, actualWidth, autoPlace, autoToken, docScroll, orgPlacement, parentHeight, parentLeft, parentWidth, placement, pos;
+      if (!this.$tip) {
+        return null;
+      }
+      placement = this.get("placement") || "";
+      autoToken = /\s?auto?\s?/i;
+      autoPlace = autoToken.test(placement);
+      if (autoPlace) {
+        placement = placement.replace(autoToken, "") || "top";
+      }
+      pos = this.getPosition();
+      actualWidth = this.$tip[0].offsetWidth;
+      actualHeight = this.$tip[0].offsetHeight;
+      if (autoPlace) {
+        $parent = this.$element.parent();
+        orgPlacement = placement;
+        docScroll = document.documentElement.scrollTop || document.body.scrollTop;
+        parentWidth = window.innerWidth;
+        parentHeight = window.innerHeight;
+        parentLeft = 0;
+        placement = (placement === "bottom" && pos.top + pos.height + actualHeight - docScroll > parentHeight ? "top" : (placement === "top" && pos.top - docScroll - actualHeight < 0 ? "bottom" : (placement === "right" && pos.right + actualWidth > parentWidth ? "left" : (placement === "left" && pos.left - actualWidth < parentLeft ? "right" : placement))));
+      }
+      return placement;
+    }).property("placement", "inserted"),
+    hasContent: function() {
+      return this.get("title");
+    },
+    getPosition: function() {
+      var el;
+      el = this.$element[0];
+      return $.extend({}, (typeof el.getBoundingClientRect === "function" ? el.getBoundingClientRect() : {
+        width: el.offsetWidth,
+        height: el.offsetHeight
+      }), this.$element.offset());
+    },
+    getCalculatedOffset: function(placement, pos, actualWidth, actualHeight) {
+      if (placement === "bottom") {
+        return {
+          top: pos.top + pos.height,
+          left: pos.left + pos.width / 2 - actualWidth / 2
+        };
+      } else if (placement === "top") {
+        return {
+          top: pos.top - actualHeight,
+          left: pos.left + pos.width / 2 - actualWidth / 2
+        };
+      } else if (placement === "left") {
+        return {
+          top: pos.top + pos.height / 2 - actualHeight / 2,
+          left: pos.left - actualWidth
+        };
+      } else {
+        return {
+          top: pos.top + pos.height / 2 - actualHeight / 2,
+          left: pos.left + pos.width
+        };
+      }
+    },
+    actions: {
+      close: function() {
+        return Bootstrap.TooltipBoxManager.removeTip(this.get("tip_id"));
+      }
+    }
+  });
+
+  Ember.Handlebars.helper('bs-popover', Bootstrap.BsPopoverComponent);
+
+  Bootstrap.BsTooltipComponent = Bootstrap.BsPopoverComponent.extend({
+    classNames: "tooltip",
+    layoutName: 'components/bs-tooltip',
+    init: function() {
+      this._super();
+      this.classNames.removeObject("popover");
+      return this.set("content", this.get("content") || this.get("title"));
+    }
+  });
+
+  Ember.Handlebars.helper('bs-tooltip', Bootstrap.BsTooltipComponent);
+
+  /*
+  The tooltipBox controller is used to render the popovers into the named outlet "bs-tooltip-box"
+  with the template tooltip-box
+  */
+
+
+  Bootstrap.TooltipBoxController = Ember.Controller.extend({
+    popoversBinding: "Bootstrap.TooltipBoxManager.popovers",
+    tooltipsBinding: "Bootstrap.TooltipBoxManager.tooltips"
+  });
+
+  template = "" + "{{#each pop in popovers}}" + "   {{bs-popover" + "       tip_id=pop.tip_id" + "       data=pop.data" + "   }}" + "{{/each}}" + "{{#each pop in tooltips}}" + "   {{bs-tooltip" + "       tip_id=pop.tip_id" + "       data=pop.data" + "   }}" + "{{/each}}";
+
+  Ember.TEMPLATES["bs-tooltip-box"] = Ember.Handlebars.compile(template);
+
+  /*
+  The Manager is based on the code from the emberjs action helper.
+  the tooltip/popover helper sets the attribute TooltipBoxManager.attribute (currently: bootstrap-tip-id)
+  with an id that will be increased with each tip.
+  AfterRender the manager binds a function to each element containing the attribute "bootstrap-tip-id"
+  and on "willClearRender" it will be removed
+  */
+
+
+  Bootstrap.TooltipBoxManager = Ember.Object.create({
+    uuid: 0,
+    attribute: "bootstrap-tip-id",
+    willSetup: false,
+    registeredTips: {},
+    registerTip: function(type, object, options) {
+      var id, self;
+      id = ++this.uuid;
+      self = this;
+      this.registeredTips[id] = {
+        id: id,
+        data: object,
+        eventName: object.trigger || (type === "popover" ? "click" : "hover"),
+        bound: false,
+        type: type,
+        sticky: object.sticky,
+        show: function() {
+          self.showTip(id);
+        },
+        hide: function() {
+          self.hideTip(id, true);
+        },
+        toggle: function() {
+          self.toggleTip(id);
+        }
+      };
+      if (!this.willSetup) {
+        this.willSetup = true;
+        Ember.run.scheduleOnce("afterRender", this, function() {
+          self.setupBindings();
+        });
+      }
+      options.data.view.on("willClearRender", function() {
+        Bootstrap.TooltipBoxManager.removeTip(id);
+        $("[" + self.attribute + "='" + id + "']").unbind();
+        delete Bootstrap.TooltipBoxManager.registeredTips[id];
+      });
+      return id;
+    },
+    setupBindings: function() {
+      var elem, i, pop;
+      for (i in this.registeredTips) {
+        pop = this.registeredTips[i];
+        if (pop.bound === false) {
+          pop.bound = true;
+          elem = $("[" + this.attribute + "='" + i + "']");
+          switch (pop.eventName) {
+            case "click":
+              elem.on("click", $.proxy(pop.toggle, pop));
+              break;
+            case "hover":
+              elem.on("mouseenter", $.proxy(pop.show, pop));
+              elem.on("mouseleave", $.proxy(pop.hide, pop));
+              break;
+            case "focus":
+              elem.on("focusin", $.proxy(pop.show, pop));
+              elem.on("focusout", $.proxy(pop.hide, pop));
+              break;
+            case "manual":
+              pop.data.addObserver("show", pop, function(sender, key) {
+                var value;
+                value = sender.get(key);
+                if (value) {
+                  this.show();
+                } else {
+                  this.hide();
+                }
+              });
+              if (pop.data.show) {
+                this.show();
+              }
+          }
+        }
+      }
+      this.willSetup = false;
+    },
+    popovers: [],
+    tooltips: [],
+    showing: {},
+    timeout: null,
+    showTip: function(id) {
+      var data, obj, type;
+      data = this.registeredTips[id].data;
+      type = this.registeredTips[id].type;
+      if (!this.showing[id]) {
+        this.showing[id] = true;
+        obj = Ember.Object.create({
+          data: data,
+          tip_id: id
+        });
+        if (type === "tooltip") {
+          this.tooltips.pushObject(obj);
+        } else {
+          this.popovers.pushObject(obj);
+        }
+      }
+    },
+    hideTip: function(id, allowTimer) {
+      var data;
+      if (this.showing[id]) {
+        data = this.registeredTips[id].data;
+        if (allowTimer && data.sticky) {
+          this.timedRemove(id);
+        } else {
+          this.removeTip(id);
+        }
+      }
+    },
+    toggleTip: function(id) {
+      if (this.showing[id]) {
+        this.hideTip(id);
+      } else {
+        this.showTip(id);
+      }
+    },
+    timedRemove: function(id) {
+      var self;
+      self = this;
+      this.timeout = setTimeout(function() {
+        self.removeTip(id);
+      }, 100);
+    },
+    removeTip: function(id) {
+      var pop;
+      pop = this.popovers.findProperty("tip_id", id) || this.tooltips.findProperty("tip_id");
+      this.popovers.removeObject(pop);
+      this.tooltips.removeObject(pop);
+      delete this.showing[id];
+    },
+    addFromView: function(view, type, object) {
+      var id, options;
+      if (!view.attributeBindings.contains(Bootstrap.TooltipBoxManager.attribute)) {
+        console.warn("TooltipBoxManager.addFromView: You need to add \"TooltipBoxManager.attribute\" to the attributeBindings!");
+        return;
+      }
+      options = {
+        data: {
+          view: view
+        }
+      };
+      id = Bootstrap.TooltipBoxManager.registerTip(type, object, options);
+      view.set(Bootstrap.TooltipBoxManager.attribute, id);
+    },
+    helper: function(path, object, options) {
+      var binding, keyword, name, o, p, type, value;
+      if ((typeof path === "string") && path !== "") {
+        p = path.split(".");
+        keyword = p[0];
+        o = options.data.keywords[keyword];
+        if (o) {
+          p.removeAt(0);
+          p.insertAt(0, "this");
+          p = p.join(".");
+          object = o.get(p);
+        } else {
+          object = this.get(path);
+        }
+      }
+      if (path instanceof Object) {
+        object = Ember.Object.create({});
+        for (name in path.hash) {
+          value = path.hash[name];
+          type = options.hashTypes[name];
+          if (type === "STRING") {
+            object.set(name, value);
+          } else if (type === "ID") {
+            p = value.split(".");
+            keyword = p[0];
+            o = options.data.keywords[keyword];
+            if (!o) {
+              o = this;
+            } else {
+              p.removeAt(0);
+            }
+            if (!object._bindings) {
+              object._bindings = o;
+            }
+            p.insertAt(0, "_bindings");
+            p = p.join(".");
+            object[name] = "";
+            binding = Ember.Binding.from(p).to(name);
+            binding.connect(object);
+          }
+        }
+      }
+      return object;
+    }
+  });
+
+  Ember.Handlebars.registerHelper("bs-bind-popover", function(path) {
+    var id, object, options;
+    options = arguments[arguments.length - 1];
+    object = this;
+    object = Bootstrap.TooltipBoxManager.helper.call(this, path, object, options);
+    id = Bootstrap.TooltipBoxManager.registerTip("popover", object, options);
+    return new Ember.Handlebars.SafeString(Bootstrap.TooltipBoxManager.attribute + "='" + id + "'");
+  });
+
+  Ember.Handlebars.registerHelper("bs-bind-tooltip", function(path) {
+    var id, object, options;
+    options = arguments[arguments.length - 1];
+    object = this;
+    object = Bootstrap.TooltipBoxManager.helper.call(this, path, object, options);
+    id = Bootstrap.TooltipBoxManager.registerTip("tooltip", object, options);
+    return new Ember.Handlebars.SafeString(Bootstrap.TooltipBoxManager.attribute + "='" + id + "'");
+  });
+
+}).call(this);