@topvisor/ui 1.5.0-updates.0 → 1.5.0-updates.10

package/formsExt/formsExt.js

@@ -1,373 +1,2 @@
-import { defineComponent as y, ref as w, computed as F, openBlock as i, createElementBlock as c, normalizeClass as V, renderSlot as h, createTextVNode as b, toDisplayString as f, createCommentVNode as $, createElementVNode as k, createVNode as z, withKeys as B, withModifiers as g, createBlock as v, createSlots as E, withCtx as p, watch as K, mergeProps as M, useModel as A, Fragment as G, renderList as S, mergeModels as C, unref as L } from "vue";
-import { g as N, e as I, _ as U, h as q, j as D } from "../.chunks/forms-DtC-EKJL.es.js";
-import { I as ne, a as re, _ as ue, b as de, c as ce } from "../.chunks/policy.vue_vue_type_style_index_0_lang-Bv3LwNDC.es.js";
-const O = { class: "top-editArea_footer" }, _ = /* @__PURE__ */ y({
-  __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: {},
-    styling: {},
-    rows: {},
-    minHeight: {},
-    expandable: { type: Boolean, default: !0 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    isError: { type: Boolean },
-    hint: {},
-    maxLength: {}
-  },
-  emits: ["submit", "close", "clickOnTitle"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, s = w(t.defaultValue), r = w(t.isFocused), n = F(() => s.value !== t.defaultValue), l = (m) => {
-      a("submit", m), s.value = t.defaultValue;
-    }, d = () => {
-      if (t.forceShowCloseBtn && !n.value) {
-        a("close");
-        return;
-      }
-      s.value = t.defaultValue;
-    }, x = () => {
-      t.attachToKeyboard && a("clickOnTitle");
-    };
-    return (m, u) => (i(), c("div", {
-      class: V({
-        "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": e.attachToKeyboard
-      })
-    }, [
-      e.title || m.$slots.caption ? (i(), c("div", {
-        key: 0,
-        class: "top-editArea_caption",
-        onClick: u[0] || (u[0] = (T) => x())
-      }, [
-        h(m.$slots, "caption", {}, () => [
-          b(f(e.title), 1)
-        ])
-      ])) : $("", !0),
-      k("div", {
-        class: V({
-          "top-editArea_form": !0,
-          "top-forms-focusable": !0,
-          "top-as-input": !0,
-          "top-error": e.isError,
-          "top-focus": r.value
-        })
-      }, [
-        z(N, {
-          modelValue: s.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (T) => s.value = T),
-          name: e.name,
-          placeholder: e.placeholder,
-          rows: e.rows,
-          minHeight: e.minHeight,
-          expandable: e.expandable,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          isError: e.isError,
-          hint: e.hint,
-          class: "top-editArea_element",
-          onFocus: u[2] || (u[2] = () => r.value = !0),
-          onBlur: u[3] || (u[3] = () => r.value = !1),
-          onKeyup: [
-            B(d, ["esc"]),
-            u[4] || (u[4] = B(g((T) => l(s.value), ["ctrl"]), ["enter"]))
-          ]
-        }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        k("div", O, [
-          n.value || e.forceShowCloseBtn ? (i(), v(I, {
-            key: 0,
-            icon: m.$core.state.isMobile ? "" : "",
-            class: "top-editArea_button",
-            color: "theme",
-            styling: "soft",
-            onClick: d
-          }, E({ _: 2 }, [
-            m.$core.state.isMobile ? void 0 : {
-              name: "default",
-              fn: p(() => [
-                b(f(e.cancelText), 1)
-              ]),
-              key: "0"
-            }
-          ]), 1032, ["icon"])) : $("", !0),
-          n.value ? (i(), v(I, {
-            key: 1,
-            class: "top-editArea_button",
-            icon: m.$core.state.isMobile ? "" : "",
-            onClick: u[5] || (u[5] = (T) => l(s.value))
-          }, E({ _: 2 }, [
-            m.$core.state.isMobile ? void 0 : {
-              name: "default",
-              fn: p(() => [
-                b(f(e.submitText), 1)
-              ]),
-              key: "0"
-            }
-          ]), 1032, ["icon"])) : $("", !0)
-        ])
-      ], 2)
-    ], 2));
-  }
-}), P = { class: "top-editInput" }, ee = /* @__PURE__ */ y({
-  __name: "editInput",
-  props: {
-    modelValue: {},
-    alwaysShowSubmitBtn: { type: Boolean },
-    input: {},
-    button: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const t = e, a = w(t.modelValue);
-    K(() => t.modelValue, () => {
-      a.value = t.modelValue;
-    });
-    const s = o, r = () => {
-      s("update:modelValue", a.value);
-    };
-    return (n, l) => (i(), c("div", P, [
-      z(U, M(e.input, {
-        onKeydownCapture: l[0] || (l[0] = B(g((d) => a.value = e.modelValue, ["stop"]), ["esc"])),
-        onKeydown: B(g(r, ["stop"]), ["enter"]),
-        modelValue: a.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (d) => a.value = d)
-      }), E({ _: 2 }, [
-        n.$slots.caption ? {
-          name: "caption",
-          fn: p(() => [
-            h(n.$slots, "caption")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["onKeydown", "modelValue"]),
-      a.value !== e.modelValue || e.alwaysShowSubmitBtn ? (i(), v(I, M({
-        key: 0,
-        icon: "",
-        styling: "soft"
-      }, e.button, { onClick: r }), null, 16)) : $("", !0)
-    ]));
-  }
-}), H = /* @__PURE__ */ y({
-  __name: "optionGroup",
-  props: /* @__PURE__ */ C({
-    modelValue: {},
-    items: {},
-    size: { default: "s" },
-    showIndicator: { type: Boolean },
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const o = A(e, "modelValue"), t = e, a = w(null);
-    K(o, () => {
-      const r = t.items.map((n) => n.value);
-      Array.isArray(o.value) ? o.value.find((l) => !r.includes(l)) && (o.value = o.value.filter((l) => r.includes(l))) : r.includes(o.value) || (o.value = r[0] ?? ""), a.value?.querySelector(".radioGroup_item-selected")?.scrollIntoView();
-    }, { immediate: !0 });
-    const s = "optionGroup-" + Math.random();
-    return (r, n) => (i(), c("div", {
-      ref_key: "elRef",
-      ref: a,
-      class: V({
-        "top-optionGroup": !0,
-        ["top-optionGroup-showIndicator_" + Number(e.showIndicator)]: !0,
-        "top-scrollBarXHidding": !0,
-        ["top-size_" + e.size]: !!e.size,
-        "top-error": e.isError
-      })
-    }, [
-      Array.isArray(o.value) ? (i(!0), c(G, { key: 0 }, S(e.items, (l) => (i(), v(q, {
-        class: V({
-          "top-optionGroup_item-selected": o.value.includes(l.value),
-          "top-optionGroup_item": !0
-        }),
-        modelValue: o.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d),
-        value: l.value,
-        title: l.title,
-        disabled: l.disabled,
-        isError: e.isError,
-        "data-top-icon": l.icon
-      }, E({ _: 2 }, [
-        l.label ? {
-          name: "default",
-          fn: p(() => [
-            b(f(l.label), 1)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256)) : (i(!0), c(G, { key: 1 }, S(e.items, (l) => (i(), v(D, {
-        class: V({
-          "top-optionGroup_item-selected": l.value === o.value,
-          "top-optionGroup_item": !0
-        }),
-        modelValue: o.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (d) => o.value = d),
-        name: s,
-        value: l.value,
-        title: l.title,
-        disabled: l.disabled,
-        isError: e.isError,
-        "data-top-icon": l.icon
-      }, E({ _: 2 }, [
-        l.label ? {
-          name: "default",
-          fn: p(() => [
-            b(f(l.label), 1)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["class", "modelValue", "value", "title", "disabled", "isError", "data-top-icon"]))), 256))
-    ], 2));
-  }
-}), oe = /* @__PURE__ */ y({
-  __name: "radioGroup",
-  props: /* @__PURE__ */ C({
-    modelValue: {},
-    items: {},
-    size: {},
-    showIndicator: { type: Boolean },
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const o = A(e, "modelValue");
-    return (t, a) => (i(), v(H, {
-      class: "top-radioGroup",
-      modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s),
-      items: t.$props.items,
-      size: t.$props.size,
-      showIndicator: t.$props.showIndicator,
-      isError: t.$props.isError
-    }, {
-      default: p(() => [
-        h(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
-  }
-}), te = /* @__PURE__ */ y({
-  __name: "checkboxGroup",
-  props: /* @__PURE__ */ C({
-    modelValue: {},
-    items: {},
-    size: {},
-    showIndicator: { type: Boolean },
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const o = A(e, "modelValue");
-    return (t, a) => (i(), v(H, {
-      class: "top-checkboxGroup",
-      modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s),
-      items: t.$props.items,
-      size: t.$props.size,
-      showIndicator: t.$props.showIndicator,
-      isError: t.$props.isError
-    }, {
-      default: p(() => [
-        h(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["modelValue", "items", "size", "showIndicator", "isError"]));
-  }
-}), R = ["data-top-icon"], W = { class: "top-info_text" }, j = {
-  key: 0,
-  class: "top-info_value"
-}, le = /* @__PURE__ */ y({
-  __name: "info",
-  props: {
-    icon: {},
-    styling: { default: "default" },
-    size: { default: "default" }
-  },
-  setup(e) {
-    return (o, t) => (i(), c("div", {
-      class: V({
-        "top-info": !0,
-        ["top-size_" + e.size]: !0,
-        ["top-info-styling_" + e.styling]: !0
-      }),
-      "data-top-icon": e.icon
-    }, [
-      k("div", W, [
-        h(o.$slots, "default")
-      ]),
-      o.$slots.additional ? (i(), c("span", j, [
-        h(o.$slots, "additional")
-      ])) : $("", !0)
-    ], 10, R));
-  }
-}), X = {
-  key: 0,
-  class: "top-policy"
-}, J = { class: "top-policy_title" }, Q = ["innerHTML"], ae = /* @__PURE__ */ y({
-  __name: "policy",
-  props: {
-    title: {},
-    description: {},
-    acceptText: {}
-  },
-  emits: ["accept"],
-  setup(e, { emit: o }) {
-    const t = o, a = w(!0), s = () => {
-      a.value = !1, t("accept");
-    };
-    return (r, n) => a.value ? (i(), c("div", X, [
-      k("div", J, f(e.title), 1),
-      k("div", {
-        class: "top-policy_description",
-        innerHTML: e.description
-      }, null, 8, Q),
-      z(L(I), {
-        size: "m",
-        onClick: s
-      }, {
-        default: p(() => [
-          b(f(e.acceptText), 1)
-        ]),
-        _: 1
-      })
-    ])) : $("", !0);
-  }
-});
-export {
-  ne as ITEM_ID_ALL,
-  re as ITEM_ID_NEW,
-  te as TopCheckboxGroup,
-  _ as TopEditArea,
-  ee as TopEditInput,
-  le as TopInfo,
-  ue as TopMenu,
-  ae as TopPolicy,
-  oe as TopRadioGroup,
-  de as TopSelector2,
-  ce as apiSetSearchParamsFilter
-};
-//# sourceMappingURL=formsExt.js.map
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../.chunks/formsExt-CrTmBhja.esm.js";
+export { t as ITEM_ID_ALL, i as ITEM_ID_NEW, s as TopCheckboxGroup, o as TopEditArea, e as TopEditInput, a as TopInfo, n as TopMenu, l as TopPolicy, r as TopRadioGroup, c as TopSelector2, u as apiSetSearchParamsFilter };