@topvisor/ui 0.0.16 → 0.0.17

package/tabs/tabs.js

@@ -0,0 +1,120 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, Fragment } from "vue";
+import { _ as _export_sfc } from "../.chunks/forms-245e3bc0.es.js";
+const _hoisted_1$2 = {
+  class: /* @__PURE__ */ normalizeClass({
+    "top-tabs": true
+  })
+};
+const _hoisted_2$1 = {
+  key: 0,
+  class: "top-tabs_header"
+};
+const _hoisted_3 = { class: "top-tabs_contents" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "tabs",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        renderSlot(_ctx.$slots, "buttons"),
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          renderSlot(_ctx.$slots, "header")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "contents")
+        ])
+      ]);
+    };
+  }
+});
+const style0$2 = {
+  "top-tabs": "top-tabs",
+  "top-tabs_header": "top-tabs_header",
+  "top-tabs_contents": "top-tabs_contents",
+  "top-tabs_tabInput": "top-tabs_tabInput",
+  "top-tabs_content": "top-tabs_content"
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _hoisted_1$1 = ["id", "name", "value", "checked", "disabled"];
+const _hoisted_2 = ["for"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "tab",
+  props: {
+    tabsId: {},
+    name: {},
+    title: {},
+    active: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("input", {
+          type: "radio",
+          class: "top-tabs_tabInput top-unvisible",
+          id: _ctx.tabsId + _ctx.name,
+          name: _ctx.tabsId,
+          value: _ctx.name,
+          checked: _ctx.active,
+          disabled: _ctx.disabled
+        }, null, 8, _hoisted_1$1),
+        createElementVNode("label", {
+          class: normalizeClass({
+            "top-tabs_tabLabel": true,
+            "top-forms-focusable": true,
+            "top-disabled": _ctx.disabled
+          }),
+          for: _ctx.tabsId + _ctx.name
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_2)
+      ], 64);
+    };
+  }
+});
+const style0$1 = {
+  "top-tabs_tabLabel": "top-tabs_tabLabel",
+  "top-tabs_tabInput": "top-tabs_tabInput",
+  "top-disabled": "top-disabled"
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const tab = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _hoisted_1 = ["data-tabs-name"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "content",
+  props: {
+    name: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({
+          "top-tabs_content": true
+        }),
+        "data-tabs-name": _ctx.name
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1);
+    };
+  }
+});
+const style0 = {
+  "top-tabs_content": "top-tabs_content"
+};
+const cssModules = {
+  "$style": style0
+};
+const content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  tabs as Tabs,
+  content as TabsContent,
+  tab as TabsTab
+};
+//# sourceMappingURL=tabs.js.map

package/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tabs.css

