@topvisor/ui 1.0.12-jquery → 1.0.13

package/dialog/dialog.js

@@ -0,0 +1,183 @@
+import { defineComponent as v, provide as f, onMounted as w, getCurrentInstance as b, watch as C, openBlock as n, createElementBlock as l, unref as s, normalizeClass as u, normalizeStyle as g, createElementVNode as i, renderSlot as p, computed as A, createBlock as m, Teleport as h, createCommentVNode as c, ref as k, onUpdated as T, KeepAlive as D, resolveDynamicComponent as $, mergeProps as P } from "vue";
+import { g as N, u as y } from "../.chunks/utils-B6497Bik.es.js";
+import { C as B } from "../.chunks/forms-FHMqYVvM.es.js";
+const S = ["id", "data-view-page-active", "data-modal", "data-position"], F = /* @__PURE__ */ v({
+  __name: "dialog",
+  props: {
+    id: {},
+    pageActive: {},
+    width: { default: "600px" },
+    height: { default: "auto" },
+    modal: { type: Boolean, default: !0 },
+    position: {},
+    historyType: { default: "push" },
+    classes: {}
+  },
+  emits: ["open", "close"],
+  setup(d) {
+    const o = N(d.id);
+    if (!o)
+      throw new Error("TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()");
+    return f("dialogWorker", o), w(() => {
+      var t;
+      const a = b(), e = a.parent;
+      if (((t = e == null ? void 0 : e.parent) == null ? void 0 : t.type.name) !== "DialogWrapper")
+        throw new Error("TopDialog cannot be used in a template, use useTopDialog()");
+      if (Array.isArray(e.subTree.children) && e.subTree.children.length !== 1)
+        throw new Error("TopDialog can has only one root element");
+      o.onMounted(e, a);
+    }), C(o.isOpened, () => {
+      o.isReady.value = !0;
+    }, {
+      flush: "post",
+      once: !0
+    }), (a, e) => (n(), l("div", {
+      id: s(o).idAttr,
+      class: u(["top-dialog", a.classes]),
+      style: g({
+        "--top-dialog-width": a.width,
+        "--top-dialog-height": a.height
+      }),
+      tabindex: "-1",
+      "data-view-page-active": s(o).pageActive.value,
+      "data-modal": a.modal,
+      "data-position": a.position
+    }, [
+      e[0] || (e[0] = i("div", { class: "modal-layer modal-layer-header" }, null, -1)),
+      i("div", {
+        class: "modal-layer modal-layer-body",
+        style: g({ "min-height": a.height + "px" })
+      }, null, 4),
+      p(a.$slots, "default")
+    ], 14, S));
+  }
+}), _ = {
+  key: 0,
+  style: { display: "none" }
+}, E = ["data-order", "data-view-page"], L = { class: "modal-header" }, W = { class: "top-title" }, M = { class: "buttons" }, R = ["title"], q = ["title"], z = ["data-order", "data-view-page"], I = { class: "modal-body" }, V = {
+  key: 0,
+  class: "modal-footer"
+}, G = /* @__PURE__ */ v({
+  __name: "page",
+  props: {
+    isLoading: { type: Boolean },
+    name: {},
+    order: { default: 0 },
+    prevName: {}
+  },
+  setup(d) {
+    const r = d, o = y(), a = A(() => {
+      var e;
+      return {
+        active: ((e = o.pageActive) == null ? void 0 : e.value) === r.name,
+        "i-load-data": r.isLoading || o.isLoadingPage.value
+      };
+    });
+    return (e, t) => s(o).isReady.value ? (n(), l("div", _, [
+      (n(), m(h, {
+        to: "#" + s(o).idAttr + " .modal-layer-header",
+        disabled: !s(o).needShowPage(e.name)
+      }, [
+        i("div", {
+          "data-order": e.order,
+          "data-view-page": e.name,
+          class: u(a.value)
+        }, [
+          i("div", L, [
+            i("div", W, [
+              p(e.$slots, "header")
+            ]),
+            i("div", M, [
+              p(e.$slots, "headerButtons")
+            ]),
+            s(B).state.isMobile && e.prevName ? (n(), l("div", {
+              key: 0,
+              class: "close",
+              title: e.$i18n.Common.Back,
+              "data-top-icon": "",
+              onClick: t[0] || (t[0] = (K) => s(o).open(e.prevName))
+            }, null, 8, R)) : (n(), l("div", {
+              key: 1,
+              class: "close",
+              title: e.$i18n.Common.Close,
+              "data-top-icon": "",
+              "data-action": "top-dialog-close"
+            }, null, 8, q))
+          ])
+        ], 10, E)
+      ], 8, ["to", "disabled"])),
+      (n(), m(h, {
+        to: "#" + s(o).idAttr + " .modal-layer-body",
+        disabled: !s(o).needShowPage(e.name)
+      }, [
+        i("div", {
+          "data-order": e.order,
+          "data-view-page": e.name,
+          class: u(a.value),
+          style: g({ "--top-dialog-footer-height": e.$slots.footer ? void 0 : "0px" })
+        }, [
+          i("div", I, [
+            p(e.$slots, "body")
+          ]),
+          e.$slots.footer ? (n(), l("div", V, [
+            p(e.$slots, "footer")
+          ])) : c("", !0)
+        ], 14, z)
+      ], 8, ["to", "disabled"]))
+    ])) : c("", !0);
+  }
+}), H = {
+  name: {
+    type: String,
+    required: !0
+  },
+  order: {
+    type: Number,
+    required: !0
+  },
+  prevName: String
+}, J = /* @__PURE__ */ v({
+  __name: "pageComponent",
+  props: {
+    component: {},
+    keepAlive: { type: Boolean, default: !0 },
+    props: {},
+    name: {},
+    order: {},
+    prevName: {}
+  },
+  setup(d) {
+    const r = d, o = y(), a = (e, t) => {
+      if (!t.value) {
+        if (e.name !== "AsyncComponentWrapper") {
+          t.value = !0;
+          return;
+        }
+        o.needShowPage(r.name) && (o.isLoadingPage.value = !0, e.__asyncResolved && (t.value = !0, o.isLoadingPage.value = !1));
+      }
+    };
+    if (r.component.name === "AsyncComponentWrapper") {
+      const e = k(!1);
+      T(() => {
+        a(r.component, e);
+      });
+    }
+    return (e, t) => (n(), m(D, {
+      include: e.keepAlive ? "" : "none"
+    }, [
+      s(o).needShowPage(e.name) ? (n(), m($(e.component), P({ key: 0 }, r, {
+        name: e.name,
+        order: e.order,
+        prevName: e.prevName
+      }), null, 16, ["name", "order", "prevName"])) : c("", !0)
+    ], 1032, ["include"]));
+  }
+});
+export {
+  F as TopDialog,
+  G as TopDialogPage,
+  J as TopDialogPageComponent,
+  H as propsPageCommon,
+  y as useTopDialogSelf
+};
+//# sourceMappingURL=dialog.js.map

