@topvisor/ui 0.0.17 → 0.0.33

package/tabs/tabs.js

@@ -1,48 +1,37 @@
-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
+import { defineComponent as n, openBlock as e, createElementBlock as a, renderSlot as s, createCommentVNode as c, createElementVNode as o, normalizeClass as b, Fragment as _ } from "vue";
+import { _ as l } from "../.chunks/forms-6c397f5a.es.js";
+const r = {
+  class: /* @__PURE__ */ b({
+    "top-tabs": !0
   })
-};
-const _hoisted_2$1 = {
+}, i = {
   key: 0,
   class: "top-tabs_header"
-};
-const _hoisted_3 = { class: "top-tabs_contents" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}, u = { class: "top-tabs_contents" }, m = /* @__PURE__ */ n({
   __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")
-        ])
-      ]);
-    };
+  setup(p) {
+    return (t, d) => (e(), a("div", r, [
+      s(t.$slots, "buttons"),
+      t.$slots.header ? (e(), a("div", i, [
+        s(t.$slots, "header")
+      ])) : c("", !0),
+      o("div", u, [
+        s(t.$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({
+}, h = {
+  $style: $
+}, N = /* @__PURE__ */ l(m, [["__cssModules", h]]), f = ["id", "name", "value", "checked", "disabled"], y = ["for"], v = /* @__PURE__ */ n({
   __name: "tab",
   props: {
     tabsId: {},
@@ -51,70 +40,58 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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);
-    };
+  setup(p) {
+    return (t, d) => (e(), a(_, null, [
+      o("input", {
+        type: "radio",
+        class: "top-tabs_tabInput top-unvisible",
+        id: t.tabsId + t.name,
+        name: t.tabsId,
+        value: t.name,
+        checked: t.active,
+        disabled: t.disabled
+      }, null, 8, f),
+      o("label", {
+        class: b({
+          "top-tabs_tabLabel": !0,
+          "top-forms-focusable": !0,
+          "top-disabled": t.disabled
+        }),
+        for: t.tabsId + t.name
+      }, [
+        s(t.$slots, "default")
+      ], 10, y)
+    ], 64));
   }
-});
-const style0$1 = {
+}), I = {
   "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({
+}, M = {
+  $style: I
+}, V = /* @__PURE__ */ l(v, [["__cssModules", M]]), k = ["data-tabs-name"], B = /* @__PURE__ */ n({
   __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);
-    };
+  setup(p) {
+    return (t, d) => (e(), a("div", {
+      class: b({
+        "top-tabs_content": !0
+      }),
+      "data-tabs-name": t.name
+    }, [
+      s(t.$slots, "default")
+    ], 8, k));
   }
-});
-const style0 = {
+}), C = {
   "top-tabs_content": "top-tabs_content"
-};
-const cssModules = {
-  "$style": style0
-};
-const content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, T = {
+  $style: C
+}, g = /* @__PURE__ */ l(B, [["__cssModules", T]]);
 export {
-  tabs as Tabs,
-  content as TabsContent,
-  tab as TabsTab
+  N as Tabs,
+  g as TabsContent,
+  V as TabsTab
 };
 //# sourceMappingURL=tabs.js.map

package/tabs/tabs.js.map

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

package/tabs.css

@@ -1,60 +1 @@
-
-.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;
-}
+.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-2-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/date.amd.js

@@ -0,0 +1,2 @@
+define(["../.chunks/forms-cab135c7.amd","vue"],function(e,t){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;return e.UtilsDate});
+//# sourceMappingURL=date.amd.js.map

package/utils/date.amd.js.map

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

package/utils/date.js

@@ -0,0 +1,6 @@
+import { U as a } from "../.chunks/forms-6c397f5a.es.js";
+import "vue";
+export {
+  a as default
+};
+//# sourceMappingURL=date.js.map

package/utils/date.js.map

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

package/utils/device.amd.js

@@ -1,42 +1,2 @@
-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;
-});
+define(["../.chunks/forms-cab135c7.amd","vue"],function(e,u){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;return e.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":[],"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;;;"}
+{"version":3,"file":"device.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/utils/device.js

@@ -1,41 +1,6 @@
-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";
-    }
-  }
-}
+import { D as a } from "../.chunks/forms-6c397f5a.es.js";
+import "vue";
 export {
-  Device as default
+  a 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":[],"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;"}
+{"version":3,"file":"device.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/utils/dom.amd.js

@@ -1,95 +1,2 @@
-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;
-});
+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}});
 //# 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":[],"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;;;"}
+{"version":3,"file":"dom.amd.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"],"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"}