@@ -0,0 +1,60 @@
+
+.top-tabs {
+	background: var(--content-background-color);
+	border-radius: 8px;
+	border: 1px solid var(--color-line-2-opacity);
+	padding: 0;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: stretch;
+}
+.top-tabs_header {
+	padding: 6px;
+	margin-left: auto;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
+/* Содержимое вкладок */
+.top-tabs_contents {
+	border-top: 1px solid var(--color-line-2-opacity);
+	width: 100%;
+	margin-top: -1px;
+}
+
+/* Состояние открытости вкладок */
+.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),
+.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),
+.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),
+.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),
+.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),
+.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {
+	display: block;
+}
+
+.top-tabs_tabLabel {
+	cursor: pointer;
+	border-bottom: 2px solid transparent;
+	padding: 14px 20px;
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+.top-tabs_tabLabel:hover {
+	border-color: var(--color-line-3-opacity);
+}
+.top-tabs_tabInput:checked + .top-tabs_tabLabel {
+	border-color: var(--color-primary);
+	color: var(--color-primary);
+}
+.top-tabs_tabLabel.top-disabled {
+	color: var(--color-text-3);
+}
+
+.top-tabs_content {
+	padding: 14px;
+	overflow: auto;
+	display: none;
+}

package/utils/device.amd.js

@@ -1,2 +1,42 @@
-define(function(){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;class e{static isRetina(){return"devicePixelRatio"in window&&window.devicePixelRatio>1}static isMobile(){return!!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i)}static isApp(){return navigator.userAgent.indexOf("Topvisor_App")!=-1}static isMacOS(){return navigator.userAgent.indexOf("Mac OS X")!==-1}static isSafari(){const t=/Chrome|Android/.test(navigator.userAgent);let i=/Safari/.test(navigator.userAgent);return t&&i&&(i=!1),i}static getCommandKeyLabel(){return this.isMacOS()?"⌘":"Ctrl"}}return e});
+define(function() {
+  "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
+  class Device {
+    static isRetina() {
+      return "devicePixelRatio" in window && window.devicePixelRatio > 1;
+    }
+    // определить, является ли устройство мобильным
+    static isMobile() {
+      return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
+    }
+    // определить, открыт ли сайт в приложении
+    static isApp() {
+      return navigator.userAgent.indexOf("Topvisor_App") != -1;
+    }
+    // определить, является ли OS пользователя macOS
+    static isMacOS() {
+      return navigator.userAgent.indexOf("Mac OS X") !== -1;
+    }
+    // определить, является ли текущий браузер пользователя Safari
+    static isSafari() {
+      const isChrome = /Chrome|Android/.test(navigator.userAgent);
+      let isSafari = /Safari/.test(navigator.userAgent);
+      if (isChrome && isSafari) {
+        isSafari = false;
+      }
+      return isSafari;
+    }
+    /**
+     * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
+     * @returns {'Ctrl'|'⌘'}
+     */
+    static getCommandKeyLabel() {
+      if (this.isMacOS()) {
+        return "⌘";
+      } else {
+        return "Ctrl";
+      }
+    }
+  }
+  return Device;
+});
 //# sourceMappingURL=device.amd.js.map

package/utils/device.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"device.amd.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":["Device","isChrome","isSafari"],"mappings":"+BAAA,MAAMA,CAAO,CAEZ,OAAO,UAAY,CACV,MAAA,qBAAsB,QAAU,OAAO,iBAAmB,CACnE,CAGA,OAAO,UAAqB,CAC3B,MAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D,CAC9F,CAGA,OAAO,OAAS,CACf,OAAQ,UAAU,UAAU,QAAQ,cAAc,GAAK,EACxD,CAGA,OAAO,SAAW,CACjB,OAAO,UAAU,UAAU,QAAQ,UAAU,IAAM,EACpD,CAGA,OAAO,UAAY,CAClB,MAAMC,EAAW,iBAAiB,KAAK,UAAU,SAAS,EAE1D,IAAIC,EAAW,SAAS,KAAK,UAAU,SAAS,EAChD,OAAID,GAAYC,IACJA,EAAA,IAGLA,CACR,CAMA,OAAO,oBAAoC,CACtC,OAAA,KAAK,UACD,IAEA,MAET,CAED"}
+{"version":3,"file":"device.amd.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":[],"mappings":";;EAAA,MAAM,OAAO;AAAA,IAEZ,OAAO,WAAY;AACV,aAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,IACnE;AAAA;AAAA,IAGA,OAAO,WAAqB;AAC3B,aAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,IAC9F;AAAA;AAAA,IAGA,OAAO,QAAS;AACf,aAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,IACxD;AAAA;AAAA,IAGA,OAAO,UAAW;AACjB,aAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,IACpD;AAAA;AAAA,IAGA,OAAO,WAAY;AAClB,YAAM,WAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,UAAI,WAAW,SAAS,KAAK,UAAU,SAAS;AAChD,UAAI,YAAY,UAAU;AACd,mBAAA;AAAA,MACZ;AAEO,aAAA;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAO,qBAAoC;AACtC,UAAA,KAAK,WAAW;AACZ,eAAA;AAAA,MAAA,OACD;AACC,eAAA;AAAA,MACR;AAAA,IACD;AAAA,EAED;;;"}

