How to use the ember-bootstrap/components/base/bs-popover/element.extend function in ember-bootstrap

To help you get started, we’ve selected a few ember-bootstrap examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kaliber5 / ember-bootstrap / addon / components / bs3 / bs-popover / element.js View on Github external
import PopoverElement from 'ember-bootstrap/components/base/bs-popover/element';
import { computed } from '@ember/object';

export default PopoverElement.extend({
  popperClassNames: computed('fade', 'actualPlacement', 'showHelp', function() {
    let classes = ['popover', 'ember-bootstrap-popover', this.get('actualPlacement')];
    if (this.get('fade')) {
      classes.push('fade');
    }
    if (this.get('showHelp')) {
      classes.push('in');
    }
    return classes;
  }),

  /**
   * @property titleClass
   * @private
   */
  titleClass: 'popover-title',
github kaliber5 / ember-bootstrap / addon / components / bs4 / bs-popover / element.js View on Github external
import { computed } from '@ember/object';
import PopoverElement from 'ember-bootstrap/components/base/bs-popover/element';

export default PopoverElement.extend({
  popperClassNames: computed('fade', 'actualPlacement', 'showHelp', function() {
    let classes = ['popover', `bs-popover-${this.get('actualPlacement')}`];
    if (this.get('fade')) {
      classes.push('fade');
    }
    if (this.get('showHelp')) {
      classes.push('show');
    }
    return classes;
  }),

  /**
   * @property titleClass
   * @private
   */
  titleClass: 'popover-header',