jekyll-rubin-collab-theme 0.1.0 → 0.1.1

data/_third_party/mdb-ui-kit/src/js/free/modal.js

@@ -0,0 +1,129 @@
+import { getjQuery, getSelectorFromElement, onDOMContentLoaded } from '../mdb/util/index';
+import EventHandler from '../mdb/dom/event-handler';
+import SelectorEngine from '../mdb/dom/selector-engine';
+import BSModal from '../bootstrap/mdb-prefix/modal';
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const NAME = 'modal';
+const DATA_KEY = `mdb.${NAME}`;
+const EVENT_KEY = `.${DATA_KEY}`;
+
+const EVENT_HIDE_BS = 'hide.bs.modal';
+const EVENT_HIDE_PREVENTED_BS = 'hidePrevented.bs.modal';
+const EVENT_HIDDEN_BS = 'hidden.bs.modal';
+const EVENT_SHOW_BS = 'show.bs.modal';
+const EVENT_SHOWN_BS = 'shown.bs.modal';
+
+const EVENT_HIDE = `hide${EVENT_KEY}`;
+const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`;
+const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
+const EVENT_SHOW = `show${EVENT_KEY}`;
+const EVENT_SHOWN = `shown${EVENT_KEY}`;
+
+const SELECTOR_DATA_TOGGLE = '[data-mdb-toggle="modal"]';
+
+class Modal extends BSModal {
+  constructor(element, data) {
+    super(element, data);
+
+    this._init();
+  }
+
+  dispose() {
+    EventHandler.off(this._element, EVENT_SHOW_BS);
+    EventHandler.off(this._element, EVENT_SHOWN_BS);
+    EventHandler.off(this._element, EVENT_HIDE_BS);
+    EventHandler.off(this._element, EVENT_HIDDEN_BS);
+    EventHandler.off(this._element, EVENT_HIDE_PREVENTED_BS);
+
+    super.dispose();
+  }
+
+  // Getters
+  static get NAME() {
+    return NAME;
+  }
+
+  // Private
+  _init() {
+    this._bindShowEvent();
+    this._bindShownEvent();
+    this._bindHideEvent();
+    this._bindHiddenEvent();
+    this._bindHidePreventedEvent();
+  }
+
+  _bindShowEvent() {
+    EventHandler.on(this._element, EVENT_SHOW_BS, (e) => {
+      EventHandler.trigger(this._element, EVENT_SHOW, { relatedTarget: e.relatedTarget });
+    });
+  }
+
+  _bindShownEvent() {
+    EventHandler.on(this._element, EVENT_SHOWN_BS, (e) => {
+      EventHandler.trigger(this._element, EVENT_SHOWN, { relatedTarget: e.relatedTarget });
+    });
+  }
+
+  _bindHideEvent() {
+    EventHandler.on(this._element, EVENT_HIDE_BS, () => {
+      EventHandler.trigger(this._element, EVENT_HIDE);
+    });
+  }
+
+  _bindHiddenEvent() {
+    EventHandler.on(this._element, EVENT_HIDDEN_BS, () => {
+      EventHandler.trigger(this._element, EVENT_HIDDEN);
+    });
+  }
+
+  _bindHidePreventedEvent() {
+    EventHandler.on(this._element, EVENT_HIDE_PREVENTED_BS, () => {
+      EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
+    });
+  }
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Data Api implementation - auto initialization
+ * ------------------------------------------------------------------------
+ */
+
+SelectorEngine.find(SELECTOR_DATA_TOGGLE).forEach((el) => {
+  const selector = getSelectorFromElement(el);
+  const selectorElement = SelectorEngine.findOne(selector);
+
+  let instance = Modal.getInstance(selectorElement);
+  if (!instance) {
+    instance = new Modal(selectorElement);
+  }
+});
+
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ * add .modal to jQuery only if jQuery is present
+ */
+
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Modal.jQueryInterface;
+    $.fn[NAME].Constructor = Modal;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Modal.jQueryInterface;
+    };
+  }
+});
+
+export default Modal;

data/_third_party/mdb-ui-kit/src/js/free/popover.js

@@ -0,0 +1,126 @@
+import { getjQuery, onDOMContentLoaded } from '../mdb/util/index';
+import EventHandler from '../mdb/dom/event-handler';
+import SelectorEngine from '../mdb/dom/selector-engine';
+import BSPopover from '../bootstrap/mdb-prefix/popover';
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const NAME = 'popover';
+const DATA_KEY = `mdb.${NAME}`;
+const EVENT_KEY = `.${DATA_KEY}`;
+
+const EVENT_SHOW_BS = 'show.bs.popover';
+const EVENT_SHOWN_BS = 'shown.bs.popover';
+const EVENT_HIDE_BS = 'hide.bs.popover';
+const EVENT_HIDDEN_BS = 'hidden.bs.popover';
+const EVENT_INSERTED_BS = 'inserted.bs.popover';
+
+const EVENT_SHOW = `show${EVENT_KEY}`;
+const EVENT_SHOWN = `shown${EVENT_KEY}`;
+const EVENT_HIDE = `hide${EVENT_KEY}`;
+const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
+const EVENT_INSERTED = `inserted${EVENT_KEY}`;
+
+const SELECTOR_DATA_TOGGLE = '[data-mdb-toggle="popover"]';
+
+class Popover extends BSPopover {
+  constructor(element, data) {
+    super(element, data);
+
+    this._init();
+  }
+
+  dispose() {
+    EventHandler.off(this.element, EVENT_SHOW_BS);
+    EventHandler.off(this.element, EVENT_SHOWN_BS);
+    EventHandler.off(this.element, EVENT_HIDE_BS);
+    EventHandler.off(this.element, EVENT_HIDDEN_BS);
+    EventHandler.off(this.element, EVENT_INSERTED_BS);
+
+    super.dispose();
+  }
+
+  // Getters
+  static get NAME() {
+    return NAME;
+  }
+
+  // Private
+  _init() {
+    this._bindShowEvent();
+    this._bindShownEvent();
+    this._bindHideEvent();
+    this._bindHiddenEvent();
+    this._bindInsertedEvent();
+  }
+
+  _bindShowEvent() {
+    EventHandler.on(this.element, EVENT_SHOW_BS, () => {
+      EventHandler.trigger(this.element, EVENT_SHOW);
+    });
+  }
+
+  _bindShownEvent() {
+    EventHandler.on(this.element, EVENT_SHOWN_BS, () => {
+      EventHandler.trigger(this.element, EVENT_SHOWN);
+    });
+  }
+
+  _bindHideEvent() {
+    EventHandler.on(this.element, EVENT_HIDE_BS, () => {
+      EventHandler.trigger(this.element, EVENT_HIDE);
+    });
+  }
+
+  _bindHiddenEvent() {
+    EventHandler.on(this.element, EVENT_HIDDEN_BS, () => {
+      EventHandler.trigger(this.element, EVENT_HIDDEN);
+    });
+  }
+
+  _bindInsertedEvent() {
+    EventHandler.on(this.element, EVENT_INSERTED_BS, () => {
+      EventHandler.trigger(this.element, EVENT_INSERTED);
+    });
+  }
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Data Api implementation - auto initialization
+ * ------------------------------------------------------------------------
+ */
+
+SelectorEngine.find(SELECTOR_DATA_TOGGLE).forEach((el) => {
+  let instance = Popover.getInstance(el);
+  if (!instance) {
+    instance = new Popover(el);
+  }
+});
+
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ * add .rating to jQuery only if jQuery is present
+ */
+
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Popover.jQueryInterface;
+    $.fn[NAME].Constructor = Popover;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Popover.jQueryInterface;
+    };
+  }
+});
+
+export default Popover;

data/_third_party/mdb-ui-kit/src/js/free/range.js

@@ -0,0 +1,162 @@
+import { getjQuery, element, onDOMContentLoaded } from '../mdb/util/index';
+import Data from '../mdb/dom/data';
+import EventHandler from '../mdb/dom/event-handler';
+import Manipulator from '../mdb/dom/manipulator';
+import SelectorEngine from '../mdb/dom/selector-engine';
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const NAME = 'range';
+const DATA_KEY = 'mdb.range';
+const CLASSNAME_THUMB = 'thumb';
+const CLASSNAME_WRAPPER = 'range';
+const CLASSNAME_ACTIVE = 'thumb-active';
+const CLASSNAME_THUMB_VALUE = 'thumb-value';
+
+const SELECTOR_THUMB_VALUE = `.${CLASSNAME_THUMB_VALUE}`;
+const SELECTOR_THUMB = `.${CLASSNAME_THUMB}`;
+const SELECTOR_WRAPPER = `.${CLASSNAME_WRAPPER}`;
+
+/**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+class Range {
+  constructor(element) {
+    this._element = element;
+    this._initiated = false;
+    this._thumb = null;
+
+    if (this._element) {
+      Data.setData(element, DATA_KEY, this);
+      this.init();
+    }
+  }
+
+  // Getters
+  static get NAME() {
+    return NAME;
+  }
+
+  get rangeInput() {
+    return SelectorEngine.findOne('input[type=range]', this._element);
+  }
+
+  // Public
+  init() {
+    if (this._initiated) {
+      return;
+    }
+    this._addThumb();
+    this._thumbUpdate();
+    this._handleEvents();
+    this._initiated = true;
+  }
+
+  dispose() {
+    this._disposeEvents();
+    Data.removeData(this._element, DATA_KEY);
+    this._element = null;
+    this._thumb = null;
+  }
+
+  // Private
+  _addThumb() {
+    const RANGE_THUMB = element('span');
+    Manipulator.addClass(RANGE_THUMB, CLASSNAME_THUMB);
+    RANGE_THUMB.innerHTML = '<span class="thumb-value"></span>';
+    this._element.append(RANGE_THUMB);
+    this._thumb = SelectorEngine.findOne(SELECTOR_THUMB, this._element);
+  }
+
+  _handleEvents() {
+    EventHandler.on(this.rangeInput, 'mousedown', () => this._showThumb());
+    EventHandler.on(this.rangeInput, 'mouseup', () => this._hideThumb());
+    EventHandler.on(this.rangeInput, 'touchstart', () => this._showThumb());
+    EventHandler.on(this.rangeInput, 'touchend', () => this._hideThumb());
+    EventHandler.on(this.rangeInput, 'input', () => this._thumbUpdate());
+  }
+
+  _disposeEvents() {
+    EventHandler.off(this.rangeInput, 'mousedown', this._showThumb);
+    EventHandler.off(this.rangeInput, 'mouseup', this._hideThumb);
+    EventHandler.off(this.rangeInput, 'touchstart', this._showThumb);
+    EventHandler.off(this.rangeInput, 'touchend', this._hideThumb);
+    EventHandler.off(this.rangeInput, 'input', this._thumbUpdate);
+  }
+
+  _showThumb() {
+    Manipulator.addClass(this._thumb, CLASSNAME_ACTIVE);
+  }
+
+  _hideThumb() {
+    Manipulator.removeClass(this._thumb, CLASSNAME_ACTIVE);
+  }
+
+  _thumbUpdate() {
+    const rangeInput = this.rangeInput;
+    const inputValue = rangeInput.value;
+    const minValue = rangeInput.min ? rangeInput.min : 0;
+    const maxValue = rangeInput.max ? rangeInput.max : 100;
+    const thumbValue = SelectorEngine.findOne(SELECTOR_THUMB_VALUE, this._thumb);
+    thumbValue.textContent = inputValue;
+    const newValue = Number(((inputValue - minValue) * 100) / (maxValue - minValue));
+    Manipulator.style(this._thumb, { left: `calc(${newValue}% + (${8 - newValue * 0.15}px))` });
+  }
+  // Static
+
+  static getInstance(element) {
+    return Data.getData(element, DATA_KEY);
+  }
+
+  static getOrCreateInstance(element, config = {}) {
+    return (
+      this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)
+    );
+  }
+
+  static jQueryInterface(config, options) {
+    return this.each(function () {
+      let data = Data.getData(this, DATA_KEY);
+      const _config = typeof config === 'object' && config;
+      if (!data && /dispose/.test(config)) {
+        return;
+      }
+      if (!data) {
+        data = new Range(this, _config);
+      }
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError(`No method named "${config}"`);
+        }
+        data[config](options);
+      }
+    });
+  }
+}
+
+// auto-init
+SelectorEngine.find(SELECTOR_WRAPPER).map((element) => new Range(element));
+
+// jQuery init
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Range.jQueryInterface;
+    $.fn[NAME].Constructor = Range;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Range.jQueryInterface;
+    };
+  }
+});
+
+export default Range;