jekyll-rubin-collab-theme 0.1.0 → 0.1.1

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

@@ -0,0 +1,258 @@
+import { getjQuery, 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';
+
+import BSButton from '../bootstrap/mdb-prefix/button';
+
+const NAME = 'button';
+const DATA_KEY = `mdb.${NAME}`;
+const EVENT_KEY = `.${DATA_KEY}`;
+
+const EVENT_CLICK = `click${EVENT_KEY}`;
+const EVENT_TRANSITIONEND = 'transitionend';
+const EVENT_MOUSEENTER = 'mouseenter';
+const EVENT_MOUSELEAVE = 'mouseleave';
+const EVENT_HIDE = `hide${EVENT_KEY}`;
+const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
+const EVENT_SHOW = `show${EVENT_KEY}`;
+const EVENT_SHOWN = `shown${EVENT_KEY}`;
+
+const CLASS_NAME_ACTIVE = 'active';
+const CLASS_NAME_SHOWN = 'shown';
+const CLASS_NAME_FIXED_ACTION_BTN = 'fixed-action-btn';
+
+const SELECTOR_BUTTON = '[data-mdb-toggle="button"]';
+const SELECTOR_FIXED_CONTAINER = '.fixed-action-btn';
+const SELECTOR_ACTION_BUTTON = '.fixed-action-btn:not(.smooth-scroll) > .btn-floating';
+const SELECTOR_LIST_ELEMENT = 'ul .btn';
+const SELECTOR_LIST = 'ul';
+
+class Button extends BSButton {
+  constructor(element) {
+    super(element);
+    this._fn = {};
+
+    if (this._element) {
+      Data.setData(this._element, DATA_KEY, this);
+      this._init();
+    }
+  }
+
+  // Static
+  static get NAME() {
+    return NAME;
+  }
+
+  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 Button(this, _config);
+      }
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError(`No method named "${config}"`);
+        }
+        data[config](options);
+      }
+    });
+  }
+
+  // Getters
+  get _actionButton() {
+    return SelectorEngine.findOne(SELECTOR_ACTION_BUTTON, this._element);
+  }
+
+  get _buttonListElements() {
+    return SelectorEngine.find(SELECTOR_LIST_ELEMENT, this._element);
+  }
+
+  get _buttonList() {
+    return SelectorEngine.findOne(SELECTOR_LIST, this._element);
+  }
+
+  get _isTouchDevice() {
+    return 'ontouchstart' in document.documentElement;
+  }
+
+  // Public
+  show() {
+    if (Manipulator.hasClass(this._element, CLASS_NAME_FIXED_ACTION_BTN)) {
+      EventHandler.off(this._buttonList, EVENT_TRANSITIONEND);
+      EventHandler.trigger(this._element, EVENT_SHOW);
+      // EventHandler.on(this._buttonList, EVENT_TRANSITIONEND, this._bindListOpenTransitionEnd);
+      this._bindListOpenTransitionEnd();
+      Manipulator.addStyle(this._element, { height: `${this._fullContainerHeight}px` });
+      this._toggleVisibility(true);
+    }
+  }
+
+  hide() {
+    if (Manipulator.hasClass(this._element, CLASS_NAME_FIXED_ACTION_BTN)) {
+      EventHandler.off(this._buttonList, EVENT_TRANSITIONEND);
+      EventHandler.trigger(this._element, EVENT_HIDE);
+      // EventHandler.on(this._buttonList, EVENT_TRANSITIONEND, this._bindListHideTransitionEnd);
+      this._bindListHideTransitionEnd();
+      this._toggleVisibility(false);
+    }
+  }
+
+  dispose() {
+    if (Manipulator.hasClass(this._element, CLASS_NAME_FIXED_ACTION_BTN)) {
+      EventHandler.off(this._actionButton, EVENT_CLICK);
+      this._actionButton.removeEventListener(EVENT_MOUSEENTER, this._fn.mouseenter);
+      this._element.removeEventListener(EVENT_MOUSELEAVE, this._fn.mouseleave);
+    }
+
+    super.dispose();
+  }
+
+  // Private
+  _init() {
+    if (Manipulator.hasClass(this._element, CLASS_NAME_FIXED_ACTION_BTN)) {
+      this._saveInitialHeights();
+      this._setInitialStyles();
+      this._bindInitialEvents();
+    }
+  }
+
+  _bindMouseEnter() {
+    this._actionButton.addEventListener(
+      EVENT_MOUSEENTER,
+      // prettier-ignore
+      this._fn.mouseenter = () => {
+        if (!this._isTouchDevice) {
+          this.show();
+        }
+      }
+      // prettier-ignore
+    );
+  }
+
+  _bindMouseLeave() {
+    this._element.addEventListener(
+      EVENT_MOUSELEAVE,
+      // prettier-ignore
+      this._fn.mouseleave = () => {
+        this.hide();
+      }
+      // prettier-ignore
+    );
+  }
+
+  _bindClick() {
+    EventHandler.on(this._actionButton, EVENT_CLICK, () => {
+      if (Manipulator.hasClass(this._element, CLASS_NAME_ACTIVE)) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    });
+  }
+
+  _bindListHideTransitionEnd() {
+    EventHandler.on(this._buttonList, EVENT_TRANSITIONEND, (event) => {
+      if (event.propertyName === 'transform') {
+        EventHandler.off(this._buttonList, EVENT_TRANSITIONEND);
+        this._element.style.height = `${this._initialContainerHeight}px`;
+        EventHandler.trigger(this._element, EVENT_HIDDEN);
+      }
+    });
+  }
+
+  _bindListOpenTransitionEnd() {
+    EventHandler.on(this._buttonList, EVENT_TRANSITIONEND, (event) => {
+      if (event.propertyName === 'transform') {
+        EventHandler.off(this._buttonList, EVENT_TRANSITIONEND);
+        EventHandler.trigger(this._element, EVENT_SHOWN);
+      }
+    });
+  }
+
+  _toggleVisibility(isVisible) {
+    const action = isVisible ? 'addClass' : 'removeClass';
+    const listTranslate = isVisible ? 'translate(0)' : `translateY(${this._fullContainerHeight}px)`;
+    Manipulator.addStyle(this._buttonList, { transform: listTranslate });
+
+    if (this._buttonListElements) {
+      this._buttonListElements.forEach((el) => Manipulator[action](el, CLASS_NAME_SHOWN));
+    }
+    Manipulator[action](this._element, CLASS_NAME_ACTIVE);
+  }
+
+  _getHeight(element) {
+    const computed = window.getComputedStyle(element);
+    const height = parseFloat(computed.getPropertyValue('height'));
+    return height;
+  }
+
+  _saveInitialHeights() {
+    this._initialContainerHeight = this._getHeight(this._element);
+    this._initialListHeight = this._getHeight(this._buttonList);
+    this._fullContainerHeight = this._initialContainerHeight + this._initialListHeight;
+  }
+
+  _bindInitialEvents() {
+    this._bindClick();
+    this._bindMouseEnter();
+    this._bindMouseLeave();
+  }
+
+  _setInitialStyles() {
+    this._buttonList.style.marginBottom = `${this._initialContainerHeight}px`;
+    this._buttonList.style.transform = `translateY(${this._fullContainerHeight}px)`;
+
+    this._element.style.height = `${this._initialContainerHeight}px`;
+  }
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Data Api implementation - auto initialization
+ * ------------------------------------------------------------------------
+ */
+
+SelectorEngine.find(SELECTOR_FIXED_CONTAINER).forEach((element) => {
+  let instance = Button.getInstance(element);
+  if (!instance) {
+    instance = new Button(element);
+  }
+  return instance;
+});
+
+SelectorEngine.find(SELECTOR_BUTTON).forEach((element) => {
+  let instance = Button.getInstance(element);
+  if (!instance) {
+    instance = new Button(element);
+  }
+  return instance;
+});
+
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Button.jQueryInterface;
+    $.fn[NAME].Constructor = Button;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Button.jQueryInterface;
+    };
+  }
+});
+
+export default Button;

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

