@topvisor/ui 0.0.17 → 0.0.33

package/utils/dom.js

@@ -1,94 +1,64 @@
-function genEl(tagName, attrs, ...elsChildrens) {
-  const el = document.createElement(tagName);
-  for (const name in attrs) {
-    if (name.indexOf("on") === 0) {
-      el[name] = attrs[name];
-    } else {
-      el.setAttribute(name, attrs[name]);
-    }
-  }
-  elsChildrens.forEach((elChildren) => {
-    if (typeof elChildren === "string") {
-      el.insertAdjacentHTML("beforeend", elChildren);
-    } else {
-      el.append(elChildren);
-    }
-  });
-  return el;
+function f(t, e, ...n) {
+  const o = document.createElement(t);
+  for (const r in e)
+    r.indexOf("on") === 0 ? o[r] = e[r] : o.setAttribute(r, e[r]);
+  return n.forEach((r) => {
+    typeof r == "string" ? o.insertAdjacentHTML("beforeend", r) : o.append(r);
+  }), o;
 }
-function isVisible(el) {
-  if (!el) {
-    return false;
-  }
-  const boundingClientRect = el.getBoundingClientRect();
-  return !!(boundingClientRect.width || boundingClientRect.height);
+function i(t) {
+  if (!t)
+    return !1;
+  const e = t.getBoundingClientRect();
+  return !!(e.width || e.height);
 }
-function offset(el) {
-  const boundingClientRect = el.getBoundingClientRect();
+function l(t) {
+  const e = t.getBoundingClientRect();
   return {
-    top: boundingClientRect.top + window.scrollY,
-    left: boundingClientRect.left + window.scrollX
+    top: e.top + window.scrollY,
+    left: e.left + window.scrollX
   };
 }
-function css(el, property) {
-  return window.getComputedStyle(el).getPropertyValue(property);
+function c(t, e) {
+  return window.getComputedStyle(t).getPropertyValue(e);
 }
-function wrap(el, tagName) {
-  const elWrapper = document.createElement(tagName);
-  el.after(elWrapper);
-  elWrapper.append(el);
-  return elWrapper;
+function s(t, e) {
+  const n = document.createElement(e);
+  return t.after(n), n.append(t), n;
 }
-function querySelectorVisible(el, selectors) {
-  return querySelectorAllArray(el, selectors).find(isVisible) || null;
+function a(t, e) {
+  return u(t, e).find(i) || null;
 }
-function querySelectorVisibleLast(el, selectors) {
-  return querySelectorAllArray(el, selectors).findLast(isVisible) || null;
+function d(t, e) {
+  return u(t, e).findLast(i) || null;
 }
-function querySelectorAllVisible(el, selectors) {
-  return querySelectorAllArray(el, selectors).filter(isVisible);
+function p(t, e) {
+  return u(t, e).filter(i);
 }
-function querySelectorAllArray(el, selectors) {
-  if (!el) {
-    return [];
-  }
-  return [...el.querySelectorAll(selectors)];
+function u(t, e) {
+  return t ? [...t.querySelectorAll(e)] : [];
 }
-function storage(el, contextName = "common", contextData = void 0) {
-  if (!el) {
-    return;
-  }
-  if (!el.topData) {
-    el.topData = {};
-  }
-  if (contextData) {
-    el.topData[contextName] = contextData;
-  }
-  if (contextData === null) {
-    delete el.topData[contextName];
-  }
-  return el.topData[contextName];
+function g(t, e = "common", n = void 0) {
+  if (t)
+    return t.topData || (t.topData = {}), n && (t.topData[e] = n), n === null && delete t.topData[e], t.topData[e];
 }
-function storageClear(el) {
-  if (!el) {
-    return;
-  }
-  delete el.topData;
+function y(t) {
+  t && delete t.topData;
 }
-const DOM = {
-  genEl,
-  isVisible,
-  offset,
-  css,
-  wrap,
-  querySelectorVisible,
-  querySelectorVisibleLast,
-  querySelectorAllVisible,
-  querySelectorAllArray,
-  storage,
-  storageClear
+const b = {
+  genEl: f,
+  isVisible: i,
+  offset: l,
+  css: c,
+  wrap: s,
+  querySelectorVisible: a,
+  querySelectorVisibleLast: d,
+  querySelectorAllVisible: p,
+  querySelectorAllArray: u,
+  storage: g,
+  storageClear: y
 };
 export {
-  DOM as default
+  b as default
 };
 //# sourceMappingURL=dom.js.map

package/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../src/core/utils/dom.ts"],"sourcesContent":["/**\n * Функции для работы с работы с Document Object Model (DOM)\n */\n\n/**\n * Создать элемент\n * @param {string} tagName\n * @param {any} attrs - атрибуты\n * @param {Element[]} elsChildrens\n * @returns {Element} - созданный элемент\n */\nfunction genEl (tagName: string, attrs: any, ...elsChildrens: Element[]): Element {\n\tconst el: any = document.createElement(tagName);\n\n\tfor (const name in attrs) {\n\t\tif (name.indexOf('on') === 0) {\n\t\t\t// events\n\t\t\tel[name] = attrs[name];\n\t\t} else {\n\t\t\tel.setAttribute(name, attrs[name]);\n\t\t}\n\t}\n\n\telsChildrens.forEach((elChildren) => {\n\t\tif (typeof (elChildren) === 'string') {\n\t\t\tel.insertAdjacentHTML('beforeend', elChildren);\n\t\t} else {\n\t\t\tel.append(elChildren);\n\t\t}\n\t});\n\n\treturn el;\n}\n\n/**\n * Проверить видимость элемента\n * @param {?Element} el\n * @returns boolean - вернет true, если элемент считается видимым\n */\nfunction isVisible (el?: Element) {\n\tif (!el) {\n\t\treturn false;\n\t}\n\n\tconst boundingClientRect = el.getBoundingClientRect();\n\treturn !!(boundingClientRect.width || boundingClientRect.height);\n}\n\n/**\n * Получить координаты элемента относительно документа\n * @param {Element} el\n * @returns {{top: number, left: number}} - координаты элемента относительно документа\n */\nfunction offset (el: Element): { top: number, left: number } {\n\tconst boundingClientRect = el.getBoundingClientRect();\n\n\treturn {\n\t\ttop: boundingClientRect.top + window.scrollY,\n\t\tleft: boundingClientRect.left + window.scrollX,\n\t};\n}\n\n/**\n * Получить значение css свойства элемента\n * @param {Element} el\n * @param {string} property - имя свойства\n * @return {string} - значение css стиля\n */\nfunction css (el: Element, property: string): string {\n\treturn window.getComputedStyle(el).getPropertyValue(property);\n}\n\n/**\n * Обернуть элемент и вернуть только что созданный элемент\n * @param {Element} el - элемент, который требуется обернуть\n * @param {string} tagName - имя тега элемента, в который треубется обернуть элемент\n * @returns {Element}\n */\nfunction wrap (el: Element, tagName: string): Element {\n\tconst elWrapper = document.createElement(tagName);\n\tel.after(elWrapper);\n\n\telWrapper.append(el);\n\n\treturn elWrapper;\n}\n\n/**\n * Найти и вернуть первый видимый элемент\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element|null}\n */\nfunction querySelectorVisible (el: Element, selectors: string): Element | null {\n\treturn querySelectorAllArray(el, selectors).find(isVisible) || null;\n}\n\n/**\n * Найти и вернуть последний видимый элемент\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element|null}\n */\nfunction querySelectorVisibleLast (el: Element, selectors: string): Element | null {\n\treturn querySelectorAllArray(el, selectors).findLast(isVisible) || null;\n}\n\n/**\n * Найти видимые элементы\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element[]} - обратите внимание, возвращается не NodeList[], а Element[]\n */\nfunction querySelectorAllVisible (el: Element, selectors: string): Element[] {\n\treturn querySelectorAllArray(el, selectors).filter(isVisible);\n}\n\n/**\n * Найти элементы и вернуть в виде массива\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element[]}\n */\nfunction querySelectorAllArray (el: Element, selectors: string): Element[] {\n\tif (!el) {\n\t\treturn [];\n\t}\n\n\treturn [...el.querySelectorAll(selectors)];\n}\n\n/**\n * Хранилище данных элемента\n * @param {Element} el\n * @param {string} contextName - контекст, обычно используется имя компонента\n * @param {?object | null} contextData - установить объект с данными, предыдущие данные будут заменены, установите null для удаления данных\n * @returns {?object} - вернет объект контекста или undefined, если данные контекста не найдены\n */\nfunction storage (\n\tel?: Element & { topData?: any },\n\tcontextName: string = 'common', contextData: object | null | undefined = undefined,\n): object | undefined {\n\tif (!el) {\n\t\treturn;\n\t}\n\n\tif (!el.topData) {\n\t\tel.topData = {};\n\t}\n\n\tif (contextData) {\n\t\tel.topData[contextName] = contextData;\n\t}\n\n\tif (contextData === null) {\n\t\tdelete el.topData[contextName];\n\t}\n\n\treturn el.topData[contextName];\n}\n\n/**\n * Очистить хранилище элемента\n */\nfunction storageClear (el?: Element & { topData?: any }) {\n\tif (!el) {\n\t\treturn;\n\t}\n\n\tdelete el.topData;\n}\n\nexport default {\n\tgenEl,\n\tisVisible,\n\toffset,\n\tcss,\n\twrap,\n\tquerySelectorVisible,\n\tquerySelectorVisibleLast,\n\tquerySelectorAllVisible,\n\tquerySelectorAllArray,\n\tstorage,\n\tstorageClear,\n};\n"],"names":[],"mappings":"AAWA,SAAS,MAAO,SAAiB,UAAe,cAAkC;AAC3E,QAAA,KAAU,SAAS,cAAc,OAAO;AAE9C,aAAW,QAAQ,OAAO;AACzB,QAAI,KAAK,QAAQ,IAAI,MAAM,GAAG;AAE1B,SAAA,IAAI,IAAI,MAAM,IAAI;AAAA,IAAA,OACf;AACN,SAAG,aAAa,MAAM,MAAM,IAAI,CAAC;AAAA,IAClC;AAAA,EACD;AAEa,eAAA,QAAQ,CAAC,eAAe;AAChC,QAAA,OAAQ,eAAgB,UAAU;AAClC,SAAA,mBAAmB,aAAa,UAAU;AAAA,IAAA,OACvC;AACN,SAAG,OAAO,UAAU;AAAA,IACrB;AAAA,EAAA,CACA;AAEM,SAAA;AACR;AAOA,SAAS,UAAW,IAAc;AACjC,MAAI,CAAC,IAAI;AACD,WAAA;AAAA,EACR;AAEM,QAAA,qBAAqB,GAAG;AAC9B,SAAO,CAAC,EAAE,mBAAmB,SAAS,mBAAmB;AAC1D;AAOA,SAAS,OAAQ,IAA4C;AACtD,QAAA,qBAAqB,GAAG;AAEvB,SAAA;AAAA,IACN,KAAK,mBAAmB,MAAM,OAAO;AAAA,IACrC,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAAA;AAEzC;AAQA,SAAS,IAAK,IAAa,UAA0B;AACpD,SAAO,OAAO,iBAAiB,EAAE,EAAE,iBAAiB,QAAQ;AAC7D;AAQA,SAAS,KAAM,IAAa,SAA0B;AAC/C,QAAA,YAAY,SAAS,cAAc,OAAO;AAChD,KAAG,MAAM,SAAS;AAElB,YAAU,OAAO,EAAE;AAEZ,SAAA;AACR;AAQA,SAAS,qBAAsB,IAAa,WAAmC;AAC9E,SAAO,sBAAsB,IAAI,SAAS,EAAE,KAAK,SAAS,KAAK;AAChE;AAQA,SAAS,yBAA0B,IAAa,WAAmC;AAClF,SAAO,sBAAsB,IAAI,SAAS,EAAE,SAAS,SAAS,KAAK;AACpE;AAQA,SAAS,wBAAyB,IAAa,WAA8B;AAC5E,SAAO,sBAAsB,IAAI,SAAS,EAAE,OAAO,SAAS;AAC7D;AAQA,SAAS,sBAAuB,IAAa,WAA8B;AAC1E,MAAI,CAAC,IAAI;AACR,WAAO;EACR;AAEA,SAAO,CAAC,GAAG,GAAG,iBAAiB,SAAS,CAAC;AAC1C;AASA,SAAS,QACR,IACA,cAAsB,UAAU,cAAyC,QACpD;AACrB,MAAI,CAAC,IAAI;AACR;AAAA,EACD;AAEI,MAAA,CAAC,GAAG,SAAS;AAChB,OAAG,UAAU;EACd;AAEA,MAAI,aAAa;AACb,OAAA,QAAQ,WAAW,IAAI;AAAA,EAC3B;AAEA,MAAI,gBAAgB,MAAM;AAClB,WAAA,GAAG,QAAQ,WAAW;AAAA,EAC9B;AAEO,SAAA,GAAG,QAAQ,WAAW;AAC9B;AAKA,SAAS,aAAc,IAAkC;AACxD,MAAI,CAAC,IAAI;AACR;AAAA,EACD;AAEA,SAAO,GAAG;AACX;AAEA,MAAe,MAAA;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;"}
+{"version":3,"file":"dom.js","sources":["../../src/core/utils/dom.ts"],"sourcesContent":["/**\r\n * Функции для работы с работы с Document Object Model (DOM)\r\n */\r\n\r\n/**\r\n * Создать элемент\r\n * @param {string} tagName\r\n * @param {any} attrs - атрибуты\r\n * @param {Element[]} elsChildrens\r\n * @returns {Element} - созданный элемент\r\n */\r\nfunction genEl (tagName: string, attrs: any, ...elsChildrens: Element[]): Element {\r\n\tconst el: any = document.createElement(tagName);\r\n\r\n\tfor (const name in attrs) {\r\n\t\tif (name.indexOf('on') === 0) {\r\n\t\t\t// events\r\n\t\t\tel[name] = attrs[name];\r\n\t\t} else {\r\n\t\t\tel.setAttribute(name, attrs[name]);\r\n\t\t}\r\n\t}\r\n\r\n\telsChildrens.forEach((elChildren) => {\r\n\t\tif (typeof (elChildren) === 'string') {\r\n\t\t\tel.insertAdjacentHTML('beforeend', elChildren);\r\n\t\t} else {\r\n\t\t\tel.append(elChildren);\r\n\t\t}\r\n\t});\r\n\r\n\treturn el;\r\n}\r\n\r\n/**\r\n * Проверить видимость элемента\r\n * @param {?Element} el\r\n * @returns boolean - вернет true, если элемент считается видимым\r\n */\r\nfunction isVisible (el?: Element) {\r\n\tif (!el) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tconst boundingClientRect = el.getBoundingClientRect();\r\n\treturn !!(boundingClientRect.width || boundingClientRect.height);\r\n}\r\n\r\n/**\r\n * Получить координаты элемента относительно документа\r\n * @param {Element} el\r\n * @returns {{top: number, left: number}} - координаты элемента относительно документа\r\n */\r\nfunction offset (el: Element): { top: number, left: number } {\r\n\tconst boundingClientRect = el.getBoundingClientRect();\r\n\r\n\treturn {\r\n\t\ttop: boundingClientRect.top + window.scrollY,\r\n\t\tleft: boundingClientRect.left + window.scrollX,\r\n\t};\r\n}\r\n\r\n/**\r\n * Получить значение css свойства элемента\r\n * @param {Element} el\r\n * @param {string} property - имя свойства\r\n * @return {string} - значение css стиля\r\n */\r\nfunction css (el: Element, property: string): string {\r\n\treturn window.getComputedStyle(el).getPropertyValue(property);\r\n}\r\n\r\n/**\r\n * Обернуть элемент и вернуть только что созданный элемент\r\n * @param {Element} el - элемент, который требуется обернуть\r\n * @param {string} tagName - имя тега элемента, в который треубется обернуть элемент\r\n * @returns {Element}\r\n */\r\nfunction wrap (el: Element, tagName: string): Element {\r\n\tconst elWrapper = document.createElement(tagName);\r\n\tel.after(elWrapper);\r\n\r\n\telWrapper.append(el);\r\n\r\n\treturn elWrapper;\r\n}\r\n\r\n/**\r\n * Найти и вернуть первый видимый элемент\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element|null}\r\n */\r\nfunction querySelectorVisible (el: Element, selectors: string): Element | null {\r\n\treturn querySelectorAllArray(el, selectors).find(isVisible) || null;\r\n}\r\n\r\n/**\r\n * Найти и вернуть последний видимый элемент\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element|null}\r\n */\r\nfunction querySelectorVisibleLast (el: Element, selectors: string): Element | null {\r\n\treturn querySelectorAllArray(el, selectors).findLast(isVisible) || null;\r\n}\r\n\r\n/**\r\n * Найти видимые элементы\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element[]} - обратите внимание, возвращается не NodeList[], а Element[]\r\n */\r\nfunction querySelectorAllVisible (el: Element, selectors: string): Element[] {\r\n\treturn querySelectorAllArray(el, selectors).filter(isVisible);\r\n}\r\n\r\n/**\r\n * Найти элементы и вернуть в виде массива\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element[]}\r\n */\r\nfunction querySelectorAllArray (el: Element, selectors: string): Element[] {\r\n\tif (!el) {\r\n\t\treturn [];\r\n\t}\r\n\r\n\treturn [...el.querySelectorAll(selectors)];\r\n}\r\n\r\n/**\r\n * Хранилище данных элемента\r\n * @param {Element} el\r\n * @param {string} contextName - контекст, обычно используется имя компонента\r\n * @param {?object | null} contextData - установить объект с данными, предыдущие данные будут заменены, установите null для удаления данных\r\n * @returns {?object} - вернет объект контекста или undefined, если данные контекста не найдены\r\n */\r\nfunction storage (\r\n\tel?: Element & { topData?: any },\r\n\tcontextName: string = 'common', contextData: object | null | undefined = undefined,\r\n): object | undefined {\r\n\tif (!el) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tif (!el.topData) {\r\n\t\tel.topData = {};\r\n\t}\r\n\r\n\tif (contextData) {\r\n\t\tel.topData[contextName] = contextData;\r\n\t}\r\n\r\n\tif (contextData === null) {\r\n\t\tdelete el.topData[contextName];\r\n\t}\r\n\r\n\treturn el.topData[contextName];\r\n}\r\n\r\n/**\r\n * Очистить хранилище элемента\r\n */\r\nfunction storageClear (el?: Element & { topData?: any }) {\r\n\tif (!el) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tdelete el.topData;\r\n}\r\n\r\nexport default {\r\n\tgenEl,\r\n\tisVisible,\r\n\toffset,\r\n\tcss,\r\n\twrap,\r\n\tquerySelectorVisible,\r\n\tquerySelectorVisibleLast,\r\n\tquerySelectorAllVisible,\r\n\tquerySelectorAllArray,\r\n\tstorage,\r\n\tstorageClear,\r\n};\r\n"],"names":["genEl","tagName","attrs","elsChildrens","el","name","elChildren","isVisible","boundingClientRect","offset","css","property","wrap","elWrapper","querySelectorVisible","selectors","querySelectorAllArray","querySelectorVisibleLast","querySelectorAllVisible","storage","contextName","contextData","storageClear","DOM"],"mappings":"AAWA,SAASA,EAAOC,GAAiBC,MAAeC,GAAkC;AAC3E,QAAAC,IAAU,SAAS,cAAcH,CAAO;AAE9C,aAAWI,KAAQH;AAClB,IAAIG,EAAK,QAAQ,IAAI,MAAM,IAEvBD,EAAAC,CAAI,IAAIH,EAAMG,CAAI,IAErBD,EAAG,aAAaC,GAAMH,EAAMG,CAAI,CAAC;AAItB,SAAAF,EAAA,QAAQ,CAACG,MAAe;AAChC,IAAA,OAAQA,KAAgB,WACxBF,EAAA,mBAAmB,aAAaE,CAAU,IAE7CF,EAAG,OAAOE,CAAU;AAAA,EACrB,CACA,GAEMF;AACR;AAOA,SAASG,EAAWH,GAAc;AACjC,MAAI,CAACA;AACG,WAAA;AAGF,QAAAI,IAAqBJ,EAAG;AAC9B,SAAO,CAAC,EAAEI,EAAmB,SAASA,EAAmB;AAC1D;AAOA,SAASC,EAAQL,GAA4C;AACtD,QAAAI,IAAqBJ,EAAG;AAEvB,SAAA;AAAA,IACN,KAAKI,EAAmB,MAAM,OAAO;AAAA,IACrC,MAAMA,EAAmB,OAAO,OAAO;AAAA,EAAA;AAEzC;AAQA,SAASE,EAAKN,GAAaO,GAA0B;AACpD,SAAO,OAAO,iBAAiBP,CAAE,EAAE,iBAAiBO,CAAQ;AAC7D;AAQA,SAASC,EAAMR,GAAaH,GAA0B;AAC/C,QAAAY,IAAY,SAAS,cAAcZ,CAAO;AAChD,SAAAG,EAAG,MAAMS,CAAS,GAElBA,EAAU,OAAOT,CAAE,GAEZS;AACR;AAQA,SAASC,EAAsBV,GAAaW,GAAmC;AAC9E,SAAOC,EAAsBZ,GAAIW,CAAS,EAAE,KAAKR,CAAS,KAAK;AAChE;AAQA,SAASU,EAA0Bb,GAAaW,GAAmC;AAClF,SAAOC,EAAsBZ,GAAIW,CAAS,EAAE,SAASR,CAAS,KAAK;AACpE;AAQA,SAASW,EAAyBd,GAAaW,GAA8B;AAC5E,SAAOC,EAAsBZ,GAAIW,CAAS,EAAE,OAAOR,CAAS;AAC7D;AAQA,SAASS,EAAuBZ,GAAaW,GAA8B;AAC1E,SAAKX,IAIE,CAAC,GAAGA,EAAG,iBAAiBW,CAAS,CAAC,IAHjC;AAIT;AASA,SAASI,EACRf,GACAgB,IAAsB,UAAUC,IAAyC,QACpD;AACrB,MAAKjB;AAID,WAACA,EAAG,YACPA,EAAG,UAAU,KAGViB,MACAjB,EAAA,QAAQgB,CAAW,IAAIC,IAGvBA,MAAgB,QACZ,OAAAjB,EAAG,QAAQgB,CAAW,GAGvBhB,EAAG,QAAQgB,CAAW;AAC9B;AAKA,SAASE,EAAclB,GAAkC;AACxD,EAAKA,KAIL,OAAOA,EAAG;AACX;AAEA,MAAemB,IAAA;AAAA,EACd,OAAAvB;AAAA,EACA,WAAAO;AAAA,EACA,QAAAE;AAAA,EACA,KAAAC;AAAA,EACA,MAAAE;AAAA,EACA,sBAAAE;AAAA,EACA,0BAAAG;AAAA,EACA,yBAAAC;AAAA,EACA,uBAAAF;AAAA,EACA,SAAAG;AAAA,EACA,cAAAG;AACD;"}

package/.chunks/core-0b2c7817.es.js

@@ -1,152 +0,0 @@
-import { reactive } from "vue";
-import Device from "../utils/device.js";
-const onResizeDelay = 100;
-let onResizeTimer;
-const onResizeListeners = /* @__PURE__ */ new Map();
-const windowSize = {
-  width: window.innerWidth,
-  height: window.innerHeight
-};
-function addOnReize(listener) {
-  onResizeListeners.set(listener, listener);
-}
-function removeOnResize(listener) {
-  onResizeListeners.delete(listener);
-}
-function onResize(e) {
-  clearTimeout(onResizeTimer);
-  onResizeTimer = setTimeout(function() {
-    e.topEvent = {
-      widthDiff: windowSize.width - window.innerWidth,
-      hightDiff: windowSize.height - window.innerHeight
-    };
-    windowSize.width = window.innerWidth;
-    windowSize.height = window.innerHeight;
-    onResizeListeners.forEach((callback) => callback(e));
-  }, onResizeDelay);
-}
-window.addEventListener("resize", onResize);
-const Events = {
-  addOnReize,
-  removeOnResize
-};
-const options = {
-  widthForMobile: 900
-};
-const state = {
-  /**
-   * Device by size
-   * @see widthForMobile
-   */
-  isMobile: false,
-  /**
-   * Device by user agent
-   */
-  isMobileUA: false,
-  /**
-   * true, если плотность пикселей экрана больше 1
-   */
-  isRetina: false,
-  /**
-   * true, елси это приложение
-   */
-  isApp: false,
-  /**
-   * true при горизонтальном расположении устройства
-   */
-  isLandscape: true,
-  /**
-   * true при вертикальном расположении устройства
-   */
-  isPortrait: false,
-  size: 0
-};
-const _window = window;
-class Core {
-  static page = (_window == null ? void 0 : _window.page) || {};
-  static options = options;
-  static state = reactive({ ...state });
-  static matchMediaIsMobile;
-  /**
-   * Добавить на страницу стили, используется для загрузки стилей из js
-   *
-   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
-   * @param style - css стили в строке
-   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
-   */
-  static appendStyle(style, type) {
-    let media = "all";
-    if (type === "m") {
-      media = "(max-width: " + this.options.widthForMobile + "px)";
-    }
-    if (type === "pc") {
-      media = "(min-width: " + this.options.widthForMobile + "px)";
-    }
-    const elStyle = document.createElement("style");
-    elStyle.innerHTML = style;
-    elStyle.media = media;
-    document.head.append(elStyle);
-  }
-  /**
-   * Установить как плагин в прилоежнии Vue
-   * Core.state является общим для всех приложений Vue на странице
-   * Core.options является общим для всех приложений Vue на странице
-   * @param app - Vue App
-   * @param {typeof options} options - параметры UI
-   */
-  static install(app, options2) {
-    Core.defineOptions(options2);
-    app.provide("top-core", Core);
-  }
-  /**
-   * Установить конфигурацию UI
-   * @param {typeof options} options
-   */
-  static defineOptions(options2) {
-    if (options2.widthForMobile) {
-      this.options.widthForMobile = options2.widthForMobile;
-    }
-    Core.setState();
-  }
-  static setState() {
-    Core.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);
-    Core.state.isMobileUA = Device.isMobile();
-    Core.state.isRetina = Device.isRetina();
-    Core.state.isApp = Device.isApp();
-    Core.setStateByWindowSize();
-    Events.addOnReize(Core.onResize);
-    Core.onResize();
-    Core.saveToCookie();
-  }
-  static onResize() {
-    Core.setStateByWindowSize();
-    document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
-  }
-  static setStateByWindowSize() {
-    var _a;
-    Core.state.isMobile = !!((_a = Core.matchMediaIsMobile) == null ? void 0 : _a.matches);
-    Core.state.isLandscape = window.innerWidth > window.innerHeight;
-    Core.state.isPortrait = !Core.state.isLandscape;
-    Core.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight;
-    Core.saveToCookie();
-  }
-  /**
-   * Сохранить информацию об устройстве в cookie
-   */
-  static saveToCookie() {
-    const device = [
-      1,
-      window.innerWidth,
-      window.innerHeight,
-      window.devicePixelRatio,
-      Number(Core.state.isMobile),
-      Number(Core.state.isRetina)
-    ];
-    document.cookie = "device=" + device.join(",") + "; path=/;";
-  }
-}
-export {
-  Core as C,
-  Events as E
-};
-//# sourceMappingURL=core-0b2c7817.es.js.map

package/.chunks/core-0b2c7817.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-0b2c7817.es.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["options"],"mappings":"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"}

package/.chunks/core-51f7b679.amd.js

@@ -1,151 +0,0 @@
-define(["exports", "vue", "../utils/device.amd"], function(exports, vue, utils_device) {
-  "use strict";
-  const onResizeDelay = 100;
-  let onResizeTimer;
-  const onResizeListeners = /* @__PURE__ */ new Map();
-  const windowSize = {
-    width: window.innerWidth,
-    height: window.innerHeight
-  };
-  function addOnReize(listener) {
-    onResizeListeners.set(listener, listener);
-  }
-  function removeOnResize(listener) {
-    onResizeListeners.delete(listener);
-  }
-  function onResize(e) {
-    clearTimeout(onResizeTimer);
-    onResizeTimer = setTimeout(function() {
-      e.topEvent = {
-        widthDiff: windowSize.width - window.innerWidth,
-        hightDiff: windowSize.height - window.innerHeight
-      };
-      windowSize.width = window.innerWidth;
-      windowSize.height = window.innerHeight;
-      onResizeListeners.forEach((callback) => callback(e));
-    }, onResizeDelay);
-  }
-  window.addEventListener("resize", onResize);
-  const Events = {
-    addOnReize,
-    removeOnResize
-  };
-  const options = {
-    widthForMobile: 900
-  };
-  const state = {
-    /**
-     * Device by size
-     * @see widthForMobile
-     */
-    isMobile: false,
-    /**
-     * Device by user agent
-     */
-    isMobileUA: false,
-    /**
-     * true, если плотность пикселей экрана больше 1
-     */
-    isRetina: false,
-    /**
-     * true, елси это приложение
-     */
-    isApp: false,
-    /**
-     * true при горизонтальном расположении устройства
-     */
-    isLandscape: true,
-    /**
-     * true при вертикальном расположении устройства
-     */
-    isPortrait: false,
-    size: 0
-  };
-  const _window = window;
-  class Core {
-    static page = (_window == null ? void 0 : _window.page) || {};
-    static options = options;
-    static state = vue.reactive({ ...state });
-    static matchMediaIsMobile;
-    /**
-     * Добавить на страницу стили, используется для загрузки стилей из js
-     *
-     * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
-     * @param style - css стили в строке
-     * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
-     */
-    static appendStyle(style, type) {
-      let media = "all";
-      if (type === "m") {
-        media = "(max-width: " + this.options.widthForMobile + "px)";
-      }
-      if (type === "pc") {
-        media = "(min-width: " + this.options.widthForMobile + "px)";
-      }
-      const elStyle = document.createElement("style");
-      elStyle.innerHTML = style;
-      elStyle.media = media;
-      document.head.append(elStyle);
-    }
-    /**
-     * Установить как плагин в прилоежнии Vue
-     * Core.state является общим для всех приложений Vue на странице
-     * Core.options является общим для всех приложений Vue на странице
-     * @param app - Vue App
-     * @param {typeof options} options - параметры UI
-     */
-    static install(app, options2) {
-      Core.defineOptions(options2);
-      app.provide("top-core", Core);
-    }
-    /**
-     * Установить конфигурацию UI
-     * @param {typeof options} options
-     */
-    static defineOptions(options2) {
-      if (options2.widthForMobile) {
-        this.options.widthForMobile = options2.widthForMobile;
-      }
-      Core.setState();
-    }
-    static setState() {
-      Core.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);
-      Core.state.isMobileUA = utils_device.isMobile();
-      Core.state.isRetina = utils_device.isRetina();
-      Core.state.isApp = utils_device.isApp();
-      Core.setStateByWindowSize();
-      Events.addOnReize(Core.onResize);
-      Core.onResize();
-      Core.saveToCookie();
-    }
-    static onResize() {
-      Core.setStateByWindowSize();
-      document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
-    }
-    static setStateByWindowSize() {
-      var _a;
-      Core.state.isMobile = !!((_a = Core.matchMediaIsMobile) == null ? void 0 : _a.matches);
-      Core.state.isLandscape = window.innerWidth > window.innerHeight;
-      Core.state.isPortrait = !Core.state.isLandscape;
-      Core.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight;
-      Core.saveToCookie();
-    }
-    /**
-     * Сохранить информацию об устройстве в cookie
-     */
-    static saveToCookie() {
-      const device = [
-        1,
-        window.innerWidth,
-        window.innerHeight,
-        window.devicePixelRatio,
-        Number(Core.state.isMobile),
-        Number(Core.state.isRetina)
-      ];
-      document.cookie = "device=" + device.join(",") + "; path=/;";
-    }
-  }
-  exports.Core = Core;
-  exports.Events = Events;
-});
-//# sourceMappingURL=core-51f7b679.amd.js.map

package/.chunks/core-51f7b679.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-51f7b679.amd.js","sources":["../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/core/core.ts"],"sourcesContent":["const onResizeDelay = 100;\n\nlet onResizeTimer: NodeJS.Timeout;\n\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\n\n/**\n * Установленные обрабочики на событие изменения размеров окна\n */\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\n\n// зафиксированное состояние размеров окна\nconst windowSize = {\n\twidth: window.innerWidth,\n\theight: window.innerHeight,\n};\n\n/**\n * Добавить обработчик на событие изменения размеров экрана\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\n */\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.set(listener, listener);\n}\n\n/**\n * Удаление обработчика на событие изменений размеров экрана\n */\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\n\tonResizeListeners.delete(listener);\n}\n\nfunction onResize (e: any) {\n\tclearTimeout(onResizeTimer);\n\n\tonResizeTimer = setTimeout(function () {\n\t\te.topEvent = {\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\n\t\t\thightDiff: windowSize.height - window.innerHeight,\n\t\t};\n\n\t\twindowSize.width = window.innerWidth;\n\t\twindowSize.height = window.innerHeight;\n\n\t\tonResizeListeners.forEach((callback) => callback(e));\n\t}, onResizeDelay);\n}\n\nwindow.addEventListener('resize', onResize);\n\nexport default {\n\taddOnReize,\n\tremoveOnResize,\n};\n","/**\n * Конфигурация UI\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\n */\nconst options = {\n\twidthForMobile: 900,\n};\n\nexport default options;","/**\n * State UI для взаимодейсвтиями с приложениями Vue\n */\nconst state = {\n\t/**\n\t * Device by size\n\t * @see widthForMobile\n\t */\n\tisMobile: false,\n\n\t/**\n\t * Device by user agent\n\t */\n\tisMobileUA: false,\n\n\t/**\n\t * true, если плотность пикселей экрана больше 1\n\t */\n\tisRetina: false,\n\n\t/**\n\t * true, елси это приложение\n\t */\n\tisApp: false,\n\n\t/**\n\t * true при горизонтальном расположении устройства\n\t */\n\tisLandscape: true,\n\n\t/**\n\t * true при вертикальном расположении устройства\n\t */\n\tisPortrait: false,\n\tsize: 0,\n};\n\nexport default state;","import { reactive } from 'vue';\nimport Device from '@/core/utils/device';\nimport DOM from '@/core/utils/dom';\nimport Events from '@/core/core/events';\nimport options from '@/core/core/options';\nimport state from '@/core/core/state';\n\nconst _window: any = window;\n\nclass Core {\n\n\tstatic page = _window?.page || {};\n\n\tstatic options = options;\n\n\tstatic state = reactive({ ...state });\n\n\tstatic matchMediaIsMobile?: MediaQueryList;\n\n\t/**\n\t * Добавить на страницу стили, используется для загрузки стилей из js\n\t *\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\n\t * @param style - css стили в строке\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\n\t */\n\tstatic appendStyle (style: string, type: '' | 'm' | 'pc'): void {\n\t\tlet media = 'all';\n\n\t\tif (type === 'm') {\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tif (type === 'pc') {\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\n\t\t}\n\n\t\tconst elStyle = document.createElement('style');\n\t\telStyle.innerHTML = style;\n\t\telStyle.media = media;\n\n\t\tdocument.head.append(elStyle);\n\t}\n\n\t/**\n\t * Установить как плагин в прилоежнии Vue\n\t * Core.state является общим для всех приложений Vue на странице\n\t * Core.options является общим для всех приложений Vue на странице\n\t * @param app - Vue App\n\t * @param {typeof options} options - параметры UI\n\t */\n\tstatic install (app: any, options: typeof this.options) {\n\t\tCore.defineOptions(options);\n\n\t\tapp.provide('top-core', Core);\n\t}\n\n\t/**\n\t * Установить конфигурацию UI\n\t * @param {typeof options} options\n\t */\n\tstatic defineOptions (options: typeof this.options) {\n\t\tif (options.widthForMobile) {\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\n\t\t}\n\n\t\tCore.setState();\n\t}\n\n\tstatic setState () {\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\n\n\t\tCore.state.isMobileUA = Device.isMobile();\n\t\tCore.state.isRetina = Device.isRetina();\n\t\tCore.state.isApp = Device.isApp();\n\n\t\tCore.setStateByWindowSize();\n\n\t\t// пересчет значений, зависящих от рамзеров окна\n\t\tEvents.addOnReize(Core.onResize);\n\n\t\tCore.onResize();\n\n\t\tCore.saveToCookie();\n\t}\n\n\tstatic onResize () {\n\t\tCore.setStateByWindowSize();\n\n\t\t// честный vh\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\n\t}\n\n\tstatic setStateByWindowSize () {\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\n\n\t\tCore.saveToCookie();\n\t}\n\n\t/**\n\t * Сохранить информацию об устройстве в cookie\n\t */\n\tstatic saveToCookie () {\n\t\tconst device = [\n\t\t\t1,\n\t\t\twindow.innerWidth,\n\t\t\twindow.innerHeight,\n\t\t\twindow.devicePixelRatio,\n\t\t\tNumber(Core.state.isMobile),\n\t\t\tNumber(Core.state.isRetina),\n\t\t];\n\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\n\t}\n\n}\n\nexport default Core;"],"names":["reactive","options","Device"],"mappings":"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"}