bootstrap.js 97.4 KB
Newer Older
3001
          $(this.element).trigger(this.constructor.Event.INSERTED);
Mark Otto's avatar
Mark Otto committed
3002

3003
          this._tether = new Tether({
Mark Otto's avatar
Mark Otto committed
3004
            attachment: attachment,
3005
3006
3007
3008
3009
            element: tip,
            target: this.element,
            classes: TetherClass,
            classPrefix: CLASS_PREFIX,
            offset: this.config.offset,
3010
3011
            constraints: this.config.constraints,
            addTargetClasses: false
3012
          });
Mark Otto's avatar
Mark Otto committed
3013

3014
3015
          Util.reflow(tip);
          this._tether.position();
Mark Otto's avatar
Mark Otto committed
3016

3017
          $(tip).addClass(ClassName.IN);
Mark Otto's avatar
Mark Otto committed
3018

3019
3020
3021
          var complete = function complete() {
            var prevHoverState = _this16._hoverState;
            _this16._hoverState = null;
Mark Otto's avatar
Mark Otto committed
3022

3023
            $(_this16.element).trigger(_this16.constructor.Event.SHOWN);
Mark Otto's avatar
Mark Otto committed
3024

3025
3026
3027
3028
            if (prevHoverState === HoverState.OUT) {
              _this16._leave(null, _this16);
            }
          };
XhmikosR's avatar
XhmikosR committed
3029