@@ -0,0 +1,107 @@
+import { getjQuery, onDOMContentLoaded } from '../mdb/util/index';
+import EventHandler from '../mdb/dom/event-handler';
+import SelectorEngine from '../mdb/dom/selector-engine';
+import Manipulator from '../mdb/dom/manipulator';
+import BSCarousel from '../bootstrap/mdb-prefix/carousel';
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const NAME = 'carousel';
+const DATA_KEY = `mdb.${NAME}`;
+const EVENT_KEY = `.${DATA_KEY}`;
+
+const EVENT_SLIDE_BS = 'slide.bs.carousel';
+const EVENT_SLID_BS = 'slid.bs.carousel';
+
+const EVENT_SLIDE = `slide${EVENT_KEY}`;
+const EVENT_SLID = `slid${EVENT_KEY}`;
+
+const SELECTOR_DATA_RIDE = '[data-mdb-ride="carousel"]';
+
+class Carousel extends BSCarousel {
+  constructor(element, data) {
+    super(element, data);
+
+    this._init();
+  }
+
+  dispose() {
+    EventHandler.off(this._element, EVENT_SLIDE_BS);
+    EventHandler.off(this._element, EVENT_SLID_BS);
+
+    super.dispose();
+  }
+
+  // Getters
+  static get NAME() {
+    return NAME;
+  }
+
+  // Private
+  _init() {
+    this._bindSlideEvent();
+    this._bindSlidEvent();
+  }
+
+  _bindSlideEvent() {
+    EventHandler.on(this._element, EVENT_SLIDE_BS, (e) => {
+      EventHandler.trigger(this._element, EVENT_SLIDE, {
+        relatedTarget: e.relatedTarget,
+        direction: e.direction,
+        from: e.from,
+        to: e.to,
+      });
+    });
+  }
+
+  _bindSlidEvent() {
+    EventHandler.on(this._element, EVENT_SLID_BS, (e) => {
+      EventHandler.trigger(this._element, EVENT_SLID, {
+        relatedTarget: e.relatedTarget,
+        direction: e.direction,
+        from: e.from,
+        to: e.to,
+      });
+    });
+  }
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Data Api implementation - auto initialization
+ * ------------------------------------------------------------------------
+ */
+
+SelectorEngine.find(SELECTOR_DATA_RIDE).forEach((el) => {
+  let instance = Carousel.getInstance(el);
+  if (!instance) {
+    instance = new Carousel(el, Manipulator.getDataAttributes(el));
+  }
+});
+
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ * add .rating to jQuery only if jQuery is present
+ */
+
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Carousel.jQueryInterface;
+    $.fn[NAME].Constructor = Carousel;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Carousel.jQueryInterface;
+    };
+  }
+});
+
+export default Carousel;

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