package/utils/device.js

@@ -1,4 +1,4 @@
-class a {
+class Device {
   static isRetina() {
     return "devicePixelRatio" in window && window.devicePixelRatio > 1;
   }
@@ -16,19 +16,26 @@ class a {
   }
   // определить, является ли текущий браузер пользователя Safari
   static isSafari() {
-    const e = /Chrome|Android/.test(navigator.userAgent);
-    let i = /Safari/.test(navigator.userAgent);
-    return e && i && (i = !1), i;
+    const isChrome = /Chrome|Android/.test(navigator.userAgent);
+    let isSafari = /Safari/.test(navigator.userAgent);
+    if (isChrome && isSafari) {
+      isSafari = false;
+    }
+    return isSafari;
   }
   /**
    * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
    * @returns {'Ctrl'|'⌘'}
    */
   static getCommandKeyLabel() {
-    return this.isMacOS() ? "⌘" : "Ctrl";
+    if (this.isMacOS()) {
+      return "⌘";
+    } else {
+      return "Ctrl";
+    }
   }
 }
 export {
-  a as default
+  Device as default
 };
 //# sourceMappingURL=device.js.map

package/utils/device.js.map

@@ -1 +1 @@
-{"version":3,"file":"device.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":["Device","isChrome","isSafari"],"mappings":"AAAA,MAAMA,EAAO;AAAA,EAEZ,OAAO,WAAY;AACV,WAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,EACnE;AAAA;AAAA,EAGA,OAAO,WAAqB;AAC3B,WAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,EAC9F;AAAA;AAAA,EAGA,OAAO,QAAS;AACf,WAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,EACxD;AAAA;AAAA,EAGA,OAAO,UAAW;AACjB,WAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpD;AAAA;AAAA,EAGA,OAAO,WAAY;AAClB,UAAMC,IAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,QAAIC,IAAW,SAAS,KAAK,UAAU,SAAS;AAChD,WAAID,KAAYC,MACJA,IAAA,KAGLA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,qBAAoC;AACtC,WAAA,KAAK,YACD,MAEA;AAAA,EAET;AAED;"}
+{"version":3,"file":"device.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":[],"mappings":"AAAA,MAAM,OAAO;AAAA,EAEZ,OAAO,WAAY;AACV,WAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,EACnE;AAAA;AAAA,EAGA,OAAO,WAAqB;AAC3B,WAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,EAC9F;AAAA;AAAA,EAGA,OAAO,QAAS;AACf,WAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,EACxD;AAAA;AAAA,EAGA,OAAO,UAAW;AACjB,WAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpD;AAAA;AAAA,EAGA,OAAO,WAAY;AAClB,UAAM,WAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,QAAI,WAAW,SAAS,KAAK,UAAU,SAAS;AAChD,QAAI,YAAY,UAAU;AACd,iBAAA;AAAA,IACZ;AAEO,WAAA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,qBAAoC;AACtC,QAAA,KAAK,WAAW;AACZ,aAAA;AAAA,IAAA,OACD;AACC,aAAA;AAAA,IACR;AAAA,EACD;AAED;"}

package/utils/dom.amd.js

@@ -1,2 +1,95 @@
-define(function(){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;function f(t,e,...n){const i=document.createElement(t);for(const r in e)r.indexOf("on")===0?i[r]=e[r]:i.setAttribute(r,e[r]);return n.forEach(r=>{typeof r=="string"?i.insertAdjacentHTML("beforeend",r):i.append(r)}),i}function o(t){if(!t)return!1;const e=t.getBoundingClientRect();return!!(e.width||e.height)}function c(t){const e=t.getBoundingClientRect();return{top:e.top+window.scrollY,left:e.left+window.scrollX}}function l(t,e){return window.getComputedStyle(t).getPropertyValue(e)}function s(t,e){const n=document.createElement(e);return t.after(n),n.append(t),n}function a(t,e){return u(t,e).find(o)||null}function d(t,e){return u(t,e).findLast(o)||null}function p(t,e){return u(t,e).filter(o)}function u(t,e){return t?[...t.querySelectorAll(e)]:[]}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 y(t){t&&delete t.topData}return{genEl:f,isVisible:o,offset:c,css:l,wrap:s,querySelectorVisible:a,querySelectorVisibleLast:d,querySelectorAllVisible:p,querySelectorAllArray:u,storage:g,storageClear:y}});
+define(function() {
+  "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
+  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 isVisible(el) {
+    if (!el) {
+      return false;
+    }
+    const boundingClientRect = el.getBoundingClientRect();
+    return !!(boundingClientRect.width || boundingClientRect.height);
+  }
+  function offset(el) {
+    const boundingClientRect = el.getBoundingClientRect();
+    return {
+      top: boundingClientRect.top + window.scrollY,
+      left: boundingClientRect.left + window.scrollX
+    };
+  }
+  function css(el, property) {
+    return window.getComputedStyle(el).getPropertyValue(property);
+  }
+  function wrap(el, tagName) {
+    const elWrapper = document.createElement(tagName);
+    el.after(elWrapper);
+    elWrapper.append(el);
+    return elWrapper;
+  }
+  function querySelectorVisible(el, selectors) {
+    return querySelectorAllArray(el, selectors).find(isVisible) || null;
+  }
+  function querySelectorVisibleLast(el, selectors) {
+    return querySelectorAllArray(el, selectors).findLast(isVisible) || null;
+  }
+  function querySelectorAllVisible(el, selectors) {
+    return querySelectorAllArray(el, selectors).filter(isVisible);
+  }
+  function querySelectorAllArray(el, selectors) {
+    if (!el) {
+      return [];
+    }
+    return [...el.querySelectorAll(selectors)];
+  }
+  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 storageClear(el) {
+    if (!el) {
+      return;
+    }
+    delete el.topData;
+  }
+  const DOM = {
+    genEl,
+    isVisible,
+    offset,
+    css,
+    wrap,
+    querySelectorVisible,
+    querySelectorVisibleLast,
+    querySelectorAllVisible,
+    querySelectorAllArray,
+    storage,
+    storageClear
+  };
+  return DOM;
+});
 //# sourceMappingURL=dom.amd.js.map

package/utils/dom.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.amd.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":["genEl","tagName","attrs","elsChildrens","el","name","elChildren","isVisible","boundingClientRect","offset","css","property","wrap","elWrapper","querySelectorVisible","selectors","querySelectorAllArray","querySelectorVisibleLast","querySelectorAllVisible","storage","contextName","contextData","storageClear"],"mappings":"+BAWA,SAASA,EAAOC,EAAiBC,KAAeC,EAAkC,CAC3E,MAAAC,EAAU,SAAS,cAAcH,CAAO,EAE9C,UAAWI,KAAQH,EACdG,EAAK,QAAQ,IAAI,IAAM,EAEvBD,EAAAC,CAAI,EAAIH,EAAMG,CAAI,EAErBD,EAAG,aAAaC,EAAMH,EAAMG,CAAI,CAAC,EAItB,OAAAF,EAAA,QAASG,GAAe,CAChC,OAAQA,GAAgB,SACxBF,EAAA,mBAAmB,YAAaE,CAAU,EAE7CF,EAAG,OAAOE,CAAU,CACrB,CACA,EAEMF,CACR,CAOA,SAASG,EAAWH,EAAc,CACjC,GAAI,CAACA,EACG,MAAA,GAGF,MAAAI,EAAqBJ,EAAG,wBAC9B,MAAO,CAAC,EAAEI,EAAmB,OAASA,EAAmB,OAC1D,CAOA,SAASC,EAAQL,EAA4C,CACtD,MAAAI,EAAqBJ,EAAG,wBAEvB,MAAA,CACN,IAAKI,EAAmB,IAAM,OAAO,QACrC,KAAMA,EAAmB,KAAO,OAAO,OAAA,CAEzC,CAQA,SAASE,EAAKN,EAAaO,EAA0B,CACpD,OAAO,OAAO,iBAAiBP,CAAE,EAAE,iBAAiBO,CAAQ,CAC7D,CAQA,SAASC,EAAMR,EAAaH,EAA0B,CAC/C,MAAAY,EAAY,SAAS,cAAcZ,CAAO,EAChD,OAAAG,EAAG,MAAMS,CAAS,EAElBA,EAAU,OAAOT,CAAE,EAEZS,CACR,CAQA,SAASC,EAAsBV,EAAaW,EAAmC,CAC9E,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,KAAKR,CAAS,GAAK,IAChE,CAQA,SAASU,EAA0Bb,EAAaW,EAAmC,CAClF,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,SAASR,CAAS,GAAK,IACpE,CAQA,SAASW,EAAyBd,EAAaW,EAA8B,CAC5E,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,OAAOR,CAAS,CAC7D,CAQA,SAASS,EAAuBZ,EAAaW,EAA8B,CAC1E,OAAKX,EAIE,CAAC,GAAGA,EAAG,iBAAiBW,CAAS,CAAC,EAHjC,EAIT,CASA,SAASI,EACRf,EACAgB,EAAsB,SAAUC,EAAyC,OACpD,CACrB,GAAKjB,EAID,OAACA,EAAG,UACPA,EAAG,QAAU,IAGViB,IACAjB,EAAA,QAAQgB,CAAW,EAAIC,GAGvBA,IAAgB,MACZ,OAAAjB,EAAG,QAAQgB,CAAW,EAGvBhB,EAAG,QAAQgB,CAAW,CAC9B,CAKA,SAASE,EAAclB,EAAkC,CACnDA,GAIL,OAAOA,EAAG,OACX,OAEe,CACd,MAAAJ,EACA,UAAAO,EACA,OAAAE,EACA,IAAAC,EACA,KAAAE,EACA,qBAAAE,EACA,yBAAAG,EACA,wBAAAC,EACA,sBAAAF,EACA,QAAAG,EACA,aAAAG,CACD"}
+{"version":3,"file":"dom.amd.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,WAAS,MAAO,SAAiB,UAAe,cAAkC;AAC3E,UAAA,KAAU,SAAS,cAAc,OAAO;AAE9C,eAAW,QAAQ,OAAO;AACzB,UAAI,KAAK,QAAQ,IAAI,MAAM,GAAG;AAE1B,WAAA,IAAI,IAAI,MAAM,IAAI;AAAA,MAAA,OACf;AACN,WAAG,aAAa,MAAM,MAAM,IAAI,CAAC;AAAA,MAClC;AAAA,IACD;AAEa,iBAAA,QAAQ,CAAC,eAAe;AAChC,UAAA,OAAQ,eAAgB,UAAU;AAClC,WAAA,mBAAmB,aAAa,UAAU;AAAA,MAAA,OACvC;AACN,WAAG,OAAO,UAAU;AAAA,MACrB;AAAA,IAAA,CACA;AAEM,WAAA;AAAA,EACR;AAOA,WAAS,UAAW,IAAc;AACjC,QAAI,CAAC,IAAI;AACD,aAAA;AAAA,IACR;AAEM,UAAA,qBAAqB,GAAG;AAC9B,WAAO,CAAC,EAAE,mBAAmB,SAAS,mBAAmB;AAAA,EAC1D;AAOA,WAAS,OAAQ,IAA4C;AACtD,UAAA,qBAAqB,GAAG;AAEvB,WAAA;AAAA,MACN,KAAK,mBAAmB,MAAM,OAAO;AAAA,MACrC,MAAM,mBAAmB,OAAO,OAAO;AAAA,IAAA;AAAA,EAEzC;AAQA,WAAS,IAAK,IAAa,UAA0B;AACpD,WAAO,OAAO,iBAAiB,EAAE,EAAE,iBAAiB,QAAQ;AAAA,EAC7D;AAQA,WAAS,KAAM,IAAa,SAA0B;AAC/C,UAAA,YAAY,SAAS,cAAc,OAAO;AAChD,OAAG,MAAM,SAAS;AAElB,cAAU,OAAO,EAAE;AAEZ,WAAA;AAAA,EACR;AAQA,WAAS,qBAAsB,IAAa,WAAmC;AAC9E,WAAO,sBAAsB,IAAI,SAAS,EAAE,KAAK,SAAS,KAAK;AAAA,EAChE;AAQA,WAAS,yBAA0B,IAAa,WAAmC;AAClF,WAAO,sBAAsB,IAAI,SAAS,EAAE,SAAS,SAAS,KAAK;AAAA,EACpE;AAQA,WAAS,wBAAyB,IAAa,WAA8B;AAC5E,WAAO,sBAAsB,IAAI,SAAS,EAAE,OAAO,SAAS;AAAA,EAC7D;AAQA,WAAS,sBAAuB,IAAa,WAA8B;AAC1E,QAAI,CAAC,IAAI;AACR,aAAO;IACR;AAEA,WAAO,CAAC,GAAG,GAAG,iBAAiB,SAAS,CAAC;AAAA,EAC1C;AASA,WAAS,QACR,IACA,cAAsB,UAAU,cAAyC,QACpD;AACrB,QAAI,CAAC,IAAI;AACR;AAAA,IACD;AAEI,QAAA,CAAC,GAAG,SAAS;AAChB,SAAG,UAAU;IACd;AAEA,QAAI,aAAa;AACb,SAAA,QAAQ,WAAW,IAAI;AAAA,IAC3B;AAEA,QAAI,gBAAgB,MAAM;AAClB,aAAA,GAAG,QAAQ,WAAW;AAAA,IAC9B;AAEO,WAAA,GAAG,QAAQ,WAAW;AAAA,EAC9B;AAKA,WAAS,aAAc,IAAkC;AACxD,QAAI,CAAC,IAAI;AACR;AAAA,IACD;AAEA,WAAO,GAAG;AAAA,EACX;AAEe,QAAA,MAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;;;"}

package/utils/dom.js

@@ -1,64 +1,94 @@
-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 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 i(t) {
-  if (!t)
-    return !1;
-  const e = t.getBoundingClientRect();
-  return !!(e.width || e.height);
+function isVisible(el) {
+  if (!el) {
+    return false;
+  }
+  const boundingClientRect = el.getBoundingClientRect();
+  return !!(boundingClientRect.width || boundingClientRect.height);
 }
-function l(t) {
-  const e = t.getBoundingClientRect();
+function offset(el) {
+  const boundingClientRect = el.getBoundingClientRect();
   return {
-    top: e.top + window.scrollY,
-    left: e.left + window.scrollX
+    top: boundingClientRect.top + window.scrollY,
+    left: boundingClientRect.left + window.scrollX
   };
 }
-function c(t, e) {
-  return window.getComputedStyle(t).getPropertyValue(e);
+function css(el, property) {
+  return window.getComputedStyle(el).getPropertyValue(property);
 }
-function s(t, e) {
-  const n = document.createElement(e);
-  return t.after(n), n.append(t), n;
+function wrap(el, tagName) {
+  const elWrapper = document.createElement(tagName);
+  el.after(elWrapper);
+  elWrapper.append(el);
+  return elWrapper;
 }
-function a(t, e) {
-  return u(t, e).find(i) || null;
+function querySelectorVisible(el, selectors) {
+  return querySelectorAllArray(el, selectors).find(isVisible) || null;
 }
-function d(t, e) {
-  return u(t, e).findLast(i) || null;
+function querySelectorVisibleLast(el, selectors) {
+  return querySelectorAllArray(el, selectors).findLast(isVisible) || null;
 }
-function p(t, e) {
-  return u(t, e).filter(i);
+function querySelectorAllVisible(el, selectors) {
+  return querySelectorAllArray(el, selectors).filter(isVisible);
 }
-function u(t, e) {
-  return t ? [...t.querySelectorAll(e)] : [];
+function querySelectorAllArray(el, selectors) {
+  if (!el) {
+    return [];
+  }
+  return [...el.querySelectorAll(selectors)];
 }
-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 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 y(t) {
-  t && delete t.topData;
+function storageClear(el) {
+  if (!el) {
+    return;
+  }
+  delete el.topData;
 }
-const b = {
-  genEl: f,
-  isVisible: i,
-  offset: l,
-  css: c,
-  wrap: s,
-  querySelectorVisible: a,
-  querySelectorVisibleLast: d,
-  querySelectorAllVisible: p,
-  querySelectorAllArray: u,
-  storage: g,
-  storageClear: y
+const DOM = {
+  genEl,
+  isVisible,
+  offset,
+  css,
+  wrap,
+  querySelectorVisible,
+  querySelectorVisibleLast,
+  querySelectorAllVisible,
+  querySelectorAllArray,
+  storage,
+  storageClear
 };
 export {
-  b as default
+  DOM 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":["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;"}
+{"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;"}

package/.chunks/core-97b070be.amd.js

@@ -1,2 +0,0 @@
-var g=Object.defineProperty;var v=(s,t,n)=>t in s?g(s,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[t]=n;var a=(s,t,n)=>(v(s,typeof t!="symbol"?t+"":t,n),n);define(["exports","vue","../utils/device.amd"],function(s,t,n){"use strict";let m;const c=new Map,d={width:window.innerWidth,height:window.innerHeight};function f(o){c.set(o,o)}function b(o){c.delete(o)}function z(o){clearTimeout(m),m=setTimeout(function(){o.topEvent={widthDiff:d.width-window.innerWidth,hightDiff:d.height-window.innerHeight},d.width=window.innerWidth,d.height=window.innerHeight,c.forEach(e=>e(o))},100)}window.addEventListener("resize",z);const M={addOnReize:f,removeOnResize:b},u={widthForMobile:900},R={isMobile:!1,isMobileUA:!1,isRetina:!1,isApp:!1,isLandscape:!0,isPortrait:!1,size:0},h=window,i=class i{static appendStyle(e,w){let l="all";w==="m"&&(l="(max-width: "+this.options.widthForMobile+"px)"),w==="pc"&&(l="(min-width: "+this.options.widthForMobile+"px)");const p=document.createElement("style");p.innerHTML=e,p.media=l,document.head.append(p)}static install(e,w){i.defineOptions(w),e.provide("top-core",i)}static defineOptions(e){e.widthForMobile&&(this.options.widthForMobile=e.widthForMobile),i.setState()}static setState(){i.matchMediaIsMobile=window.matchMedia(`(max-width: ${i.options.widthForMobile}px)`),i.state.isMobileUA=n.isMobile(),i.state.isRetina=n.isRetina(),i.state.isApp=n.isApp(),i.setStateByWindowSize(),M.addOnReize(i.onResize),i.onResize(),i.saveToCookie()}static onResize(){i.setStateByWindowSize(),document.documentElement.style.setProperty("--100vh",window.innerHeight+"px")}static setStateByWindowSize(){var e;i.state.isMobile=!!((e=i.matchMediaIsMobile)!=null&&e.matches),i.state.isLandscape=window.innerWidth>window.innerHeight,i.state.isPortrait=!i.state.isLandscape,i.state.size=window.innerWidth>window.innerHeight?window.innerWidth:window.innerHeight,i.saveToCookie()}static saveToCookie(){const e=[1,window.innerWidth,window.innerHeight,window.devicePixelRatio,Number(i.state.isMobile),Number(i.state.isRetina)];document.cookie="device="+e.join(",")+"; path=/;"}};a(i,"page",(h==null?void 0:h.page)||{}),a(i,"options",u),a(i,"state",t.reactive({...R})),a(i,"matchMediaIsMobile");let r=i;s.Core=r,s.Events=M});
-//# sourceMappingURL=core-97b070be.amd.js.map