Mark Otto's avatar
Mark Otto committed
3030
3031
3032
3033
3034
3035
          if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
            $(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
            return;
          }

          complete();
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048
        }
      }
    }, {
      key: 'hide',
      value: function hide(callback) {
        var _this17 = this;

        var tip = this.getTipElement();
        var hideEvent = $.Event(this.constructor.Event.HIDE);
        var complete = function complete() {
          if (_this17._hoverState !== HoverState.IN && tip.parentNode) {
            tip.parentNode.removeChild(tip);
          }
Mark Otto's avatar
Mark Otto committed
3049

3050
3051
3052
          _this17.element.removeAttribute('aria-describedby');
          $(_this17.element).trigger(_this17.constructor.Event.HIDDEN);
          _this17.cleanupTether();
XhmikosR's avatar
XhmikosR committed
3053

3054
3055
3056
3057
          if (callback) {
            callback();
          }
        };
XhmikosR's avatar
XhmikosR committed
3058

3059
        $(this.element).trigger(hideEvent);
XhmikosR's avatar
XhmikosR committed
3060

3061
3062
3063
        if (hideEvent.isDefaultPrevented()) {
          return;
        }
XhmikosR's avatar
XhmikosR committed
3064

3065
        $(tip).removeClass(ClassName.IN);
XhmikosR's avatar
XhmikosR committed
3066

3067
        if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
Mark Otto's avatar
Mark Otto committed
3068

3069
3070
3071
3072
          $(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
        } else {
          complete();
        }
Mark Otto's avatar
Mark Otto committed
3073

3074
3075
        this._hoverState = '';
      }
Mark Otto's avatar
Mark Otto committed
3076

3077
      // protected
Mark Otto's avatar
Mark Otto committed
3078

Jacob Thornton's avatar
Jacob Thornton committed
3079
3080
    }, {
      key: 'isWithContent',
3081
      value: function isWithContent() {
Mark Otto's avatar
Mark Otto committed
3082
        return Boolean(this.getTitle());
3083
3084
3085
3086
3087
3088
3089
3090
3091
      }
    }, {
      key: 'getTipElement',
      value: function getTipElement() {
        return this.tip = this.tip || $(this.config.template)[0];
      }
    }, {
      key: 'setContent',
      value: function setContent() {
XhmikosR's avatar
XhmikosR committed
3092
        var $tip = $(this.getTipElement());
Mark Otto's avatar
Mark Otto committed
3093

XhmikosR's avatar
XhmikosR committed
3094
        this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
Mark Otto's avatar
Mark Otto committed
3095

XhmikosR's avatar
XhmikosR committed
3096
        $tip.removeClass(ClassName.FADE).removeClass(ClassName.IN);
Mark Otto's avatar
Mark Otto committed
3097

3098
3099
        this.cleanupTether();
      }
XhmikosR's avatar
XhmikosR committed
3100
3101
3102
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114
3115
3116
    }, {
      key: 'setElementContent',
      value: function setElementContent($element, content) {
        var html = this.config.html;
        if (typeof content === 'object' && (content.nodeType || content.jquery)) {
          // content is a DOM node or a jQuery
          if (html) {
            if (!$(content).parent().is($element)) {
              $element.empty().append(content);
            }
          } else {
            $element.text($(content).text());
          }
        } else {
          $element[html ? 'html' : 'text'](content);
        }
      }
3117
3118
3119
3120
    }, {
      key: 'getTitle',
      value: function getTitle() {
        var title = this.element.getAttribute('data-original-title');
XhmikosR's avatar
XhmikosR committed
3121

3122
3123
3124
        if (!title) {
          title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
        }
Mark Otto's avatar
Mark Otto committed
3125

3126
3127
3128
3129
3130
3131
3132
3133
3134
        return title;
      }
    }, {
      key: 'cleanupTether',
      value: function cleanupTether() {
        if (this._tether) {
          this._tether.destroy();
        }
      }
XhmikosR's avatar
XhmikosR committed
3135

3136
      // private
XhmikosR's avatar
XhmikosR committed
3137

Jacob Thornton's avatar
Jacob Thornton committed
3138
3139
    }, {
      key: '_getAttachment',
3140
3141
3142
3143
3144
3145
3146
      value: function _getAttachment(placement) {
        return AttachmentMap[placement.toUpperCase()];
      }
    }, {
      key: '_setListeners',
      value: function _setListeners() {
        var _this18 = this;
XhmikosR's avatar
XhmikosR committed
3147

3148
        var triggers = this.config.trigger.split(' ');
XhmikosR's avatar
XhmikosR committed
3149

3150
3151
3152
3153
        triggers.forEach(function (trigger) {
          if (trigger === 'click') {
            $(_this18.element).on(_this18.constructor.Event.CLICK, _this18.config.selector, $.proxy(_this18.toggle, _this18));
          } else if (trigger !== Trigger.MANUAL) {
Mark Otto's avatar
Mark Otto committed
3154
3155
            var eventIn = trigger === Trigger.HOVER ? _this18.constructor.Event.MOUSEENTER : _this18.constructor.Event.FOCUSIN;
            var eventOut = trigger === Trigger.HOVER ? _this18.constructor.Event.MOUSELEAVE : _this18.constructor.Event.FOCUSOUT;
XhmikosR's avatar
XhmikosR committed
3156

3157
3158
3159
            $(_this18.element).on(eventIn, _this18.config.selector, $.proxy(_this18._enter, _this18)).on(eventOut, _this18.config.selector, $.proxy(_this18._leave, _this18));
          }
        });
XhmikosR's avatar
XhmikosR committed
3160

3161
3162
3163
3164
3165
3166
3167
3168
        if (this.config.selector) {
          this.config = $.extend({}, this.config, {
            trigger: 'manual',
            selector: ''
          });
        } else {
          this._fixTitle();
        }
Mark Otto's avatar
Mark Otto committed
3169
      }
3170
3171
3172
3173
3174
3175
3176
3177
    }, {
      key: '_fixTitle',
      value: function _fixTitle() {
        var titleType = typeof this.element.getAttribute('data-original-title');
        if (this.element.getAttribute('title') || titleType !== 'string') {
          this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
          this.element.setAttribute('title', '');
        }
Mark Otto's avatar
Mark Otto committed
3178
      }
3179
3180
3181
3182
    }, {
      key: '_enter',
      value: function _enter(event, context) {
        var dataKey = this.constructor.DATA_KEY;
XhmikosR's avatar
XhmikosR committed
3183

3184
        context = context || $(event.currentTarget).data(dataKey);
XhmikosR's avatar
XhmikosR committed
3185

3186
3187
3188
3189
        if (!context) {
          context = new this.constructor(event.currentTarget, this._getDelegateConfig());
          $(event.currentTarget).data(dataKey, context);
        }
XhmikosR's avatar
XhmikosR committed
3190

3191
        if (event) {
Mark Otto's avatar
Mark Otto committed
3192
          context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
3193
        }
XhmikosR's avatar
XhmikosR committed
3194

3195
3196
3197
3198
        if ($(context.getTipElement()).hasClass(ClassName.IN) || context._hoverState === HoverState.IN) {
          context._hoverState = HoverState.IN;
          return;
        }
XhmikosR's avatar
XhmikosR committed
3199

3200
        clearTimeout(context._timeout);
XhmikosR's avatar
XhmikosR committed
3201

3202
        context._hoverState = HoverState.IN;
XhmikosR's avatar
XhmikosR committed
3203

3204
3205
3206
3207
        if (!context.config.delay || !context.config.delay.show) {
          context.show();
          return;
        }
XhmikosR's avatar
XhmikosR committed
3208

3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
        context._timeout = setTimeout(function () {
          if (context._hoverState === HoverState.IN) {
            context.show();
          }
        }, context.config.delay.show);
      }
    }, {
      key: '_leave',
      value: function _leave(event, context) {
        var dataKey = this.constructor.DATA_KEY;
XhmikosR's avatar
XhmikosR committed
3219

3220
        context = context || $(event.currentTarget).data(dataKey);
XhmikosR's avatar
XhmikosR committed
3221

3222
3223
3224
3225
        if (!context) {
          context = new this.constructor(event.currentTarget, this._getDelegateConfig());
          $(event.currentTarget).data(dataKey, context);
        }
XhmikosR's avatar
XhmikosR committed
3226

3227
        if (event) {
Mark Otto's avatar
Mark Otto committed
3228
          context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
3229
        }
XhmikosR's avatar
XhmikosR committed
3230

3231
3232
3233
        if (context._isWithActiveTrigger()) {
          return;
        }
XhmikosR's avatar
XhmikosR committed
3234

3235
        clearTimeout(context._timeout);
XhmikosR's avatar
XhmikosR committed
3236

3237
        context._hoverState = HoverState.OUT;
XhmikosR's avatar
XhmikosR committed
3238

3239
3240
3241
3242
        if (!context.config.delay || !context.config.delay.hide) {
          context.hide();
          return;
        }
XhmikosR's avatar
XhmikosR committed
3243

3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
        context._timeout = setTimeout(function () {
          if (context._hoverState === HoverState.OUT) {
            context.hide();
          }
        }, context.config.delay.hide);
      }
    }, {
      key: '_isWithActiveTrigger',
      value: function _isWithActiveTrigger() {
        for (var trigger in this._activeTrigger) {
          if (this._activeTrigger[trigger]) {
            return true;
          }
        }
XhmikosR's avatar
XhmikosR committed
3258

3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
        return false;
      }
    }, {
      key: '_getConfig',
      value: function _getConfig(config) {
        config = $.extend({}, this.constructor.Default, $(this.element).data(), config);

        if (config.delay && typeof config.delay === 'number') {
          config.delay = {
            show: config.delay,
            hide: config.delay
          };
        }
XhmikosR's avatar
XhmikosR committed
3272

3273
        Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
XhmikosR's avatar
XhmikosR committed
3274

3275
3276
3277
3278
3279
3280
3281
3282
3283
        return config;
      }
    }, {
      key: '_getDelegateConfig',
      value: function _getDelegateConfig() {
        var config = {};

        if (this.config) {
          for (var key in this.config) {
Mark Otto's avatar
Mark Otto committed
3284
3285
            if (this.constructor.Default[key] !== this.config[key]) {
              config[key] = this.config[key];
3286
3287
3288
            }
          }
        }
3289

3290
3291
        return config;
      }
Mark Otto's avatar
grunt    
Mark Otto committed
3292
3293
3294

      // static

Jacob Thornton's avatar
Jacob Thornton committed
3295
3296
    }], [{
      key: '_jQueryInterface',
Mark Otto's avatar
grunt    
Mark Otto committed
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
      value: function _jQueryInterface(config) {
        return this.each(function () {
          var data = $(this).data(DATA_KEY);
          var _config = typeof config === 'object' ? config : null;

          if (!data && /destroy|hide/.test(config)) {
            return;
          }

          if (!data) {
            data = new Tooltip(this, _config);
            $(this).data(DATA_KEY, data);
          }

          if (typeof config === 'string') {
XhmikosR's avatar
XhmikosR committed
3312
3313
3314
            if (data[config] === undefined) {
              throw new Error('No method named "' + config + '"');
            }
Mark Otto's avatar
grunt    
Mark Otto committed
3315
3316
3317
3318
3319
            data[config]();
          }
        });
      }
    }, {
3320
      key: 'VERSION',
Jacob Thornton's avatar
Jacob Thornton committed
3321
      get: function get() {
3322
3323
3324
3325
        return VERSION;
      }
    }, {
      key: 'Default',
Jacob Thornton's avatar
Jacob Thornton committed
3326
      get: function get() {
3327
3328
3329
3330
        return Default;
      }
    }, {
      key: 'NAME',
Jacob Thornton's avatar
Jacob Thornton committed
3331
      get: function get() {
3332
3333
3334
3335
        return NAME;
      }
    }, {
      key: 'DATA_KEY',
Jacob Thornton's avatar
Jacob Thornton committed
3336
      get: function get() {
3337
3338
3339
3340
        return DATA_KEY;
      }
    }, {
      key: 'Event',
Jacob Thornton's avatar
Jacob Thornton committed
3341
      get: function get() {
3342
3343
3344
3345
        return Event;
      }
    }, {
      key: 'EVENT_KEY',
Jacob Thornton's avatar
Jacob Thornton committed
3346
      get: function get() {
3347
3348
3349
3350
        return EVENT_KEY;
      }
    }, {
      key: 'DefaultType',
Jacob Thornton's avatar
Jacob Thornton committed
3351
      get: function get() {
3352
3353
3354
        return DefaultType;
      }
    }]);