@@ -0,0 +1,115 @@
+import { getjQuery, onDOMContentLoaded } from '../mdb/util/index';
+import EventHandler from '../mdb/dom/event-handler';
+import SelectorEngine from '../mdb/dom/selector-engine';
+import BSCollapse from '../bootstrap/mdb-prefix/collapse';
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const NAME = 'collapse';
+const DATA_KEY = `mdb.${NAME}`;
+const EVENT_KEY = `.${DATA_KEY}`;
+
+const EVENT_SHOW_BS = 'show.bs.collapse';
+const EVENT_SHOWN_BS = 'shown.bs.collapse';
+const EVENT_HIDE_BS = 'hide.bs.collapse';
+const EVENT_HIDDEN_BS = 'hidden.bs.collapse';
+
+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 SELECTOR_DATA_TOGGLE = '[data-mdb-toggle="collapse"]';
+
+class Collapse extends BSCollapse {
+  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);
+
+    super.dispose();
+  }
+
+  // Getters
+  static get NAME() {
+    return NAME;
+  }
+
+  // Private
+  _init() {
+    this._bindShowEvent();
+    this._bindShownEvent();
+    this._bindHideEvent();
+    this._bindHiddenEvent();
+  }
+
+  _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);
+    });
+  }
+}
+
+/**
+ * ------------------------------------------------------------------------
+ * Data Api implementation - auto initialization
+ * ------------------------------------------------------------------------
+ */
+
+SelectorEngine.find(SELECTOR_DATA_TOGGLE).forEach((el) => {
+  let instance = Collapse.getInstance(el);
+  if (!instance) {
+    instance = new Collapse(el, { toggle: false });
+  }
+});
+
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ * add .rating to jQuery only if jQuery is present
+ */
+onDOMContentLoaded(() => {
+  const $ = getjQuery();
+
+  if ($) {
+    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    $.fn[NAME] = Collapse.jQueryInterface;
+    $.fn[NAME].Constructor = Collapse;
+    $.fn[NAME].noConflict = () => {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Collapse.jQueryInterface;
+    };
+  }
+});
+
+export default Collapse;