@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/legendlist/index.es.js

@@ -0,0 +1,33 @@
+import { defineComponent as a, createElementBlock as n, openBlock as t, normalizeClass as d, createCommentVNode as l, createBlock as r, toDisplayString as o } from "vue";
+import { _ as i } from "../button/index.es.js";
+const c = { key: 0 }, p = { key: 1 }, m = { key: 2 }, u = { key: 3 }, k = /* @__PURE__ */ a({
+  __name: "LegendList",
+  props: {
+    legend: {},
+    priorityValue: { default: void 0 },
+    bold: { type: Boolean, default: !1 }
+  },
+  setup(s) {
+    const e = s;
+    return (_, g) => (t(), n("div", {
+      class: d([
+        "flex items-center gap-2 text-xs leading-4",
+        { "font-semibold": e.bold }
+      ]),
+      "data-wv-section": "detailtask-legend-list"
+    }, [
+      e.legend.process ? (t(), n("span", c, o(e.legend.process.name) + ". ", 1)) : l("", !0),
+      e.legend.module ? (t(), n("span", p, o(e.legend.module.name) + ". ", 1)) : l("", !0),
+      e.legend.subModule ? (t(), n("span", m, o(e.legend.subModule.name) + ". ", 1)) : l("", !0),
+      e.legend.title ?? e.legend.name ? (t(), n("span", u, o(e.legend.title ?? e.legend.name), 1)) : l("", !0),
+      e.priorityValue ? (t(), r(i, {
+        key: 4,
+        label: e.priorityValue.toString(),
+        class: "!min-w-8 !cursor-default !pointer-events-none"
+      }, null, 8, ["label"])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  k as _
+};

package/{components/litedropdown/LiteDropdown.vue.d.ts → litedropdown/index.d.ts}

@@ -1,4 +1,4 @@
-import { Option, OptionValue } from '../../components/dropdown/Dropdown.vue.d';
+import { Option, OptionValue } from '../dropdown';
 
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 

package/litedropdown/index.es.js

@@ -0,0 +1,102 @@
+import { defineComponent as w, mergeModels as u, inject as g, useModel as y, shallowRef as V, createBlock as h, openBlock as b, withCtx as l, createVNode as n, unref as c, mergeProps as v, createSlots as B, normalizeClass as x, renderSlot as $ } from "vue";
+import { s as S } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as C } from "../fieldwrapper/index.es.js";
+import { _ as s } from "../icon/index.es.js";
+const M = /* @__PURE__ */ w({
+  __name: "LiteDropdown",
+  props: /* @__PURE__ */ u({
+    modelValue: { type: [String, Number, Boolean, Object] },
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    mandatory: { type: Boolean },
+    placeholder: { default: "Pilih data" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    filter: { type: Boolean, default: !0 },
+    filterPlaceholder: { default: "Cari" }
+  }, {
+    modelValue: { type: [String, Number, Boolean, Object], required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["update:modelValue", "show", "change"], ["update:modelValue"]),
+  setup(i) {
+    const f = g("preset", {}).dropdown, d = y(i, "modelValue"), t = i, r = V(!1);
+    return (a, o) => (b(), h(C, {
+      mandatory: t.mandatory
+    }, {
+      default: l(() => [
+        n(c(S), v(t, {
+          modelValue: d.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (e) => d.value = e),
+          placeholder: t.loading ? "Loading..." : t.placeholder,
+          pt: {
+            root: ({ state: e, props: p }) => {
+              var m;
+              return {
+                class: [
+                  ...(m = c(f)) == null ? void 0 : m.root({ state: e, props: p }).class,
+                  "text-base",
+                  {
+                    "cursor-pointer": !p.disabled
+                  }
+                ],
+                "data-wv-name": "litedropdown"
+              };
+            },
+            input: ({ props: e }) => ({
+              class: [
+                "!font-semibold",
+                {
+                  "!text-general-200": e.modelValue == null,
+                  "!text-grayscale-900": e.modelValue != null
+                }
+              ]
+            })
+          },
+          onChange: o[1] || (o[1] = (e) => a.$emit("change", e)),
+          onHide: o[2] || (o[2] = (e) => r.value = !1),
+          onShow: o[3] || (o[3] = () => {
+            a.$emit("show"), r.value = !0;
+          }),
+          class: "!w-fit"
+        }), B({
+          dropdownicon: l(() => [
+            n(s, {
+              class: x([
+                "!w-6 !h-6 !transition-transform !text-general-500",
+                { "rotate-180": r.value }
+              ]),
+              icon: "arrow-drop-down"
+            }, null, 8, ["class"])
+          ]),
+          loadingicon: l(() => [
+            n(s, {
+              class: "text-xs animate-spin duration-200",
+              icon: "spinner"
+            })
+          ]),
+          filtericon: l(() => [
+            n(s, {
+              class: "text-xs w-6 h-6",
+              icon: "search-line"
+            })
+          ]),
+          _: 2
+        }, [
+          a.$slots.option ? {
+            name: "option",
+            fn: l(({ option: e }) => [
+              $(a.$slots, "option", { option: e })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder", "pt"])
+      ]),
+      _: 3
+    }, 8, ["mandatory"]));
+  }
+});
+export {
+  M as _
+};

package/loading/index.es.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, createBlock as i, createCommentVNode as m, unref as o, openBlock as s, Teleport as d, createElementVNode as p, mergeProps as a, createVNode as l, createTextVNode as c, toDisplayString as g } from "vue";
+import { u as _ } from "../apiitem/index.es.js";
+import { _ as u } from "../animation/index.es.js";
+const k = /* @__PURE__ */ r({
+  __name: "Loading",
+  setup(f) {
+    const { loading: t, message: n } = _();
+    return (e, v) => o(t) ? (s(), i(d, {
+      key: 0,
+      to: "body"
+    }, [
+      p("div", a(e.$preset.loading.root, {
+        "data-wv-name": "loading-overlay",
+        "data-wv-section": "overlay"
+      }), [
+        l(u, a({ animation: "loading-page" }, e.$preset.loading.animation), null, 16),
+        c(" " + g(o(n)), 1)
+      ], 16)
+    ])) : m("", !0);
+  }
+});
+export {
+  k as _
+};

package/mentionlist/index.es.js

@@ -0,0 +1,58 @@
+import { defineComponent as g, shallowRef as v, watch as y, createElementBlock as l, openBlock as s, Fragment as k, renderList as w, normalizeClass as x, createVNode as b, createElementVNode as a, toDisplayString as u } from "vue";
+import { _ as C } from "../username/index.es.js";
+const N = { class: "bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative" }, D = ["onClick"], E = { class: "flex flex-col gap-[1px]" }, H = { class: "!text-[10px] !font-light" }, P = {
+  key: 1,
+  class: "text-xs font-semibold"
+}, I = /* @__PURE__ */ g({
+  __name: "MentionList",
+  props: {
+    items: {},
+    command: { type: Function }
+  },
+  setup(d, { expose: m }) {
+    const o = d, t = v(0), p = (e) => e.key === "ArrowUp" ? (f(), !0) : e.key === "ArrowDown" ? (_(), !0) : e.key === "Enter" ? (h(), !0) : !1, f = () => {
+      t.value = (t.value + o.items.length - 1) % o.items.length;
+    }, _ = () => {
+      t.value = (t.value + 1) % o.items.length;
+    }, h = () => {
+      c(t.value);
+    }, c = (e) => {
+      const r = o.items[e];
+      r && o.command({
+        id: r.id,
+        label: r.label
+      });
+    };
+    return m({
+      onKeyDown: p
+    }), y(
+      () => o.items,
+      () => {
+        t.value = 0;
+      }
+    ), (e, r) => (s(), l("div", N, [
+      e.items.length ? (s(!0), l(k, { key: 0 }, w(e.items, (n, i) => (s(), l("div", {
+        key: i,
+        class: x({
+          "hover:bg-gray-100 flex": !0,
+          "!bg-gray-100 ": i === t.value
+        }),
+        onClick: (A) => c(i)
+      }, [
+        b(C, {
+          user: {
+            profilePicture: n.profilePicture
+          },
+          "profile-picture-field": "profilePicture"
+        }, null, 8, ["user"]),
+        a("div", E, [
+          a("p", null, u(n.label), 1),
+          a("p", H, u(n.nickName), 1)
+        ])
+      ], 10, D))), 128)) : (s(), l("div", P, "No result"))
+    ]));
+  }
+});
+export {
+  I as _
+};

package/mentionsection/index.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as m, onMounted as x, shallowRef as b, ref as i, watch as d, createBlock as v, openBlock as p, unref as f, withCtx as y, createElementVNode as a, createElementBlock as _, createCommentVNode as g, createTextVNode as T, toDisplayString as u, normalizeClass as w } from "vue";
+import { n as V, N as k } from "../vendor/@tiptap/vue-3/dist/index.es.js";
+const N = { class: "flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4" }, B = { class: "!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md" }, C = {
+  key: 0,
+  class: "absolute top-[45%] px-4 text-gray-400"
+}, E = ["contenteditable"], P = /* @__PURE__ */ m({
+  __name: "MentionSection",
+  props: V,
+  setup(c) {
+    const o = c;
+    x(() => {
+      r.value = o.editor.isEditable;
+    });
+    const l = i(o.node.attrs.title), s = i(o.node.attrs.bodyText), r = b(!0);
+    return d(l, () => {
+      o.updateAttributes({ title: l.value });
+    }), d(s, () => {
+      o.updateAttributes({ bodyText: s.value });
+    }), (h, e) => (p(), v(f(k), null, {
+      default: y(() => [
+        a("div", N, [
+          a("p", B, [
+            e[3] || (e[3] = a("span", { class: "text-xs" }, "#", -1)),
+            T(u(l.value), 1)
+          ]),
+          r.value ? (p(), _("span", C, " Tuliskan sebuah pesan ")) : g("", !0),
+          a("span", {
+            class: w([
+              "p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "
+            ]),
+            contenteditable: o.editor.isEditable,
+            onBlur: e[0] || (e[0] = (n) => {
+              const t = n.target.innerText;
+              s.value = t, r.value = t === "" || t === `
+`;
+            }),
+            onFocus: e[1] || (e[1] = (n) => r.value = !1),
+            onKeyup: e[2] || (e[2] = (n) => {
+              const t = n.target.innerText;
+              console.log(t), r.value = t === "" || t === `
+`;
+            })
+          }, u(s.value), 41, E)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  P as _
+};

package/menu/index.es.js

@@ -0,0 +1,73 @@
+import { defineComponent as b, ref as w, createBlock as B, openBlock as g, unref as s, mergeProps as x, createSlots as M, withCtx as p, createVNode as $, renderSlot as k } from "vue";
+import { e as n } from "../event-bus/index.es.js";
+import { u as I } from "../plugins/WangsVue.es.js";
+import { f as C } from "../buttonbulkaction/index.es.js";
+import { s as L } from "../vendor/primevue/menu/menu.esm.es.js";
+import { _ as S } from "../menuitem/index.es.js";
+const N = /* @__PURE__ */ b({
+  __name: "Menu",
+  props: {
+    model: { default: () => [] },
+    popup: { type: Boolean, default: !0 },
+    appendTo: {},
+    autoZIndex: { type: Boolean },
+    baseZIndex: {},
+    exact: { type: Boolean },
+    tabindex: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["focus", "blur"],
+  setup(V, { expose: u, emit: i }) {
+    const a = i, { locale: m } = I("Menu"), l = +/* @__PURE__ */ new Date(), t = w(), f = (e) => {
+      var o;
+      (o = t.value) == null || o.toggle(e);
+    }, c = (e) => {
+      var o;
+      (o = t.value) == null || o.show(e);
+    }, r = (e) => {
+      var o;
+      t.value && e.overlayId !== l && ((o = t.value) == null || o.hide());
+    }, d = (e) => {
+      a("blur", e), setTimeout(() => {
+        n.off("overlay:show", r);
+      }, 1e3);
+    }, y = (e) => {
+      n.on("overlay:show", r), n.emit("overlay:show", { overlayId: l }), a("focus", e);
+    };
+    return u({
+      toggle: f,
+      show: c,
+      hide: r
+    }), (e, o) => (g(), B(s(L), x(e.$props, {
+      ref_key: "menu",
+      ref: t,
+      model: s(C)(e.$props.model, s(m).noOptionLabel),
+      onBlur: d,
+      onFocus: y
+    }), M({
+      item: p(({ item: v, props: h, index: _ }) => [
+        $(S, {
+          index: _,
+          item: v,
+          "router-props": h
+        }, null, 8, ["index", "item", "router-props"])
+      ]),
+      _: 2
+    }, [
+      e.$slots.start ? {
+        name: "start",
+        fn: p(() => [
+          k(e.$slots, "start")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["model"]));
+  }
+});
+export {
+  N as _
+};

package/{components/menuitem → menuitem}/index.d.ts

@@ -1,4 +1,4 @@
-import { WangsIcons } from '../icon/Icon.vue.d';
+import { WangsIcons } from '../icon';
 
 /**
  *

package/menuitem/index.es.js

@@ -0,0 +1,65 @@
+import { defineComponent as E, resolveComponent as M, createBlock as i, createElementBlock as b, openBlock as r, withCtx as N, createElementVNode as n, mergeProps as t, createCommentVNode as a, normalizeProps as h, guardReactiveProps as C, toDisplayString as s, withModifiers as V } from "vue";
+import { _ as l } from "../icon/index.es.js";
+const $ = ["href", "onClick"], z = ["href", "target"], R = /* @__PURE__ */ E({
+  __name: "MenuItem",
+  props: {
+    item: {},
+    routerProps: {}
+  },
+  setup(_) {
+    const e = _;
+    return (o, m) => {
+      var p, c, u, d, k, P;
+      const v = M("router-link");
+      return e.item.route ? (r(), i(v, {
+        key: 0,
+        to: e.item.route,
+        custom: ""
+      }, {
+        default: N(({ href: B, navigate: w }) => {
+          var f, g, y;
+          return [
+            n("a", t({ href: B }, (f = o.routerProps) == null ? void 0 : f.action, { onClick: w }), [
+              e.item.icon ? (r(), i(l, t({ key: 0 }, (g = o.routerProps) == null ? void 0 : g.icon, {
+                icon: e.item.icon
+              }), null, 16, ["icon"])) : a("", !0),
+              n("span", h(C((y = o.routerProps) == null ? void 0 : y.label)), s(e.item.label), 17)
+            ], 16, $)
+          ];
+        }),
+        _: 1
+      }, 8, ["to"])) : e.item.url ? (r(), b("a", t({
+        key: 1,
+        href: e.item.url,
+        target: e.item.target
+      }, (p = o.routerProps) == null ? void 0 : p.action, {
+        onClick: m[0] || (m[0] = V(() => {
+        }, ["stop"]))
+      }), [
+        e.item.icon ? (r(), i(l, t({ key: 0 }, (c = o.routerProps) == null ? void 0 : c.icon, {
+          icon: e.item.icon
+        }), null, 16, ["icon"])) : a("", !0),
+        n("span", h(C((u = o.routerProps) == null ? void 0 : u.label)), s(e.item.label), 17)
+      ], 16, z)) : (r(), b("a", t({ key: 2 }, (d = o.routerProps) == null ? void 0 : d.action, {
+        "aria-hidden": "true",
+        "data-pc-section": "action",
+        tabindex: "-1"
+      }), [
+        e.item.icon ? (r(), i(l, t({
+          key: 0,
+          icon: e.item.icon,
+          severity: e.item.danger ? "danger" : void 0
+        }, (k = o.routerProps) == null ? void 0 : k.icon), null, 16, ["icon", "severity"])) : a("", !0),
+        n("span", t(
+          (P = o.$preset.menu) == null ? void 0 : P.label({
+            props: { danger: e.item.danger }
+          }),
+          { "data-pc-section": "label" }
+        ), s(e.item.label), 17)
+      ], 16));
+    };
+  }
+});
+export {
+  R as _
+};

package/multirow/index.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as C, inject as f, createElementBlock as n, openBlock as o, normalizeProps as k, guardReactiveProps as v, unref as m, Fragment as t, renderList as _, mergeProps as a, createBlock as V, resolveDynamicComponent as b, toHandlers as g, withModifiers as w, createTextVNode as P, toDisplayString as x } from "vue";
+const D = /* @__PURE__ */ C({
+  __name: "MultiRow",
+  props: {
+    attributes: {}
+  },
+  setup(c) {
+    const i = c, s = f("preset", {}).datatable;
+    return (y, l) => {
+      var r;
+      return o(), n("div", k(v((r = m(s)) == null ? void 0 : r.multirowcontainer({ props: i }))), [
+        (o(!0), n(t, null, _(y.attributes, (e, d) => {
+          var p;
+          return o(), n("span", a(
+            {
+              key: d,
+              ref_for: !0
+            },
+            (p = m(s)) == null ? void 0 : p.multirow({
+              context: {
+                firstIndex: d === 0
+              }
+            }),
+            {
+              class: e.class
+            }
+          ), [
+            e.bodyComponent ? (o(), V(b(e.bodyComponent.component), a({
+              key: 0,
+              modelValue: e.bodyComponent.model,
+              "onUpdate:modelValue": (u) => e.bodyComponent.model = u,
+              ref_for: !0
+            }, e.bodyComponent.props, {
+              class: e.class,
+              disabled: e.bodyComponent.disabled
+            }, g(
+              e.bodyComponent.events ? e.bodyComponent.events : {}
+            ), {
+              onClick: l[0] || (l[0] = w(() => {
+              }, ["stop"]))
+            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (o(), n(t, { key: 1 }, [
+              P(x(e.value), 1)
+            ], 64))
+          ], 16);
+        }), 128))
+      ], 16);
+    };
+  }
+});
+export {
+  D as _
+};

package/{components/multiselect/MultiSelect.vue.d.ts → multiselect/index.d.ts}

@@ -1,10 +1,6 @@
-import {
-  DropdownLocaleConfig,
-  Option,
-  OptionValue,
-} from '../../components/dropdown/Dropdown.vue.d';
+import { DropdownLocaleConfig, Option, OptionValue } from '../dropdown';
 
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type MultiSelectLocaleConfig = DropdownLocaleConfig & {};

package/multiselect/index.es.js

@@ -0,0 +1,189 @@
+import { defineComponent as z, onMounted as E, onUnmounted as T, inject as U, shallowRef as A, ref as R, reactive as D, computed as h, watch as v, createBlock as V, openBlock as w, withCtx as t, createVNode as i, normalizeClass as F, renderSlot as H, unref as r, mergeProps as k, createSlots as W, normalizeProps as p, guardReactiveProps as f, withModifiers as q, createElementVNode as G, toDisplayString as J, createCommentVNode as K } from "vue";
+import { u as Q } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { e as S } from "../event-bus/index.es.js";
+import { u as X } from "../plugins/WangsVue.es.js";
+import { f as Y } from "../utils/filterOptions.util.es.js";
+import { a as Z } from "../utils/textFormatter.util.es.js";
+import { s as ee } from "../vendor/primevue/multiselect/multiselect.esm.es.js";
+import { _ as M } from "../button/index.es.js";
+import { _ as le } from "../fieldwrapper/index.es.js";
+import { _ as c } from "../icon/index.es.js";
+import { _ as oe } from "../inputgroup/index.es.js";
+import { _ as ae } from "../validatormessage/index.es.js";
+const he = /* @__PURE__ */ z({
+  __name: "MultiSelect",
+  props: {
+    modelValue: {},
+    initialValue: {},
+    label: {},
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    useValidator: { type: Boolean },
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    validatorMessage: {},
+    fieldName: {},
+    placeholder: {},
+    loading: { type: Boolean },
+    fieldInfo: {},
+    controls: { type: Boolean },
+    disabled: { type: Boolean },
+    filter: { type: Boolean, default: !0 },
+    filterPlaceholder: {},
+    display: { default: "chip" },
+    selectedItemsLabel: {},
+    maxSelectedLabels: {}
+  },
+  emits: ["update:modelValue", "show", "hide"],
+  setup(B, { expose: C, emit: L }) {
+    const e = B, P = L;
+    E(() => {
+      x(), S.on("multi-select:hide-overlay", y);
+    }), T(() => {
+      S.off("multi-select:hide-overlay");
+    });
+    const { locale: m } = X("MultiSelect"), n = U("preset", {}).multiselect, u = A(!1), d = R(), a = D({
+      value: e.initialValue ? e.initialValue : e.modelValue
+    }), _ = h(() => Y(e.options)), $ = h(() => {
+      var l;
+      return m.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+        "{formattedLabel}",
+        (l = Z(e.label)) == null ? void 0 : l.toLowerCase()
+      );
+    }), O = h(() => {
+      var l;
+      return e.loading ? m.loadingPlaceholder : e.placeholder ?? ((l = m.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
+    }), x = () => {
+      var l;
+      e.useValidator && (Object.assign(
+        a,
+        Q(e.fieldName ?? "multiSelect", (o) => !(Array.isArray(o) && o.length) && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? $.value : !0)
+      ), (l = e.initialValue) != null && l.length && (a.value = e.initialValue));
+    }, g = () => {
+      d.value && d.value.show();
+    }, y = () => {
+      d.value && d.value.hide();
+    }, I = (l) => {
+      const o = l != null && l.length ? l : void 0;
+      P("update:modelValue", o);
+    };
+    return v(
+      () => a.value,
+      () => {
+        I(a.value);
+      }
+    ), v(
+      () => e.modelValue,
+      (l) => {
+        a.value = l;
+      }
+    ), v(
+      () => e.initialValue,
+      (l) => {
+        a.value = l;
+      },
+      { once: !0 }
+    ), C({
+      isShowOverlay: u,
+      showOverlay: g,
+      hideOverlay: y
+    }), (l, o) => (w(), V(le, {
+      info: l.fieldInfo,
+      label: e.label,
+      mandatory: e.mandatory,
+      "show-optional-text": l.showOptionalText
+    }, {
+      default: t(() => [
+        i(oe, {
+          class: F({ "rounded-none !ring-0 !w-max": l.controls }),
+          disabled: e.disabled,
+          invalid: !!a.errorMessage
+        }, {
+          default: t(() => {
+            var b;
+            return [
+              i(r(ee), k(e, {
+                ref_key: "multiselect",
+                ref: d,
+                modelValue: a.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+                "aria-describedby": e.label + "error",
+                class: [
+                  {
+                    "invisible !w-0": l.controls
+                  }
+                ],
+                display: e.display,
+                "filter-placeholder": e.filterPlaceholder || r(m).filterPlaceholder,
+                "max-selected-labels": e.maxSelectedLabels,
+                options: _.value,
+                placeholder: O.value,
+                "selected-items-label": e.selectedItemsLabel,
+                "show-toggle-all": e.filter,
+                "virtual-scroller-options": (((b = l.options) == null ? void 0 : b.length) ?? 0) > 10 ? { itemSize: 32 } : void 0,
+                onHide: o[1] || (o[1] = (s) => (u.value = !1, l.$emit("hide"))),
+                onShow: o[2] || (o[2] = (s) => (l.$emit("show"), u.value = !0))
+              }), W({
+                dropdownicon: t(() => [
+                  i(c, p(f(r(n).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
+                ]),
+                headercheckboxicon: t(() => [
+                  i(c, { icon: "check" })
+                ]),
+                itemcheckboxicon: t(() => [
+                  i(c, { icon: "check" })
+                ]),
+                filtericon: t(() => [
+                  i(c, p(f(r(n).filtericon)), null, 16)
+                ]),
+                removetokenicon: t(({ removeCallback: s, item: N }) => [
+                  i(M, k({
+                    onClick: q((j) => s(j, N), ["stop"])
+                  }, r(n).removeTokenIcon, {
+                    icon: "close",
+                    rounded: "",
+                    severity: "dark",
+                    text: ""
+                  }), null, 16, ["onClick"])
+                ]),
+                loadingicon: t(() => [
+                  i(c, p(f(r(n).loadingicon)), null, 16)
+                ]),
+                _: 2
+              }, [
+                l.loading ? {
+                  name: "value",
+                  fn: t(({ placeholder: s }) => [
+                    G("span", p(f(r(n).loadingplaceholder)), J(s), 17)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["modelValue", "aria-describedby", "class", "display", "filter-placeholder", "max-selected-labels", "options", "placeholder", "selected-items-label", "show-toggle-all", "virtual-scroller-options"]),
+              H(l.$slots, "trigger", {
+                disabled: e.disabled
+              }, () => [
+                l.controls ? (w(), V(M, {
+                  key: 0,
+                  disabled: e.disabled,
+                  onClick: g,
+                  class: "!rounded !ring-0",
+                  icon: "add"
+                }, null, 8, ["disabled"])) : K("", !0)
+              ])
+            ];
+          }),
+          _: 3
+        }, 8, ["class", "disabled", "invalid"]),
+        i(ae, {
+          id: e.label + "error",
+          message: a.errorMessage
+        }, null, 8, ["id", "message"])
+      ]),
+      _: 3
+    }, 8, ["info", "label", "mandatory", "show-optional-text"]));
+  }
+});
+export {
+  he as _
+};