package/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../src/components/dialog/dialog/dialog.vue","../../src/components/dialog/dialog/page/page.vue","../../src/components/dialog/dialog/page/types.ts","../../src/components/dialog/dialog/pageComponent/pageComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, onMounted, provide, watch } from 'vue';\nimport { getDialogWorker } from './dialogs/dialogs.vue';\nimport type { Emits, Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '600px',\n\theight: 'auto',\n\tmodal: true,\n\thistoryType: 'push',\n});\n\ndefineEmits<Emits>();\n\ndefineSlots<Slots>();\n\nconst dialog = getDialogWorker(props.id);\nif (!dialog) {\n\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()');\n}\n\n/**\n * Для useTopDialogSelf()\n */\nprovide('dialogWorker', dialog);\n\n/**\n * Инициализация начального состояния TopDialogHandle\n */\nonMounted(() => {\n\tconst topDialogBaseComponent = getCurrentInstance() as ComponentInternalInstance;\n\tconst topDialogComponent = topDialogBaseComponent.parent;\n\n\tif (topDialogComponent?.parent?.type.name !== 'DialogWrapper') {\n\t\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog()');\n\t}\n\n\tif (Array.isArray(topDialogComponent.subTree.children) && topDialogComponent.subTree.children.length !== 1) {\n\t\tthrow new Error('TopDialog can has only one root element');\n\t}\n\n\tdialog.onMounted(topDialogComponent, topDialogBaseComponent);\n});\n\nwatch(dialog.isOpened, () => {\n\tdialog.isReady.value = true;\n}, {\n\tflush: 'post',\n\tonce: true,\n});\n</script>\n\n<template>\n\t<div\n\t\t:id=\"dialog.idAttr\"\n\t\tclass=\"top-dialog\"\n\t\t:class=\"classes\"\n\t\t:style=\"{\n\t\t\t\t'--top-dialog-width': width,\n\t\t\t\t'--top-dialog-height': height,\n\t\t\t}\"\n\t\ttabindex=\"-1\"\n\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t:data-modal=\"modal\"\n\t\t:data-position=\"position\"\n\t>\n\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t<slot name=\"default\"></slot>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Core from '@/core/core/core';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\torder: 0,\n});\n\ndefineSlots<Slots>();\n\nconst dialog = useTopDialogSelf();\n\nconst classes = computed(() => {\n\treturn {\n\t\tactive: dialog.pageActive?.value === props.name,\n\t\t'i-load-data': props.isLoading || dialog.isLoadingPage.value,\n\t};\n});\n</script>\n\n<template>\n\t<div\n\t\tstyle=\"display: none\"\n\t\tv-if=\"dialog.isReady.value\"\n\t>\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-header'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<div class=\"top-title\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<slot name=\"headerButtons\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"Core.state.isMobile && prevName\"\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Back\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"dialog.open(prevName)\"\n\t\t\t\t\t></div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\tdata-action=\"top-dialog-close\"\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-body'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{'--top-dialog-footer-height': $slots.footer ? undefined : '0px'}\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t<slot name=\"body\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"modal-footer\" v-if=\"$slots.footer\">\n\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n</template>\n","export interface Props extends PropsCommon {\n\t/**\n\t * Статус загрузки страницы диалогового окна\n\t *\n\t * При включении взаимодействие со страницей блокируется, отображается анимация загрузки\n\t */\n\tisLoading?: boolean;\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n */\nexport interface PropsCommon {\n\t/**\n\t * Имя страницы для диалогового окна\n\t *\n\t * Имя страницы нужно для навигации между страницами в одном диалоговом окне\n\t */\n\tname: string,\n\n\t/**\n\t * Порядкой номер страницы в диалоговом окне\n\t *\n\t * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер\n\t */\n\torder: number,\n\n\t/**\n\t * Имя предыдущей страницы\n\t *\n\t * Для кнопки Назад / Закрыть в мобильной версии\n\t */\n\tprevName?: string,\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n *\n * Для не SFC компонентов\n */\nexport const propsPageCommon = {\n\tname: {\n\t\ttype: String,\n\t\trequired: true,\n\t},\n\n\torder: {\n\t\ttype: Number,\n\t\trequired: true,\n\t},\n\n\tprevName: String,\n};\n\nexport interface Slots {\n\t/**\n\t * Шапка страницы\n\t */\n\theader(props: {}): any;\n\n\t/**\n\t * Кнопки для шапки страницы\n\t */\n\theaderButtons(props: {}): any;\n\n\t/**\n\t * Контент страницы\n\t */\n\tbody(props: {}): any;\n\n\t/**\n\t * Футер страницы\n\t */\n\tfooter(props: {}): any;\n}\n","<script setup lang=\"ts\">\nimport { type Component, onUpdated, ref, type Ref } from 'vue';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tkeepAlive: true,\n});\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Статус загрузи асинхронного компонента страницы диалогового окна\n */\nconst updateIsLoadingAsyncPage = (component: Component, isLoaded: Ref) => {\n\tif (isLoaded.value) return;\n\n\tif (component.name !== 'AsyncComponentWrapper') {\n\t\tisLoaded.value = true;\n\n\t\treturn;\n\t}\n\n\tif (!dialog.needShowPage(props.name as string)) return;\n\n\tdialog.isLoadingPage.value = true;\n\n\t// @ts-ignore\n\tif (component.__asyncResolved) {\n\t\tisLoaded.value = true;\n\n\t\tdialog.isLoadingPage.value = false;\n\t}\n};\n\nif (props.component.name === 'AsyncComponentWrapper') {\n\tconst isLoaded = ref(false);\n\n\tonUpdated(() => {\n\t\tupdateIsLoadingAsyncPage(props.component, isLoaded);\n\t});\n}\n</script>\n\n<template>\n\t<!-- Teleport внутри при keepAlive размонитроваться не будет, см. TopDialogPage -->\n\t<KeepAlive :include=\"keepAlive ? '' : 'none'\">\n\t\t<Component\n\t\t\t:is=\"component\"\n\t\t\tv-if=\"dialog.needShowPage(name)\"\n\t\t\t:=\"props\"\n\t\t\t:name=\"name\"\n\t\t\t:order=\"order\"\n\t\t\t:prevName=\"prevName\"\n\t\t/>\n\t</KeepAlive>\n</template>\n"],"names":["dialog","getDialogWorker","__props","provide","onMounted","topDialogBaseComponent","getCurrentInstance","topDialogComponent","_a","watch","props","useTopDialogSelf","classes","computed","propsPageCommon","updateIsLoadingAsyncPage","component","isLoaded","ref","onUpdated"],"mappings":";;;;;;;;;;;;;;;;;AAiBM,UAAAA,IAASC,EAXDC,EAWuB,EAAE;AACvC,QAAI,CAACF;AACE,YAAA,IAAI,MAAM,kFAAkF;AAMnG,WAAAG,EAAQ,gBAAgBH,CAAM,GAK9BI,EAAU,MAAM;;AACf,YAAMC,IAAyBC,KACzBC,IAAqBF,EAAuB;AAElD,YAAIG,IAAAD,KAAA,gBAAAA,EAAoB,WAApB,gBAAAC,EAA4B,KAAK,UAAS;AACvC,cAAA,IAAI,MAAM,4DAA4D;AAGzE,UAAA,MAAM,QAAQD,EAAmB,QAAQ,QAAQ,KAAKA,EAAmB,QAAQ,SAAS,WAAW;AAClG,cAAA,IAAI,MAAM,yCAAyC;AAGnD,MAAAP,EAAA,UAAUO,GAAoBF,CAAsB;AAAA,IAAA,CAC3D,GAEKI,EAAAT,EAAO,UAAU,MAAM;AAC5B,MAAAA,EAAO,QAAQ,QAAQ;AAAA,IAAA,GACrB;AAAA,MACF,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CD,UAAMU,IAAQR,GAMRF,IAASW,KAETC,IAAUC,EAAS,MAAM;;AACvB,aAAA;AAAA,QACN,UAAQL,IAAAR,EAAO,eAAP,gBAAAQ,EAAmB,WAAUE,EAAM;AAAA,QAC3C,eAAeA,EAAM,aAAaV,EAAO,cAAc;AAAA,MAAA;AAAA,IACxD,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICqBYc,IAAkB;AAAA,EAC9B,MAAM;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EACX;AAAA,EAEA,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACX;AAAA,EAEA,UAAU;AACX;;;;;;;;;;;AC/CA,UAAMJ,IAAQR,GAIRF,IAASW,KAKTI,IAA2B,CAACC,GAAsBC,MAAkB;AACzE,UAAI,CAAAA,EAAS,OAET;AAAA,YAAAD,EAAU,SAAS,yBAAyB;AAC/C,UAAAC,EAAS,QAAQ;AAEjB;AAAA,QACD;AAEA,QAAKjB,EAAO,aAAaU,EAAM,IAAc,MAE7CV,EAAO,cAAc,QAAQ,IAGzBgB,EAAU,oBACbC,EAAS,QAAQ,IAEjBjB,EAAO,cAAc,QAAQ;AAAA;AAAA,IAC9B;AAGG,QAAAU,EAAM,UAAU,SAAS,yBAAyB;AAC/C,YAAAO,IAAWC,EAAI,EAAK;AAE1B,MAAAC,EAAU,MAAM;AACU,QAAAJ,EAAAL,EAAM,WAAWO,CAAQ;AAAA,MAAA,CAClD;AAAA,IACF;;;;;;;;;;;;"}

