material-sass 4.0.0.alpha6 → 4.0.0.beta

data/app/assets/javascripts/material/src/tab-switch.js

@@ -1,133 +0,0 @@
-/*!
- * tab indicator animation
- * requires bootstrap's (v4.0.0-alpha.6) tab.js
- */
-const TabSwitch = (($) => {
-  // constants >>>
-    const DATA_KEY            = 'md.tabswitch';
-    const NAME                = 'tabswitch';
-    const NO_CONFLICT         = $.fn[NAME];
-    const TRANSITION_DURATION = 300;
-
-    const ClassName = {
-      ANIMATE    : 'animate',
-      INDICATOR  : 'nav-tabs-indicator',
-      MATERIAL   : 'nav-tabs-material',
-      SCROLLABLE : 'nav-tabs-scrollable',
-      SHOW       : 'show'
-    };
-
-    const Event = {
-      SHOW_BS_TAB : 'show.bs.tab'
-    };
-
-    const Selector = {
-      DATA_TOGGLE : '.nav-tabs [data-toggle="tab"]',
-      NAV         : '.nav-tabs',
-      NAV_ITEM    : '.nav-item'
-    };
-  // <<< constants
-
-  class TabSwitch {
-    constructor(nav) {
-      if (typeof $.fn.tab === 'undefined') {
-        throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
-      };
-
-      this._nav          = nav;
-      this._navindicator = null;
-    }
-
-    switch(element, relatedTarget) {
-      let supportsTransition = Util.supportsTransitionEnd();
-
-      if (!this._navindicator) {
-        this._createIndicator();
-      }
-
-      let elLeft        = $(element).closest(Selector.NAV_ITEM).offset().left;
-      let elWidth       = $(element).closest(Selector.NAV_ITEM).outerWidth();
-      let navLeft       = $(this._nav).offset().left;
-      let navScrollLeft = $(this._nav).scrollLeft();
-      let navWidth      = $(this._nav).outerWidth();
-
-      if (relatedTarget !== undefined) {
-        let relatedLeft  = $(relatedTarget).closest(Selector.NAV_ITEM).offset().left;
-        let relatedWidth = $(relatedTarget).closest(Selector.NAV_ITEM).outerWidth();
-
-        $(this._navindicator).css({
-          left  : ((relatedLeft + navScrollLeft) - navLeft),
-          right : (navWidth - ((relatedLeft + navScrollLeft) - navLeft + relatedWidth))
-        });
-
-        $(this._navindicator).addClass(ClassName.SHOW);
-        Util.reflow(this._navindicator);
-
-        if (supportsTransition) {
-          $(this._nav).addClass(ClassName.ANIMATE);
-        }
-      }
-
-      $(this._navindicator).css({
-        left  : ((elLeft + navScrollLeft) - navLeft),
-        right : (navWidth - ((elLeft + navScrollLeft) - navLeft + elWidth))
-      });
-
-      let complete = () => {
-        $(this._nav).removeClass(ClassName.ANIMATE);
-        $(this._navindicator).removeClass(ClassName.SHOW);
-      }
-
-      if (!supportsTransition) {
-        complete();
-        return;
-      }
-
-      $(this._navindicator)
-        .one(Util.TRANSITION_END, complete)
-        .emulateTransitionEnd(TRANSITION_DURATION);
-    }
-
-    _createIndicator() {
-      this._navindicator = document.createElement('div');
-
-      $(this._navindicator)
-        .addClass(ClassName.INDICATOR)
-        .appendTo(this._nav);
-
-      $(this._nav).addClass(ClassName.MATERIAL);
-    }
-
-    static _jQueryInterface(relatedTarget) {
-      return this.each(function () {
-        let nav = $(this).closest(Selector.NAV)[0];
-
-        if (!nav) {
-          return;
-        }
-
-        let data = $(nav).data(DATA_KEY);
-
-        if (!data) {
-          data = new TabSwitch(nav);
-          $(nav).data(DATA_KEY, data);
-        }
-
-        data.switch(this, relatedTarget);
-      });
-    }
-  }
-
-  $(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
-    TabSwitch._jQueryInterface.call($(event.target), event.relatedTarget);
-  });
-
-  $.fn[NAME]             = TabSwitch._jQueryInterface;
-  $.fn[NAME].Constructor = TabSwitch;
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = NO_CONFLICT;
-    return TabSwitch._jQueryInterface;
-  };
-
-  return TabSwitch;
-})(jQuery);

data/app/assets/javascripts/material/src/util.js

