@subiz/widget-v4 4.0.99 → 4.1.1

package/compiled_src/popup/tick.core.commonjs.js

@@ -6,69 +6,54 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../util/index.js"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 let obj = function () {
   var module = {};
-
   var ExtensionType = {
     VIEW: 'view',
     EASING_FUNCTION: 'easing-function'
   };
-
   var Extensions = {};
   Extensions[ExtensionType.VIEW] = {};
   Extensions[ExtensionType.EASING_FUNCTION] = {};
-
   var addExtensions = function addExtensions(type, extensions) {
     if (!Extensions[type]) return null;
     for (var name in extensions) {
       if (!extensions.hasOwnProperty(name)) continue;
-
       if (Extensions[type][name]) return null;
-
       Extensions[type][name] = extensions[name];
     }
   };
   var isVisible = function isVisible(element) {
     var elementRect = element.getBoundingClientRect();
-
     if (elementRect.bottom < 0) {
       return false;
     }
-
     if (elementRect.top > window.scrollY + window.innerHeight) {
       return false;
     }
     return true;
   };
-
   var addExtension = function addExtension(type, name, fn) {
     if (!Extensions[type]) {
       throw 'Can\'t add extension with type of "' + type + '", "' + type + '" is not a valid extension type. The following types are valid: ' + keysToList(Extensions);
     }
-
     if (!/^[-a-z]+$/.test(name)) {
       throw 'Can\'t add extension with name "' + name + '", "' + name + '" is contains invalid characters. Only lowercase alphabetical characters and dashes are allowed.';
     }
-
     if (Extensions[type][name]) {
       throw 'Can\'t add extension with name "' + name + '", "' + name + '" is already added.';
     }
-
     Extensions[type][name] = fn;
   };
-
   var getExtension = function getExtension(type, name) {
     if (!Extensions[type]) {
       throw 'Can\'t get extension with type of "' + type + '", "' + type + '" is not a valid extension type. The following types are available: ' + keysToList(Extensions);
     }
-
     if (!Extensions[type][name]) {
       throw 'Can\'t get extension with name "' + name + '", "' + name + '" is not available. The following extensions are available: ' + keysToList(Extensions[type]);
     }
     return Extensions[type][name];
   };