package/forms/forms.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-DHMogHmw.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/forms-Dg1N8Jv3.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=forms.amd.js.map

package/forms/forms.js

@@ -1,4 +1,4 @@
-import { T as p, f as T, g as s, h as t, j as e, k as n, l as r, m as l, n as u, o as b, p as c, q as h, r as i } from "../.chunks/forms-CIeG_5LP.es.js";
+import { T as p, e as T, f as s, g as t, h as e, j as n, k as r, l, m as u, n as b, o as c, p as h, q as i } from "../.chunks/forms-FHMqYVvM.es.js";
 export {
   p as TopAvatar,
   T as TopButton,

package/formsExt/formsExt.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-DHMogHmw.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-CeoVr4RC.amd","../require/css.amd!../assets/formsExt.css"],function(Y,w,e,V,S,C,I){"use strict";if(typeof e>"u")var e=window.Vue;const N={class:"top-editArea_footer"},M=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,n=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{n("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){n("close");return}m.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(d,l)=>{const B=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>h())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(V._sfc_main$3,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[B,{disabled:!f.value}]]),e.createElementVNode("div",N,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),$={class:"top-editInput"},L=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",n.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(V._sfc_main$2,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>n.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=u=>n.value=u)}),null,16,["onKeydown","modelValue"]),n.value!==s.modelValue?(e.openBlock(),e.createBlock(V._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),K=["data-top-icon","onClick"],P={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],_=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(i,{emit:c}){const t=e.useModel(i,"modelValue"),n=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,h;(s=n.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=n.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(h=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",P)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,K))),256))],2))}}),z=(i,c,t)=>{const n=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,B;if(t&&(i.cache??=new Map,B=JSON.stringify(i.params),l=i.cache.get(B),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(b=>b.id===void 0||b.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(B,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=n.value.concat(l.result))},h=V.debounce(()=>u(),200);return{items:n,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,B=!0)=>{i&&(l.length<c||l===f&&n.value.length||(f=l,B?h():u()))}}},D={class:"top-selector2_itemMulti top-ellipsis"},F=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",D,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),G={key:0,class:"top-selector2_activeItems"},H={key:1,class:"top-selector2_activeName top-ellipsis"},U=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const c=i,t=e.useModel(i,"modelValue"),n=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=z(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(r=>o.push({...r})),o}),v=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,h=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(r))&&(g===o||g===r?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&n.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:n.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var r,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,V.Core.state.isMobile?(r=s())==null||r.close():setTimeout(()=>{var g,T,A,E;(g=s())==null||g.recalcPosition(),(E=(A=(T=s())==null?void 0:T.elPopupWidget)==null?void 0:A.querySelector("input"))==null||E.focus(),n.value&&(h.value.length||(n.value="",p.items.value=[]))})}else n.value&&(n.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const r=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[r]}}},B=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=s())==null||r.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>p.setSearchTextAndLoad(n.value)));const b=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&p.loadAppend()};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(C.TopPopup),{ref_key:"popupRef",ref:f,onOpen:r[1]||(r[1]=a=>y.value=!0),onClose:r[2]||(r[2]=a=>y.value=!1),onScrollContentList:r[3]||(r[3]=a=>o.apiRequest?b(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(F,{id:a.id,name:a.name,onDelete:B},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(C.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),h.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode(" Нет результатов ")])),_:1}))]),_:3},512))}}),W=M,J=L,R=_,j=U,X=I._sfc_main;w.TopEditArea=W,w.TopEditInput=J,w.TopMenu=X,w.TopRadioGroup=R,w.TopSelector2=j,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-Dg1N8Jv3.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-C_ND48ou.amd","../require/css.amd!../assets/formsExt.css"],function(Y,w,e,V,S,C,I){"use strict";if(typeof e>"u")var e=window.Vue;const N={class:"top-editArea_footer"},M=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,n=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{n("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){n("close");return}m.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(d,l)=>{const B=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>h())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(V._sfc_main$3,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[B,{disabled:!f.value}]]),e.createElementVNode("div",N,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),$={class:"top-editInput"},L=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",n.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(V._sfc_main$2,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>n.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=u=>n.value=u)}),null,16,["onKeydown","modelValue"]),n.value!==s.modelValue?(e.openBlock(),e.createBlock(V._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),K=["data-top-icon","onClick"],P={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],_=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(i,{emit:c}){const t=e.useModel(i,"modelValue"),n=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,h;(s=n.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=n.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(h=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",P)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,K))),256))],2))}}),z=(i,c,t)=>{const n=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,B;if(t&&(i.cache??=new Map,B=JSON.stringify(i.params),l=i.cache.get(B),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(b=>b.id===void 0||b.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(B,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=n.value.concat(l.result))},h=V.debounce(()=>u(),200);return{items:n,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,B=!0)=>{i&&(l.length<c||l===f&&n.value.length||(f=l,B?h():u()))}}},D={class:"top-selector2_itemMulti top-ellipsis"},F=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",D,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),G={key:0,class:"top-selector2_activeItems"},H={key:1,class:"top-selector2_activeName top-ellipsis"},U=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const c=i,t=e.useModel(i,"modelValue"),n=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=z(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(r=>o.push({...r})),o}),v=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,h=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(r))&&(g===o||g===r?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&n.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:n.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var r,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,V.Core.state.isMobile?(r=s())==null||r.close():setTimeout(()=>{var g,T,A,E;(g=s())==null||g.recalcPosition(),(E=(A=(T=s())==null?void 0:T.elPopupWidget)==null?void 0:A.querySelector("input"))==null||E.focus(),n.value&&(h.value.length||(n.value="",p.items.value=[]))})}else n.value&&(n.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const r=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[r]}}},B=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=s())==null||r.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>p.setSearchTextAndLoad(n.value)));const b=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&p.loadAppend()};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(C.TopPopup),{ref_key:"popupRef",ref:f,onOpen:r[1]||(r[1]=a=>y.value=!0),onClose:r[2]||(r[2]=a=>y.value=!1),onScrollContentList:r[3]||(r[3]=a=>o.apiRequest?b(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(F,{id:a.id,name:a.name,onDelete:B},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(C.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),h.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode(" Нет результатов ")])),_:1}))]),_:3},512))}}),W=M,J=L,R=_,j=U,X=I._sfc_main;w.TopEditArea=W,w.TopEditInput=J,w.TopMenu=X,w.TopRadioGroup=R,w.TopSelector2=j,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=formsExt.amd.js.map