@@ -1,138 +0,0 @@
-/*!
- * global util js
- * based on bootstrap's (v4.0.0-alpha.6) util.js
- */
-const Util = (($) => {
-  let transition = false;
-
-  const TransitionEndEvent = {
-    WebkitTransition : 'webkitTransitionEnd',
-    MozTransition    : 'transitionend',
-    OTransition      : 'oTransitionEnd otransitionend',
-    transition       : 'transitionend'
-  };
-
-  function getSpecialTransitionEndEvent() {
-    return {
-      bindType     : transition.end,
-      delegateType : transition.end,
-      handle(event) {
-        if ($(event.target).is(this)) {
-          return event.handleObj.handler.apply(this, arguments);
-        }
-        return undefined;
-      }
-    };
-  }
-
-  function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  }
-
-  function setTransitionEndSupport() {
-    transition = transitionEndTest();
-
-    $.fn.emulateTransitionEnd = transitionEndEmulator;
-
-    if (Util.supportsTransitionEnd()) {
-      $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
-    }
-  }
-
-  function toType(obj) {
-    return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
-  }
-
-  function transitionEndEmulator(duration) {
-    let called = false;
-
-    $(this).one(Util.TRANSITION_END, () => {
-      called = true;
-    });
-
-    setTimeout(() => {
-      if (!called) {
-        Util.triggerTransitionEnd(this);
-      }
-    }, duration);
-
-    return this;
-  }
-
-  function transitionEndTest() {
-    if (window.QUnit) {
-      return false;
-    }
-
-    let el = document.createElement('material');
-
-    for (let name in TransitionEndEvent) {
-      if (el.style[name] !== undefined) {
-        return { end: TransitionEndEvent[name] };
-      }
-    };
-
-    return false;
-  }
-
-  let Util = {
-    TRANSITION_END: 'mdTransitionEnd',
-
-    getSelectorFromElement(element) {
-      let selector = element.getAttribute('data-target');
-
-      if (!selector) {
-        selector = element.getAttribute('href') || '';
-        selector = /^#[a-z]/i.test(selector) ? selector : null;
-      }
-
-      return selector;
-    },
-
-    getUID(prefix) {
-      do {
-        prefix += ~~(Math.random() * 1000000);
-      } while (document.getElementById(prefix))
-      return prefix;
-    },
-
-    reflow(element) {
-      new Function('md', 'return md')(element.offsetHeight);
-    },
-
-    supportsTransitionEnd() {
-      return Boolean(transition);
-    },
-
-    triggerTransitionEnd(element) {
-      $(element).trigger(transition.end);
-    },
-
-    typeCheckConfig(componentName, config, configTypes) {
-      for (let property in configTypes) {
-        if (configTypes.hasOwnProperty(property)) {
-          let expectedTypes = configTypes[property];
-          let value         = config[property];
-          let valueType;
-
-          if (value && isElement(value)) {
-            valueType = 'element';
-          } else {
-            valueType = toType(value);
-          }
-
-          if (!new RegExp(expectedTypes).test(valueType)) {
-            throw new Error(
-              `${componentName.toUpperCase()}: ` +
-              `Option "${property}" provided type "${valueType}" ` +
-              `but expected type "${expectedTypes}".`);
-          }
-        }
-      };
-    }
-  }
-
-  setTransitionEndSupport();
-
-  return Util;
-})(jQuery);

data/app/assets/stylesheets/material/base/_normalize.scss

@@ -1,253 +0,0 @@
-/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
-
-// document
-  body {
-    margin: 0;
-  }
-
-  html {
-    font-family: sans-serif;
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-  }
-
-// embedded content
-  audio,
-  video {
-    display: inline-block;
-  }
-
-  audio:not([controls]) {
-    display: none;
-    height: 0;
-  }
-
-  img {
-    border-style: none;
-  }
-
-  svg:not(:root) {
-    overflow: hidden;
-  }
-
-// form
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: sans-serif;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
-  }
-
-  button,
-  input {
-    overflow: visible;
-  }
-
-  button,
-  select {
-    text-transform: none;
-  }
-
-  button,
-  [type="reset"],
-  [type="submit"] {
-    -webkit-appearance: button;
-  }
-
-  html [type="button"] {
-    -webkit-appearance: button;
-  }
-
-  button::-moz-focus-inner,
-  [type="button"]::-moz-focus-inner,
-  [type="reset"]::-moz-focus-inner,
-  [type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
-
-  button:-moz-focusring,
-  [type="button"]:-moz-focusring,
-  [type="reset"]:-moz-focusring,
-  [type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText;
-  }
-
-  fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-  }
-
-  legend {
-    box-sizing: border-box;
-    color: inherit;
-    display: table;
-    max-width: 100%;
-    padding: 0;
-    white-space: normal;
-  }
-
-  progress {
-    display: inline-block;
-    vertical-align: baseline;
-  }
-
-  textarea {
-    overflow: auto;
-  }
-
-  [type="checkbox"],
-  [type="radio"] {
-    box-sizing: border-box;
-    padding: 0;
-  }
-
-  [type="number"]::-webkit-inner-spin-button,
-  [type="number"]::-webkit-outer-spin-button {
-    height: auto;
-  }
-
-  [type="search"] {
-    outline-offset: -2px;
-    -webkit-appearance: textfield;
-  }
-
-  [type="search"]::-webkit-search-cancel-button,
-  [type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  ::-webkit-file-upload-button {
-    font: inherit;
-    -webkit-appearance: button;
-  }
-
-// grouping content
-  figcaption,
-  figure,
-  main {
-    display: block;
-  }
-
-  figure {
-    margin: 1em 40px;
-  }
-
-  hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-  }
-
-  pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
-  }
-
-// hidden
-  [hidden] {
-    display: none;
-  }
-
-// interactive
-  details,
-  menu {
-    display: block;
-  }
-
-  summary {
-    display: list-item;
-  }
-
-// section
-  article,
-  aside,
-  footer,
-  header,
-  nav,
-  section {
-    display: block;
-  }
-
-  h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-  }
-
-// scripting
-  canvas {
-    display: inline-block;
-  }
-
-  template {
-    display: none;
-  }
-
-// text-level semantics
-  a {
-    background-color: transparent;
-    -webkit-text-decoration-skip: objects;
-  }
-
-  a:active,
-  a:hover {
-    outline-width: 0;
-  }
-
-  abbr[title] {
-    border-bottom: none;
-    text-decoration: underline;
-    text-decoration: underline dotted;
-  }
-
-  b,
-  strong {
-    font-weight: inherit;
-  }
-
-  b,
-  strong {
-    font-weight: bolder;
-  }
-
-  code,
-  kbd,
-  samp {
-    font-family: monospace monospace;
-    font-size: 1em;
-  }
-
-  dfn {
-    font-style: italic;
-  }
-
-  mark {
-    background-color: #ff0;
-    color: #000;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-
-  sup {
-    top: -0.5em;
-  }