XhmikosR's avatar
XhmikosR committed
3355

3356
3357
    return Tooltip;
  })();
XhmikosR's avatar
XhmikosR committed
3358

3359
3360
3361
3362
3363
3364
  $.fn[NAME] = Tooltip._jQueryInterface;
  $.fn[NAME].Constructor = Tooltip;
  $.fn[NAME].noConflict = function () {
    $.fn[NAME] = JQUERY_NO_CONFLICT;
    return Tooltip._jQueryInterface;
  };
XhmikosR's avatar
XhmikosR committed
3365

3366
3367
  return Tooltip;
})(jQuery);
XhmikosR's avatar
XhmikosR committed
3368

Mark Otto's avatar
Mark Otto committed
3369
/**
3370
 * --------------------------------------------------------------------------
3371
 * Bootstrap (v4.0.0-alpha.2): popover.js
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381
3382
3383
3384
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */

var Popover = (function ($) {

  /**
   * ------------------------------------------------------------------------
   * Constants
   * ------------------------------------------------------------------------
   */

  var NAME = 'popover';
XhmikosR's avatar
XhmikosR committed
3385
  var VERSION = '4.0.0-alpha.2';
3386
3387
3388
3389
3390
3391
3392
3393
3394
3395
3396
3397
  var DATA_KEY = 'bs.popover';
  var EVENT_KEY = '.' + DATA_KEY;
  var JQUERY_NO_CONFLICT = $.fn[NAME];

  var Default = $.extend({}, Tooltip.Default, {
    placement: 'right',
    trigger: 'click',
    content: '',
    template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-title"></h3>' + '<div class="popover-content"></div></div>'
  });

  var DefaultType = $.extend({}, Tooltip.DefaultType, {
XhmikosR's avatar
XhmikosR committed
3398
    content: '(string|element|function)'
3399
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
  });

  var ClassName = {
    FADE: 'fade',
    IN: 'in'
  };

  var Selector = {
    TITLE: '.popover-title',
    CONTENT: '.popover-content',
    ARROW: '.popover-arrow'
  };

  var Event = {
    HIDE: 'hide' + EVENT_KEY,
    HIDDEN: 'hidden' + EVENT_KEY,
    SHOW: 'show' + EVENT_KEY,
    SHOWN: 'shown' + EVENT_KEY,
    INSERTED: 'inserted' + EVENT_KEY,
    CLICK: 'click' + EVENT_KEY,
    FOCUSIN: 'focusin' + EVENT_KEY,
    FOCUSOUT: 'focusout' + EVENT_KEY,
    MOUSEENTER: 'mouseenter' + EVENT_KEY,
    MOUSELEAVE: 'mouseleave' + EVENT_KEY
  };

  /**
   * ------------------------------------------------------------------------
   * Class Definition
   * ------------------------------------------------------------------------
   */

  var Popover = (function (_Tooltip) {
Jacob Thornton's avatar
Jacob Thornton committed
3432
3433
    _inherits(Popover, _Tooltip);

3434
3435
3436
    function Popover() {
      _classCallCheck(this, Popover);

Jacob Thornton's avatar
Jacob Thornton committed
3437
      _get(Object.getPrototypeOf(Popover.prototype), 'constructor', this).apply(this, arguments);
Mark Otto's avatar
Mark Otto committed
3438
    }
XhmikosR's avatar
XhmikosR committed
3439

Jacob Thornton's avatar
Jacob Thornton committed
3440
3441
3442
3443
3444
    /**
     * ------------------------------------------------------------------------
     * jQuery
     * ------------------------------------------------------------------------
     */
XhmikosR's avatar
XhmikosR committed
3445

3446
3447
    _createClass(Popover, [{
      key: 'isWithContent',
XhmikosR's avatar
XhmikosR committed
3448

3449
      // overrides
XhmikosR's avatar
XhmikosR committed
3450

3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461
      value: function isWithContent() {
        return this.getTitle() || this._getContent();
      }
    }, {
      key: 'getTipElement',
      value: function getTipElement() {
        return this.tip = this.tip || $(this.config.template)[0];
      }
    }, {
      key: 'setContent',
      value: function setContent() {
XhmikosR's avatar
XhmikosR committed
3462
        var $tip = $(this.getTipElement());
XhmikosR's avatar
XhmikosR committed
3463

3464
        // we use append for html objects to maintain js events
XhmikosR's avatar
XhmikosR committed
3465
3466
        this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
        this.setElementContent($tip.find(Selector.CONTENT), this._getContent());
XhmikosR's avatar
XhmikosR committed
3467

XhmikosR's avatar
XhmikosR committed
3468
        $tip.removeClass(ClassName.FADE).removeClass(ClassName.IN);
XhmikosR's avatar
XhmikosR committed
3469

3470
        this.cleanupTether();
Mark Otto's avatar
Mark Otto committed
3471
      }
XhmikosR's avatar
XhmikosR committed
3472

3473
      // private
XhmikosR's avatar
XhmikosR committed
3474

Jacob Thornton's avatar
Jacob Thornton committed
3475
3476
    }, {
      key: '_getContent',
3477
      value: function _getContent() {
Mark Otto's avatar
Mark Otto committed
3478
        return this.element.getAttribute('data-content') || (typeof this.config.content === 'function' ? this.config.content.call(this.element) : this.config.content);
3479
      }
Mark Otto's avatar
grunt    
Mark Otto committed
3480
3481
3482

      // static

Jacob Thornton's avatar
Jacob Thornton committed
3483
3484
    }], [{
      key: '_jQueryInterface',
Mark Otto's avatar
grunt    
Mark Otto committed
3485
3486
3487
3488
3489
3490
3491
3492
3493
3494
3495
3496
3497
3498
3499
      value: function _jQueryInterface(config) {
        return this.each(function () {
          var data = $(this).data(DATA_KEY);
          var _config = typeof config === 'object' ? config : null;

          if (!data && /destroy|hide/.test(config)) {
            return;
          }

          if (!data) {
            data = new Popover(this, _config);
            $(this).data(DATA_KEY, data);
          }

          if (typeof config === 'string') {
XhmikosR's avatar
XhmikosR committed
3500
3501
3502
            if (data[config] === undefined) {
              throw new Error('No method named "' + config + '"');
            }
Mark Otto's avatar
grunt    
Mark Otto committed
3503
3504
3505
3506
3507
            data[config]();
          }
        });
      }
    }, {
3508
      key: 'VERSION',
XhmikosR's avatar
XhmikosR committed
3509

3510
      // getters
XhmikosR's avatar
XhmikosR committed
3511

Jacob Thornton's avatar
Jacob Thornton committed
3512
      get: function get() {
3513
3514
3515
3516
        return VERSION;
      }
    }, {
      key: 'Default',
Jacob Thornton's avatar
Jacob Thornton committed
3517
      get: function get() {
3518
3519
3520
3521
        return Default;
      }
    }, {
      key: 'NAME',
Jacob Thornton's avatar
Jacob Thornton committed
3522
      get: function get() {
3523
3524
3525
3526
        return NAME;
      }
    }, {
      key: 'DATA_KEY',
Jacob Thornton's avatar
Jacob Thornton committed
3527
      get: function get() {
3528
3529
3530
3531
        return DATA_KEY;
      }
    }, {
      key: 'Event',
Jacob Thornton's avatar
Jacob Thornton committed
3532
      get: function get() {
3533
3534
3535
3536
        return Event;
      }
    }, {
      key: 'EVENT_KEY',
Jacob Thornton's avatar
Jacob Thornton committed
3537
      get: function get() {
3538
3539
3540
3541
        return EVENT_KEY;
      }
    }, {
      key: 'DefaultType',
Jacob Thornton's avatar
Jacob Thornton committed
3542
      get: function get() {
3543
3544
3545
        return DefaultType;
      }
    }]);
XhmikosR's avatar
XhmikosR committed
3546

3547
3548
    return Popover;
  })(Tooltip);
XhmikosR's avatar
XhmikosR committed
3549

3550
3551
3552
3553
3554
3555
  $.fn[NAME] = Popover._jQueryInterface;
  $.fn[NAME].Constructor = Popover;
  $.fn[NAME].noConflict = function () {
    $.fn[NAME] = JQUERY_NO_CONFLICT;
    return Popover._jQueryInterface;
  };
XhmikosR's avatar
XhmikosR committed
3556

3557
3558
  return Popover;
})(jQuery);
XhmikosR's avatar
XhmikosR committed
3559

3560
}(jQuery);
For faster browsing, not all history is shown. View entire blame