package/formsExt/formsExt.js

@@ -1,10 +1,10 @@
 import { Core as j } from "../core/app.js";
-import { defineComponent as P, ref as T, computed as N, resolveDirective as Z, openBlock as c, createElementBlock as v, normalizeClass as S, toDisplayString as B, createCommentVNode as A, createElementVNode as K, withDirectives as X, createVNode as H, withKeys as _, withModifiers as I, createBlock as k, withCtx as C, createTextVNode as $, watch as E, toRef as q, mergeProps as J, mergeModels as z, useModel as Y, Fragment as O, renderList as G, vModelRadio as x, unref as L, renderSlot as ee } from "vue";
-import { w as te, _ as D, c as oe, s as le, C as ae } from "../.chunks/forms-CIeG_5LP.es.js";
-import { invertKeyboardLayout as se } from "../utils/keyboard.js";
-import { TopPopup as re, TopPopupWidgetInput as ne, TopPopupListItem as R } from "../popup/popup.js";
-import { _ as ie } from "../.chunks/menu.vue_vue_type_style_index_0_lang-uGV-A-kW.es.js";
-const Q = ["../assets/formsExt.css"].map((r) => import.meta.resolve(r));
+import { defineComponent as P, ref as T, computed as N, resolveDirective as Z, openBlock as c, createElementBlock as v, normalizeClass as S, toDisplayString as B, createCommentVNode as A, createElementVNode as K, withDirectives as X, createVNode as H, withKeys as _, withModifiers as I, createBlock as k, withCtx as w, createTextVNode as $, watch as E, toRef as q, mergeProps as J, mergeModels as z, useModel as Y, Fragment as O, renderList as G, vModelRadio as x, unref as L, renderSlot as ee } from "vue";
+import { v as te, _ as D, b as oe, r as le, C as ae } from "../.chunks/forms-FHMqYVvM.es.js";
+import { invertKeyboardLayout as re } from "../utils/keyboard.js";
+import { TopPopup as se, TopPopupWidgetInput as ne, TopPopupListItem as R } from "../popup/popup.js";
+import { _ as ie } from "../.chunks/menu.vue_vue_type_style_index_0_lang-BGdS1bYl.es.js";
+const Q = ["../assets/formsExt.css"].map((s) => import.meta.resolve(s));
 j.insertCSSLinkToPage(Q, !0);
 const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
   __name: "editArea",