-
   var destroyer = function (state) {
     return {
       destroy: function destroy() {
@@ -88,7 +73,6 @@ let obj = function () {
       }
     };
   };
-
   var rooter = function (state) {
     var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.createElement('span');
     var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -105,7 +89,6 @@ let obj = function () {
     return {
       appendTo: function appendTo(element) {
         var location = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'last';
-
         if (!state.root || state.root && state.root.parentNode) {
           return;
         }
@@ -120,11 +103,9 @@ let obj = function () {
         if (location === 'first') {
           if (element.childNodes.length === 0) {
             element.appendChild(state.root);
-          }
-          else if (element.children.length === 0 && element.childNodes.length) {
+          } else if (element.children.length === 0 && element.childNodes.length) {
             element.insertBefore(state.root, element.childNodes[element.childNodes.length - 1]);
-          }
-          else {
+          } else {
             element.insertBefore(state.root, element.children[0]);
           }
         }
@@ -134,7 +115,6 @@ let obj = function () {
       }
     };
   };
-
   var grouper = function (state, definition) {
     state.definition = definition;
     return {
@@ -143,7 +123,6 @@ let obj = function () {
       }
     };
   };
-
   var drawer = function (state, _draw, drawViews, present) {
     return {
       draw: function draw() {
@@ -156,11 +135,8 @@ let obj = function () {
           }
           return false;
         }
-
         _draw(state, present);
-
         fit(state);
-
         state.dirty = false;
         return true;
       }
@@ -172,20 +148,15 @@ let obj = function () {
         state.fit = false;
         return;
       }
-
       var style = window.getComputedStyle(state.root, null);
       state.fit = true;
       state.fitInfo = {
         currentFontSize: parseInt(style.getPropertyValue('font-size'), 10)
       };
     }
-
     state.fitInfo.availableWidth = state.root.parentNode.clientWidth;
-
     state.fitInfo.currentWidth = state.root.scrollWidth;
-
     var newFontSize = Math.min(Math.max(4, state.fitInfo.availableWidth / state.fitInfo.currentWidth * state.fitInfo.currentFontSize), 1024);
-
     var dist = Math.abs(newFontSize - state.fitInfo.currentFontSize);
     if (dist <= 1) {
       return;
@@ -193,7 +164,6 @@ let obj = function () {
     state.fitInfo.currentFontSize = newFontSize;
     state.root.style.setProperties('fontSize', state.fitInfo.currentFontSize + 'px', 'important');
   };
-
   var updater = function (state) {
     state.dirty = true;
     state.value = null;
@@ -217,7 +187,6 @@ let obj = function () {
       }
     };
   };
-
   var resizer = function (state) {
     state.didResizeWindow = function () {
       state.dirty = true;
@@ -296,7 +265,6 @@ let obj = function () {
       }
     });
     state.views = views;
-
     drawViews(state);
   };
   var drawViews = function drawViews(state) {
@@ -314,7 +282,6 @@ let obj = function () {
     var state = {
       valueMapping: null
     };
-
     if (root && root.dataset.valueMapping) {
       var allowed = ['none', 'indexes'];
       var mapping = root.dataset.valueMapping;
@@ -324,18 +291,15 @@ let obj = function () {
   };
   var draw$1 = function draw(state, present, ready) {
     var value = copyArray(Array.isArray(state.value) ? state.value : (state.value + '').split(''));
-
     if (state.align === 'right') {
       value.reverse();
     }
-
     if (state.definitions.length > value.length) {
       while (state.definitions.length > value.length) {
         var def = state.definitions.pop();
         def.presenter.destroy();
       }
     }
-
     value.forEach(function (value, index) {
       var def = state.definitions[index];
       if (!def) {
@@ -344,12 +308,10 @@ let obj = function () {
         def.presenter.appendTo(state.root, state.align === 'right' ? 'first' : 'last');
       }
     });
-
     value.forEach(function (value, index) {
       return state.update(state.definitions[index], value);
     });
     state.views = value;
-
     drawViews$1(state);
   };
   var drawViews$1 = function drawViews(state) {
@@ -401,7 +363,6 @@ let obj = function () {
   var isHTMLElement = function isHTMLElement(value) {
     return value instanceof HTMLElement;
   };
-
   var setTransform = function setTransform(element, name, value) {
     var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
     if (!element.transforms) {
@@ -426,7 +387,6 @@ let obj = function () {
       return t.name + '(' + t.value + t.unit + ')';
     }).join(' '), 'important');
   };
-
   var capitalizeFirstLetter$1 = function capitalizeFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
   };
@@ -458,15 +418,12 @@ let obj = function () {
   };
   var toTransitionPartial = function toTransitionPartial(string) {
     var parts = string.match(/([a-z]+(?:\(.*?\))?)\s?(?:origin\((.*?)\))?\s?([a-z]+(?:\(.*?\))?)?\s?(?:([.0-9ms]+)?\s?(?:(ease-[a-z-]+))?\s?([.0-9ms]+)?)?/);
-
     var fn = toFunctionOutline(parts[1]);
-
     var origin = undefined;
     var duration = undefined;
     var ease = undefined;
     var delay = undefined;
     var resolver = undefined;
-
     parts.slice(2).filter(function (part) {
       return typeof part !== 'undefined';
     }).forEach(function (part) {
@@ -476,26 +433,18 @@ let obj = function () {
         } else {
           delay = toDuration(part);
         }
-      }
-
-      else if (/ /.test(part)) {
+      } else if (/ /.test(part)) {
         origin = part;
-      }
-
-      else if (/^ease-[a-z-]+$/.test(part)) {
+      } else if (/^ease-[a-z-]+$/.test(part)) {
         ease = part;
-      }
-
-      else if (/^[a-z]+/.test(part)) {
+      } else if (/^[a-z]+/.test(part)) {
         resolver = toFunctionOutline(part);
       }
     });
-
     if (resolver) {
       duration = undefined;
       ease = undefined;
     }
-
     return {
       name: fn.name,
       parameters: fn.parameters,
@@ -506,7 +455,6 @@ let obj = function () {
       resolver: resolver
     };
   };
-
   var toGradient = function toGradient(string) {
     var type = string.match(/follow-gradient|horizontal-gradient|vertical-gradient/)[0];
     var colors = string.substr(type.length).match(/(?:transparent|rgb\(.*?\)|hsl\(.*?\)|hsla\(.*?\)|rgba\(.*?\)|[a-z]+|#[abcdefABCDEF\d]+)\s?(?:[\d]{1,3}%?)?/g).map(toGradientColor);
@@ -523,7 +471,6 @@ let obj = function () {
       value: toColor(string.replace(gradientOffsetRegex, ''))
     };
   };
-
   var toColor = typeof document === 'undefined' ? function (string) {
     return string;
   } : function (string) {
@@ -588,20 +535,15 @@ let obj = function () {
     };
   };
   var toStyles = function toStyles(string) {
-    return string.split(';').
-    filter(function (style) {
+    return string.split(';').filter(function (style) {
       return style.trim().length;
-    }).
-    map(toStyle).
-    filter(function (style) {
+    }).map(toStyle).filter(function (style) {
       return style !== null;
-    }).
-    reduce(function (styles, style) {
+    }).reduce(function (styles, style) {
       styles[style.property] = style.value;
       return styles;
     }, {});
   };
-
   var easeOutSine = function easeOutSine(t) {
     return Math.sin(t * (Math.PI / 2));
   };
@@ -630,18 +572,13 @@ let obj = function () {
     'ease-out-bounce': easeOutBounce
   };
   addExtensions(ExtensionType.EASING_FUNCTION, EasingFunctions);
-
   var styler = function (state) {
     var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     state.lastAppliedStyles = null;
-
     updateStyles(state, base, state.root.dataset.style);
-
     state.styleObserver = observeAttributes(state.root, ['data-style'], function (string) {
       updateStyles(state, base, string);
     });
-
     return {
       setStyle: function setStyle(css) {
         updateStyles(state, base, css);
@@ -652,12 +589,10 @@ let obj = function () {
     if (state.lastAppliedStyles === css) {
       return;
     }
-
     state.lastAppliedStyles = css;
     state.style = css ? mergeObjects(base, toStyles(css)) : base;
     state.dirty = true;
   };
-
   var Views = {
     text: function text$$1() {
       return function (root) {
@@ -671,7 +606,6 @@ let obj = function () {
     }
   };
   addExtensions(ExtensionType.VIEW, Views);
-
   var API$2 = function API() {
     return {
       Extension: {
@@ -685,9 +619,7 @@ let obj = function () {
         create: create$1,
         transform: setTransform
       },
-      Animation: {
-      },
-
+      Animation: {},
       Date: {
         performance: now
       },
@@ -702,7 +634,6 @@ let obj = function () {
       }
     };
   };
-
   var createPresenterRoot = function createPresenterRoot(root, definition, presentDefinition) {
     return createRoot(root, definition, presentDefinition);
   };
@@ -754,7 +685,6 @@ let obj = function () {
     var hitArrow = false;
     while (i < str.length) {
       var c = str[i];
-
       if (opener(c)) {
         hitArrow = false;
         var fn = [v.trim()];
@@ -762,9 +692,7 @@ let obj = function () {
         c = str[i];
         fns.push(fn);
         v = '';
-      }
-
-      else if (closer(c)) {
+      } else if (closer(c)) {
         if (hitArrow && v.trim().length) {
           fns.push([v.trim()]);
           v = '';
@@ -775,46 +703,36 @@ let obj = function () {
         }
         fns = chain(fns, result);
         return i + 1;
-      }
-
-      else {
+      } else {
         if (quote !== null && c !== quote) {
           v += c;
-        }
-        else if (c === quote) {
+        } else if (c === quote) {
           fns.push(v);
           v = '';
           quote = null;
-        }
-        else if (string(c)) {
+        } else if (string(c)) {
           v = '';
           quote = c;
         } else {
-
           if (arrow(str, i)) {
             hitArrow = true;
-
             if (v.trim().length) {
               fns.push([v.trim()]);
               v = '';
             }
-
             i += 2;
-          }
-          else if (comma(c)) {
+          } else if (comma(c)) {
             if (hitArrow && v.trim().length) {
               fns.push([v.trim()]);
               v = '';
               hitArrow = false;
             }
             fns = chain(fns, result);
-
             v = token(result, v);
           } else {
             v += c;
           }
         }
-
         i++;
       }
     }
@@ -823,7 +741,6 @@ let obj = function () {
       v = '';
     }
     chain(fns, result);
-
     token(result, v);
     return i;
   };
@@ -858,7 +775,6 @@ let obj = function () {
     clone.presenter = null;
     return clone;
   };
-
   var definitionOutline = {
     root: null,
     key: null,
@@ -873,12 +789,10 @@ let obj = function () {
     className: null
   };
   var toPresenterDefinitionTree = function toPresenterDefinitionTree(nodes) {
-    return Array.from(nodes).
-    map(function (node) {
+    return Array.from(nodes).map(function (node) {
       var definition = mergeObjects(definitionOutline, {
         root: node
       });
-
       for (var key in node.dataset) {
         if (!node.dataset.hasOwnProperty(key)) {
           continue;
@@ -888,15 +802,12 @@ let obj = function () {
         }
         definition[key] = node.dataset[key];
       }
-
       if (definition.repeat) {
         definition.repeat = toPresenterDefinitionTree(node.children).pop();
-
         Array.from(node.children).forEach(function (node) {
           node.parentNode.removeChild(node);
         });
-      }
-      else if (node.children.length) {
+      } else if (node.children.length) {
         definition.children = toPresenterDefinitionTree(node.children);
       }
       return definition;
@@ -942,7 +853,6 @@ let obj = function () {
       return def;
     });
   };
-
   var createPresenterByDefinition = function createPresenterByDefinition(definition, presentDefinition) {
     var presenter = void 0;
     if (definition.repeat) {
@@ -976,7 +886,6 @@ let obj = function () {
     };
     return presentDefinition(instance.baseDefinition);
   };
-
   var composeAsync = function composeAsync(instance) {
     for (var _len = arguments.length, funcs = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       funcs[_key - 1] = arguments[_key];
@@ -1007,28 +916,23 @@ let obj = function () {
         return cb(value);
       };
     }
-
     if (typeof string === 'function') {
       return string;
     }
-
     var result = parseTransformChain('transform(' + (/^[a-z]+$/.test(string) ? string + '()' : string) + ')');
     return compose(result, instance);
   };
   var compose = function compose(chain, instance) {
     var composition = chain.map(function (item) {
       var name = item.shift();
-
       var func = getExtension(ExtensionType.TRANSFORM, name) || function (value, cb, instance) {
         cb(value);
       };
-
       var params = item.map(function (parameter) {
         if (Array.isArray(parameter)) {
           if (typeof parameter[0] === 'string') {
             return compose([parameter], instance);
           }
-
           return compose(parameter, instance);
         }
         return toParameter(parameter);
@@ -1080,7 +984,6 @@ let obj = function () {
     if (isNumber.test(string)) {
       return parseFloat(string);
     }
-
     return string;
   };
   var toCSSValue = function toCSSValue(value) {
@@ -1090,7 +993,6 @@ let obj = function () {
       units: parts[2]
     };
   };
-
   var mergeObjects = function mergeObjects(a) {
     var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var key = void 0;
@@ -1103,7 +1005,6 @@ let obj = function () {
     }
     return obj;
   };
-
   var toFunctionReference = function toFunctionReference(string) {
     var ref = window;
     var levels = string.split('.');
@@ -1115,7 +1016,6 @@ let obj = function () {
     });
     return ref !== window ? ref : null;
   };
-
   var toValue = function toValue(string) {
     if (/^(?:[\w]+\s?:\s?[\w.]+,\s?)+(?:[\w]+\s?:\s?[\w.]+)$/g.test(string)) {
       return string.match(/(?:(\w+)\s?:\s?([\w.]+))/g).reduce(function (obj, current) {
@@ -1124,28 +1024,22 @@ let obj = function () {
         return obj;
       }, {});
     }
-
     return toParameter(string);
   };
-
   var toInt = function toInt(value) {
     return parseInt(value, 10);
   };
-
   var trim = function trim(string) {
     return string.trim();
   };
-
   var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
   };
-
   var dashesToCamels = function dashesToCamels(string) {
     return string.replace(/-./g, function (sub) {
       return sub.charAt(1).toUpperCase();
     });
   };
-
   var clone = function clone(obj) {
     if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object' && obj !== null) {
       return _index.default.parseJSON(_index.default.stringify(obj));
@@ -1188,29 +1082,23 @@ let obj = function () {
       return '"' + k + '"';
     }).join(', ');
   };
-
   var Tick = function () {
     function Tick() {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.createElement('div');
       classCallCheck(this, Tick);
-
       this._options = mergeObjects(Tick.options(), options);
-
       this._element = element;
       this._value = null;
       this._observer = null;
       this._viewDefinition = null;
       this._updater = null;
-
       this._didInit = null;
       this._didDestroy = null;
       this._willDestroy = null;
       this._didUpdate = null;
-
       this._init();
     }
-
     createClass(Tick, [{
       key: 'isRootElement',
       value: function isRootElement(element) {
@@ -1220,9 +1108,7 @@ let obj = function () {
       key: 'destroy',
       value: function destroy$$1() {
         this._willDestroy(this);
-
         this._observer.disconnect();
-
         this.baseDefinition.presenter.destroy();
         this._didDestroy(this);
       }
@@ -1234,46 +1120,36 @@ let obj = function () {
         this.baseDefinition.presenter.draw();
         this._updater(this.baseDefinition, this._value);
       }
-
     }, {
       key: '_init',
       value: function _init() {
         var _this = this;
-
         this._viewDefinition = this._options.view;
         this._willDestroy = this._options.willDestroy;
         this._didDestroy = this._options.didDestroy;
         this._didInit = this._options.didInit;
         this._didUpdate = this._options.didUpdate;
         this._value = this._options.value;
-
         if (!this._element.classList.contains('tick')) {
           this._element.classList.add('tick');
         }
-
         this._observer = observeAttributes(this._element, ['data-value'], function (value) {
           _this.value = value;
         });
-
         if (this._viewDefinition.root !== this._element) {
           Array.from(this._viewDefinition.root.children).forEach(function (node) {
             _this._element.appendChild(node);
           });
           this._viewDefinition.root = this._element;
         }
-
         if (!this._viewDefinition.view && !this._viewDefinition.children) {
           this._viewDefinition.view = 'text';
         }
-
         this._updater = presentTick(this);
-
         if (this.value !== null) {
           this._update(this.value);
         }
-
         this._element.dataset.state = 'initialised';
-
         this._didInit(this, this.value);
       }
     }, {
@@ -1316,7 +1192,6 @@ let obj = function () {
     }]);
     return Tick;
   }();
-
   var instances = [];
   var attributes = {
     value: toValue,
@@ -1361,7 +1236,6 @@ let obj = function () {
     var element = void 0;
     var i = void 0;
     var instances = [];
-
     elements = context.querySelectorAll('.tick:not([data-state])');
     i = elements.length;
     while (i--) {
@@ -1382,38 +1256,29 @@ let obj = function () {
   var create = function create() {
     var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-
     if (element && !isHTMLElement(element)) {
       options = element;
       element = undefined;
     }
-
     if (element && find(element)) {
       return;
     }
-
     if (options && options.view) {
       options.view = createDOMTreeForDefinition([options.view])[0];
     }
-
     if (!options && element) {
       options = getOptionsFromAttributes(element, attributes, getDefaultOptions());
     }
-
     if (element) {
       if (!options) {
         options = {};
       }
-
       if (!options.view) {
         options.view = toPresenterDefinitionTree([element])[0];
       }
     }
-
     var instance = new Tick(options, element);
-
     instances.push(instance);
-
     return instance;
   };
   var destroy = function destroy(element) {
@@ -1428,20 +1293,14 @@ let obj = function () {
     if (typeof w === 'undefined') {
       return false;
     }
-
     var canSupport = w.CSS && w.CSS.supports;
-
     var isIE11 = !!w.MSInputMethodContext && !!document.documentMode;
-
     var canTransform = canSupport && CSS.supports('transform', 'translateX(0)');
-
     var features = ['MutationObserver', 'requestAnimationFrame'];
-
     return isIE11 || canSupport && canTransform && !!features.filter(function (p) {
       return p in w;
     }).length;
   };
-
   var API = {
     supported: support(),
     options: {},
@@ -1461,7 +1320,6 @@ let obj = function () {
       }
     }
   };
-
   var _loop = function _loop(type) {
     if (!ExtensionType.hasOwnProperty(type)) return 'continue';
     API.plugin[dashesToCamels('add-' + ExtensionType[type])] = function (name, fn) {