@@ -29,8 +29,8 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     hint: {}
   },
   emits: ["submit", "close", "clickOnTitle"],
-  setup(r, { emit: d }) {
-    const e = r, a = d, m = T(e.defaultValue), f = T(e.isFocused), n = N(() => m.value !== e.defaultValue), p = N(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !n.value ? e.closeText : e.cancelText), i = (u) => {
+  setup(s, { emit: d }) {
+    const e = s, a = d, m = T(e.defaultValue), f = T(e.isFocused), n = N(() => m.value !== e.defaultValue), p = N(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !n.value ? e.closeText : e.cancelText), i = (u) => {
       a("submit", u), m.value = e.defaultValue;
     }, y = () => {
       if (e.forceShowCloseBtn && !n.value) {
@@ -92,7 +92,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
               icon: u.attachToKeyboard ? "" : "",
               onClick: y
             }, {
-              default: C(() => [
+              default: w(() => [
                 $(B(p.value), 1)
               ]),
               _: 1
@@ -103,7 +103,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
               icon: u.attachToKeyboard ? "" : "",
               onClick: o[5] || (o[5] = (h) => i(m.value))
             }, {
-              default: C(() => [
+              default: w(() => [
                 $(B(u.attachToKeyboard ? "" : u.submitText), 1)
               ]),
               _: 1
@@ -121,8 +121,8 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: d }) {
-    const e = r, a = T(e.modelValue);
+  setup(s, { emit: d }) {
+    const e = s, a = T(e.modelValue);
     E(q(e.modelValue), () => {
       a.value = e.modelValue;
     });
@@ -161,8 +161,8 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["update:modelValue"], ["update:modelValue"]),
-  setup(r, { emit: d }) {
-    const e = Y(r, "modelValue"), a = r, m = T(null);
+  setup(s, { emit: d }) {
+    const e = Y(s, "modelValue"), a = s, m = T(null);
     E(e, () => {
       var n, p, i, y, b;
       (n = a.radiosProps) != null && n.some((u) => u.value === e.value) || (e.value = ((i = (p = a.radiosProps) == null ? void 0 : p[0]) == null ? void 0 : i.value) ?? ""), (b = (y = m.value) == null ? void 0 : y.querySelector(".radioGroup_item-selected")) == null || b.scrollIntoView();
@@ -205,16 +205,16 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
       ], 10, me))), 256))
     ], 2));
   }
-}), he = (r, d, e) => {
+}), he = (s, d, e) => {
   const a = T([]), m = T(!1);
   let f = "", n;
-  r && !r.params.limit && (r.params.limit = 100);
+  s && !s.params.limit && (s.params.limit = 100);
   const p = async () => {
-    if (!r) return;
+    if (!s) return;
     let o, V;
-    if (e && (r.cache ??= /* @__PURE__ */ new Map(), V = JSON.stringify(r.params), o = r.cache.get(V), o))
+    if (e && (s.cache ??= /* @__PURE__ */ new Map(), V = JSON.stringify(s.params), o = s.cache.get(V), o))
       return o;
-    if (m.value = !0, o = await r.call(), m.value = !1, o.errors) return;
+    if (m.value = !0, o = await s.call(), m.value = !1, o.errors) return;
     if (!Array.isArray(o.result)) {
       console.warn("В result ожидался массив");
       return;
@@ -224,15 +224,15 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
       console.warn(`В result[${h}] нет id или name`);
       return;
     }
-    return e && r.cache.set(V, o), o;
+    return e && s.cache.set(V, o), o;
   }, i = async () => {
-    if (!r) return;
-    r.params.offset = 0, r.params.search = f;
+    if (!s) return;
+    s.params.offset = 0, s.params.search = f;
     const o = await p();
     o && (n = o.nextOffset, a.value = o.result);
   }, y = async () => {
-    if (!r || !n || m.value) return;
-    r.params.offset = n, r.params.search = f;
+    if (!s || !n || m.value) return;
+    s.params.offset = n, s.params.search = f;
     const o = await p();
     o && (n = o.nextOffset, a.value = a.value.concat(o.result));
   }, b = le(() => i(), 200);
@@ -241,7 +241,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     isLoading: m,
     loadAppend: y,
     setSearchTextAndLoad: (o, V = !0) => {
-      r && (o.length < d || o === f && a.value.length || (f = o, V ? b() : i()));
+      s && (o.length < d || o === f && a.value.length || (f = o, V ? b() : i()));
     }
   };
 }, be = { class: "top-selector2_itemMulti top-ellipsis" }, ge = /* @__PURE__ */ P({
@@ -251,7 +251,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     name: {}
   },
   emits: ["delete"],
-  setup(r) {
+  setup(s) {
     return (d, e) => (c(), v("div", be, [
       $(B(d.name) + " ", 1),
       K("span", {
@@ -291,8 +291,8 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const d = r, e = Y(r, "modelValue"), a = T(""), m = {
+  setup(s) {
+    const d = s, e = Y(s, "modelValue"), a = T(""), m = {
       id: 0,
       name: "Все"
     }, f = T(null), n = () => {
@@ -308,57 +308,57 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
     );
     const p = he(d.apiRequest, d.minLength, d.useCache), i = N(() => {
       const t = [];
-      return !d.multiselect && d.appendAllValue && t.push(m), d.items.forEach((s) => t.push({ ...s })), t;
-    }), y = (t, s = !0) => s && t.id === null ? Array.isArray(e.value) ? e.value.some((l) => l.id === t.id && l.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((l) => l.id === t.id) : t.id === e.value.id, b = N(() => {
-      const t = a.value.toLowerCase(), s = se(t);
+      return !d.multiselect && d.appendAllValue && t.push(m), d.items.forEach((r) => t.push({ ...r })), t;
+    }), y = (t, r = !0) => r && t.id === null ? Array.isArray(e.value) ? e.value.some((l) => l.id === t.id && l.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((l) => l.id === t.id) : t.id === e.value.id, b = N(() => {
+      const t = a.value.toLowerCase(), r = re(t);
       let l = [];
       return i.value.forEach((g) => {
-        const w = g.name.toLowerCase();
-        (g.id === Number(t) || w.includes(t) || w.includes(s)) && (w === t || w === s ? l.unshift(g) : l.push(g));
+        const C = g.name.toLowerCase();
+        (g.id === Number(t) || C.includes(t) || C.includes(r)) && (C === t || C === r ? l.unshift(g) : l.push(g));
       }), l.push(...p.items.value), d.appendSearchToResult && a.value && (!l.length || l[0].name.toLowerCase() !== t) && l.push({
         id: null,
         name: a.value
       }), d.multiselect && (l = l.filter((g) => !y(g))), l;
     }), u = async (t) => {
-      var s, l;
+      var r, l;
       if (d.multiselect) {
         if (!Array.isArray(e.value) || y(t))
           return;
         const g = [...e.value];
-        g.push({ ...t }), e.value = g, ae.state.isMobile ? (s = n()) == null || s.close() : setTimeout(() => {
-          var w, F, U, W;
-          (w = n()) == null || w.recalcPosition(), (W = (U = (F = n()) == null ? void 0 : F.elPopupWidget) == null ? void 0 : U.querySelector("input")) == null || W.focus(), a.value && (b.value.length || (a.value = "", p.items.value = []));
+        g.push({ ...t }), e.value = g, ae.state.isMobile ? (r = n()) == null || r.close() : setTimeout(() => {
+          var C, F, U, W;
+          (C = n()) == null || C.recalcPosition(), (W = (U = (F = n()) == null ? void 0 : F.elPopupWidget) == null ? void 0 : U.querySelector("input")) == null || W.focus(), a.value && (b.value.length || (a.value = "", p.items.value = []));
         });
       } else
         a.value && (a.value = "", p.items.value = []), JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (l = n()) == null || l.close();
     }, o = () => {
       if (!Array.isArray(e.value)) {
-        const s = (i.value.findIndex((l) => l.id === e.value.id) + 1) % i.value.length;
-        e.value = { ...i.value[s] };
+        const r = (i.value.findIndex((l) => l.id === e.value.id) + 1) % i.value.length;
+        e.value = { ...i.value[r] };
       }
     }, V = async (t) => {
-      Array.isArray(e.value) && (e.value = e.value.filter((s) => s.id !== t), setTimeout(() => {
-        var s;
-        (s = n()) == null || s.recalcPosition();
+      Array.isArray(e.value) && (e.value = e.value.filter((r) => r.id !== t), setTimeout(() => {
+        var r;
+        (r = n()) == null || r.recalcPosition();
       }));
     }, h = T(!1);
     d.apiRequest && (E(h, () => {
       h.value && p.setSearchTextAndLoad(a.value, !1);
     }), E(a, () => p.setSearchTextAndLoad(a.value)));
     const M = (t) => {
-      const s = t.target;
-      s.scrollTop / (s.scrollHeight - s.offsetHeight) > 0.8 && p.loadAppend();
+      const r = t.target;
+      r.scrollTop / (r.scrollHeight - r.offsetHeight) > 0.8 && p.loadAppend();
     };
-    return (t, s) => (c(), k(L(re), {
+    return (t, r) => (c(), k(L(se), {
       ref_key: "popupRef",
       ref: f,
-      onOpen: s[1] || (s[1] = (l) => h.value = !0),
-      onClose: s[2] || (s[2] = (l) => h.value = !1),
-      onScrollContentList: s[3] || (s[3] = (l) => t.apiRequest ? M(l) : void 0),
+      onOpen: r[1] || (r[1] = (l) => h.value = !0),
+      onClose: r[2] || (r[2] = (l) => h.value = !1),
+      onScrollContentList: r[3] || (r[3] = (l) => t.apiRequest ? M(l) : void 0),
       notch: !1,
       transitionDuration: 0
     }, {
-      opener: C(() => [
+      opener: w(() => [
         K("div", {
           class: S({
             "top-selector2": !0,
@@ -384,17 +384,17 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
           })) : A("", !0)
         ], 2)
       ]),
-      widget: C(() => [
+      widget: w(() => [
         H(L(ne), {
           title: "Поиск",
           icon: "",
           modelValue: a.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => a.value = l),
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => a.value = l),
           isLoading: L(p).isLoading.value,
           placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
         }, null, 8, ["modelValue", "isLoading", "placeholder"])
       ]),
-      contentList: C(() => [
+      contentList: w(() => [
         (c(!0), v(O, null, G(b.value, (l) => (c(), k(L(R), {
           class: S({
             "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === l.name
@@ -402,7 +402,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
           key: l.id ?? void 0,
           onClick: I((g) => u(l), ["stop"])
         }, {
-          default: C(() => [
+          default: w(() => [
             t.$slots.item ? ee(t.$slots, "item", {
               key: 0,
               item: l
@@ -416,7 +416,7 @@ const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({
           key: 0,
           type: "regular"
         }, {
-          default: C(() => s[4] || (s[4] = [
+          default: w(() => r[4] || (r[4] = [
             $(" Нет результатов ")
           ])),
           _: 1

package/jquery-ui.min.css

@@ -0,0 +1,6 @@
+/*! jQuery UI - v1.13.1 - 2022-04-12
+* http://jqueryui.com
+* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, slider.css, tooltip.css
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialotop-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialotop-buttonpane .ui-dialotop-buttonset{float:right}.ui-dialog .ui-dialotop-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@topvisor/ui",
 	"private": false,
-	"version": "1.0.12-jquery",
+	"version": "1.0.13",
 	"type": "module",
 	"description": "Topvisor UI-kit Vue",
 	"author": "Topvisor",

package/popup/popup.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-DQXATE8-.amd","vue","../.chunks/forms-DHMogHmw.amd","../require/css.amd!../assets/popup.css"],function(h,p,f,e,c){"use strict";if(typeof e>"u")var e=window.Vue;const $=e.defineComponent({__name:"widgetInput",props:e.mergeModels({modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean,default:!0},title:{},captionType:{}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(u){const d=e.useModel(u,"modelValue");return(r,o)=>(e.openBlock(),e.createBlock(c._sfc_main$2,e.mergeProps(r.$props,{modificator:"popupWidgetInput",modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=l=>d.value=l)}),null,16,["modelValue"]))}}),S=e.defineComponent({__name:"alert",props:{submitText:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList"],setup(u){const r={...u,submitText:void 0};return delete r.submitText,(o,l)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupAlert"},r,{onOpen:l[0]||(l[0]=s=>o.$emit("open",s)),onClose:l[1]||(l[1]=s=>o.$emit("close",s)),onScrollContentList:l[2]||(l[2]=(...s)=>o.$emit("scrollContentList",...s))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"footer"),e.createVNode(c._sfc_main,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.submitText||o.$i18n.Common.Close),1)]),_:1})]),_:2},[o.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"header")]),key:"0"}:void 0,o.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),key:"1"}:void 0]),1040))}}),y=e.defineComponent({__name:"confirm",props:{cancelText:{},submitText:{},isWarning:{type:Boolean},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const r=u,o=d,l=e.ref(!1),s=()=>{l.value=!0,o("submit")},C=n=>{if(l.value){l.value=!1;return}o("close",n)},T={...r,submitText:void 0,cancelText:void 0,isWarning:void 0};return delete T.submitText,delete T.cancelText,delete T.isWarning,(n,i)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupConfirm"},T,{onOpen:i[0]||(i[0]=t=>n.$emit("open",t)),onClose:i[1]||(i[1]=t=>C(t)),onScrollContentList:i[2]||(i[2]=(...t)=>n.$emit("scrollContentList",...t))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(n.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(n.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.cancelText||n.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:s,color:n.isWarning?"red":"blue"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.submitText||n.$i18n.Common.Continue),1)]),_:1},8,["color"])]),_:2},[n.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),key:"0"}:void 0,n.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1040))}}),V=e.defineComponent({__name:"prompt",props:{submitText:{},cancelText:{},defaultValue:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const r=u,o=d,l=()=>C.value=r.defaultValue??"",s=e.ref(!1),C=e.ref();e.watch(()=>r.defaultValue,()=>l(),{immediate:!0});const T=()=>{s.value=!0},n=t=>{if(s.value){s.value=!1,o("submit",C.value),l();return}l(),o("close",t)},i={...r,submitText:void 0,cancelText:void 0,defaultValue:void 0};return delete i.submitText,delete i.cancelText,delete i.defaultValue,(t,a)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupPrompt"},i,{onOpen:a[1]||(a[1]=m=>t.$emit("open",m)),onClose:a[2]||(a[2]=m=>n(m)),onScrollContentList:a[3]||(a[3]=(...m)=>t.$emit("scrollContentList",...m))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(t.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText||t.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:T},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.submitText||t.$i18n.Common.OK),1)]),_:1})]),_:2},[t.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"header")]),key:"0"}:void 0,t.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.createVNode($,{modelValue:C.value,"onUpdate:modelValue":a[0]||(a[0]=m=>C.value=m),modelModifiers:{trim:!0}},null,8,["modelValue"])]),key:"1"}:void 0]),1040))}}),B=f._sfc_main,v=f._sfc_main$1,P=f._sfc_main$2,b=$,k=S,w=y,g=V;p.TopPopup=B,p.TopPopupAlert=k,p.TopPopupConfirm=w,p.TopPopupListItem=P,p.TopPopupOpener=v,p.TopPopupPrompt=g,p.TopPopupWidgetInput=b,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-tzOQcPs_.amd","vue","../.chunks/forms-Dg1N8Jv3.amd","../require/css.amd!../assets/popup.css"],function(h,p,f,e,c){"use strict";if(typeof e>"u")var e=window.Vue;const $=e.defineComponent({__name:"widgetInput",props:e.mergeModels({modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean,default:!0},title:{},captionType:{}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(u){const d=e.useModel(u,"modelValue");return(r,o)=>(e.openBlock(),e.createBlock(c._sfc_main$2,e.mergeProps(r.$props,{modificator:"popupWidgetInput",modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=l=>d.value=l)}),null,16,["modelValue"]))}}),S=e.defineComponent({__name:"alert",props:{submitText:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList"],setup(u){const r={...u,submitText:void 0};return delete r.submitText,(o,l)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupAlert"},r,{onOpen:l[0]||(l[0]=s=>o.$emit("open",s)),onClose:l[1]||(l[1]=s=>o.$emit("close",s)),onScrollContentList:l[2]||(l[2]=(...s)=>o.$emit("scrollContentList",...s))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"footer"),e.createVNode(c._sfc_main,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.submitText||o.$i18n.Common.Close),1)]),_:1})]),_:2},[o.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"header")]),key:"0"}:void 0,o.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),key:"1"}:void 0]),1040))}}),y=e.defineComponent({__name:"confirm",props:{cancelText:{},submitText:{},isWarning:{type:Boolean},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const r=u,o=d,l=e.ref(!1),s=()=>{l.value=!0,o("submit")},C=n=>{if(l.value){l.value=!1;return}o("close",n)},T={...r,submitText:void 0,cancelText:void 0,isWarning:void 0};return delete T.submitText,delete T.cancelText,delete T.isWarning,(n,i)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupConfirm"},T,{onOpen:i[0]||(i[0]=t=>n.$emit("open",t)),onClose:i[1]||(i[1]=t=>C(t)),onScrollContentList:i[2]||(i[2]=(...t)=>n.$emit("scrollContentList",...t))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(n.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(n.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.cancelText||n.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:s,color:n.isWarning?"red":"blue"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.submitText||n.$i18n.Common.Continue),1)]),_:1},8,["color"])]),_:2},[n.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),key:"0"}:void 0,n.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1040))}}),V=e.defineComponent({__name:"prompt",props:{submitText:{},cancelText:{},defaultValue:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const r=u,o=d,l=()=>C.value=r.defaultValue??"",s=e.ref(!1),C=e.ref();e.watch(()=>r.defaultValue,()=>l(),{immediate:!0});const T=()=>{s.value=!0},n=t=>{if(s.value){s.value=!1,o("submit",C.value),l();return}l(),o("close",t)},i={...r,submitText:void 0,cancelText:void 0,defaultValue:void 0};return delete i.submitText,delete i.cancelText,delete i.defaultValue,(t,a)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupPrompt"},i,{onOpen:a[1]||(a[1]=m=>t.$emit("open",m)),onClose:a[2]||(a[2]=m=>n(m)),onScrollContentList:a[3]||(a[3]=(...m)=>t.$emit("scrollContentList",...m))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(t.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText||t.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:T},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.submitText||t.$i18n.Common.OK),1)]),_:1})]),_:2},[t.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"header")]),key:"0"}:void 0,t.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.createVNode($,{modelValue:C.value,"onUpdate:modelValue":a[0]||(a[0]=m=>C.value=m),modelModifiers:{trim:!0}},null,8,["modelValue"])]),key:"1"}:void 0]),1040))}}),B=f._sfc_main,v=f._sfc_main$1,P=f._sfc_main$2,b=$,k=S,w=y,g=V;p.TopPopup=B,p.TopPopupAlert=k,p.TopPopupConfirm=w,p.TopPopupListItem=P,p.TopPopupOpener=v,p.TopPopupPrompt=g,p.TopPopupWidgetInput=b,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=popup.amd.js.map

package/popup/popup.js

@@ -1,7 +1,7 @@
 import { Core as g } from "../core/app.js";
-import { _ as y, a as O, b as D } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Gofkt4lj.es.js";
+import { _ as y, a as O, b as D } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CuWOLCGe.es.js";
 import { defineComponent as b, mergeModels as I, useModel as M, openBlock as B, createBlock as V, mergeProps as S, createSlots as k, withCtx as n, renderSlot as l, createVNode as c, createTextVNode as C, toDisplayString as T, ref as L, watch as w } from "vue";
-import { c as H, _ as v } from "../.chunks/forms-CIeG_5LP.es.js";
+import { b as H, _ as v } from "../.chunks/forms-FHMqYVvM.es.js";
 const W = ["../assets/popup.css"].map((a) => import.meta.resolve(a));
 g.insertCSSLinkToPage(W, !0);
 const P = /* @__PURE__ */ b({