@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.1

package/treenode/index.es.js

@@ -0,0 +1,507 @@
+import { defineComponent as Oe, inject as We, ref as ie, computed as i, onMounted as Pe, resolveComponent as Ve, openBlock as a, createElementBlock as N, Fragment as F, createElementVNode as C, mergeProps as y, unref as d, createBlock as u, resolveDynamicComponent as G, normalizeClass as w, withModifiers as L, createCommentVNode as K, toDisplayString as de, renderList as $e, withCtx as Fe, createVNode as Ge, nextTick as re } from "vue";
+import { D as m } from "../vendor/primevue/utils/utils.esm.es.js";
+import { _ as Ue } from "../button/index.es.js";
+import { _ as ze } from "../checkbox/index.es.js";
+import { _ as B } from "../icon/index.es.js";
+import { _ as He } from "../menu/index.es.js";
+const je = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], qe = ["data-p-highlight", "data-p-selectable"], Re = ["data-node-has-children", "data-node-key", "data-node-selected"], Je = {
+  "aria-hidden": "true",
+  class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
+  "data-pc-section": "action",
+  tabindex: "-1"
+}, tt = /* @__PURE__ */ Oe({
+  __name: "TreeNode",
+  props: {
+    node: {},
+    index: {},
+    disabled: { type: Boolean },
+    listLabelsNoOption: {},
+    pt: {},
+    templates: {},
+    disableKeys: {},
+    disableNodeAll: { type: Boolean },
+    exactDisableKeys: {},
+    level: {},
+    value: {},
+    propagateSelection: { type: Boolean },
+    expandedKeys: {},
+    selectionKeys: {},
+    treeNodeMenus: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean },
+    loading: { type: Boolean },
+    showDisposableGroups: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    filterText: {},
+    filterBy: {},
+    filterMode: {},
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    useOption: { type: Boolean },
+    disableNodeWhen: { type: Function },
+    exactDisableNodeWhen: { type: Function },
+    nodeSelectedWhen: { type: Function }
+  },
+  emits: ["nodeToggle", "nodeClick", "checkboxChange", "toggleMenu"],
+  setup(ce, { emit: ue }) {
+    const t = ce, p = ue, s = We("preset", {}).tree, I = ie(), T = ie(null);
+    let M = !1, O = !1;
+    const pe = i(
+      () => {
+        var e;
+        return ((e = t.node) == null ? void 0 : e.children) && t.node.children.length > 0;
+      }
+    ), U = i(
+      () => {
+        var e;
+        return +t.node.key != -1 && t.useOption && !((e = t.listLabelsNoOption) != null && e.includes(t.node.name));
+      }
+    ), h = i(
+      () => t.expandedKeys && t.expandedKeys[t.node.key] === !0
+    ), W = i(
+      () => t.node.leaf === !1 ? !1 : !(t.node.children && t.node.children.length)
+    ), z = i(() => v(t.node) || E(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), D = i(
+      () => {
+        var e;
+        return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionMode && t.selectionKeys ? t.selectionKeys[t.node.key] === !0 : !1);
+      }
+    ), P = i(() => t.selectionMode === "checkbox"), g = i(
+      () => {
+        var e, n;
+        return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionKeys ? (n = t.selectionKeys[t.node.key]) == null ? void 0 : n.checked : !1);
+      }
+    ), ge = i(
+      () => {
+        var e;
+        return t.selectionKeys ? (e = t.selectionKeys[t.node.key]) == null ? void 0 : e.partialChecked : !1;
+      }
+    ), be = i(
+      () => t.selectionMode === "single" || t.selectionMode === "multiple" ? D.value : void 0
+    ), fe = i(
+      () => P.value ? g.value : void 0
+    ), he = () => {
+      p("nodeToggle", t.node), O = !0;
+    }, ye = (e) => e.label, me = (e) => {
+      p("nodeToggle", e);
+    }, V = (e) => {
+      if (O || m.getAttribute(
+        e.target,
+        '[data-pc-section="toggler"]'
+      ) || m.getAttribute(
+        e.target.parentElement,
+        '[data-pc-section="toggler"]'
+      )) {
+        O = !1;
+        return;
+      }
+      Ee() ? Ce(e.type === "dblclick" || t.node.key === -1) : p("nodeClick", {
+        originalEvent: e,
+        nodeTouched: M,
+        node: { ...t.node, selectable: z.value }
+        // To prevent selection when the node disabled by disableKeys or exactDisableKeys
+      }), M = !1;
+    }, ke = (e) => {
+      p("nodeClick", e);
+    }, ve = () => {
+      M = !0;
+    }, Ne = (e, n) => {
+      if (t.selectionMode !== null) {
+        const o = [
+          ...m.find(T.value.parentElement, '[role="treeitem"]')
+        ];
+        e.currentTarget.tabIndex = n === !1 ? -1 : 0, o.every((l) => l.tabIndex === -1) && (o[0].tabIndex = 0);
+      }
+    }, k = (e, n, o) => {
+      e.tabIndex = -1, n.tabIndex = 0, Be(o || n);
+    }, H = (e) => {
+      const n = e.closest("ul").closest("li");
+      if (n) {
+        const o = m.findSingle(n, "button");
+        return o && o.style.visibility !== "hidden" ? n : H(e.previousElementSibling);
+      }
+      return null;
+    }, j = () => {
+      if (!T.value) return;
+      const e = m.find(
+        T.value.closest('[data-pc-section="container"]'),
+        '[role="treeitem"]'
+      ), n = [...e].some(
+        (o) => o.getAttribute("aria-selected") === "true" || o.getAttribute("aria-checked") === "true"
+      );
+      if ([...e].forEach((o) => {
+        o.tabIndex = -1;
+      }), n) {
+        const o = [...e].filter(
+          (l) => l.getAttribute("aria-selected") === "true" || l.getAttribute("aria-checked") === "true"
+        );
+        o[0].tabIndex = 0;
+        return;
+      }
+      [...e][0].tabIndex = 0;
+    }, Ce = (e = !1) => {
+      const n = t.selectionKeys ? { ...t.selectionKeys } : {}, o = !g.value;
+      q(t.node, o, n, e), p("checkboxChange", {
+        node: t.node,
+        check: o,
+        selectionKeys: n
+      });
+    }, q = (e, n, o, l = !1) => {
+      if (n ? o[e.key] = { checked: !0, partialChecked: !1 } : delete o[e.key], (l || t.propagateSelection) && e.children && e.children.length)
+        for (const r of e.children)
+          q(r, n, o, l);
+    }, we = (e) => {
+      var f, b;
+      const { check: n } = e, o = { ...e.selectionKeys };
+      let l = 0, r = !1;
+      if (t.node.children) {
+        if (t.propagateSelection) {
+          for (const S of t.node.children)
+            (f = o[S.key]) != null && f.checked ? l++ : (b = o[S.key]) != null && b.partialChecked && (r = !0);
+          n && l === t.node.children.length ? o[t.node.key] = { checked: !0, partialChecked: !1 } : (n || delete o[t.node.key], r || l > 0 && l !== t.node.children.length ? o[t.node.key] = {
+            checked: !1,
+            partialChecked: !0
+          } : delete o[t.node.key]);
+        }
+        p("checkboxChange", {
+          node: e.node,
+          check: e.check,
+          selectionKeys: o
+        });
+      }
+    }, Ee = () => t.selectionMode === "checkbox", Se = (e) => {
+      if (xe(e))
+        switch (e.code) {
+          case "Tab":
+            Ae();
+            break;
+          case "ArrowDown":
+            R(e);
+            break;
+          case "ArrowUp":
+            Ke(e);
+            break;
+          case "ArrowRight":
+            Te(e);
+            break;
+          case "ArrowLeft":
+            Me(e);
+            break;
+          case "Enter":
+          case "NumpadEnter":
+          case "Space":
+            De(e);
+            break;
+        }
+    }, R = (e) => {
+      const n = e.target.getAttribute("data-wv-section") === "tree-node-toggler" ? e.target.closest(
+        '[role="treeitem"]'
+      ) : e.target, o = n.children[1];
+      if (o)
+        k(n, o.children[0]);
+      else if (n.nextElementSibling)
+        k(
+          n,
+          n.nextElementSibling
+        );
+      else {
+        const l = J(
+          n
+        );
+        l && k(n, l);
+      }
+      e.preventDefault();
+    }, Ke = (e) => {
+      const n = e.target;
+      if (n.previousElementSibling)
+        k(
+          n,
+          n.previousElementSibling,
+          Q(
+            n.previousElementSibling
+          )
+        );
+      else {
+        const o = X(n);
+        o && k(n, o);
+      }
+      e.preventDefault();
+    }, Te = (e) => {
+      W.value || h.value || (e.currentTarget.tabIndex = -1, p("nodeToggle", t.node), re(() => {
+        R(e);
+      }));
+    }, Me = (e) => {
+      const n = m.findSingle(
+        e.currentTarget,
+        '[data-wv-section="tree-node-toggler"]'
+      );
+      if (t.level === 0 && !h.value)
+        return !1;
+      if (h.value && !W.value)
+        return n.click(), !1;
+      const o = H(
+        e.currentTarget
+      );
+      o && k(e.currentTarget, o);
+    }, De = (e) => {
+      Ne(e, M), V(e), e.preventDefault();
+    }, Ae = () => {
+      j();
+    }, xe = (e) => e.currentTarget && (e.currentTarget.isSameNode(e.target) || e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]'))), Le = async (e, n) => {
+      var r, f;
+      const o = e.target, l = o.tagName.toLowerCase() === "button" ? o : o.parentElement;
+      if (l != null && l.classList.contains("tree-menu-button-active")) {
+        $();
+        const b = {
+          ...e,
+          currentTarget: e.target
+        };
+        (r = I.value) == null || r.toggle(b);
+      } else {
+        await re(), $(), l == null || l.classList.add("tree-menu-button-active", "!bg-surface-300/20");
+        const b = {
+          ...e,
+          currentTarget: e.target
+        };
+        (f = I.value) == null || f.toggle(b), p("toggleMenu", n);
+      }
+    }, $ = () => {
+      const e = document.querySelectorAll(
+        ".tree-menu-button-active"
+      );
+      e == null || e.forEach((n) => {
+        n.classList.remove("tree-menu-button-active", "!bg-surface-300/20");
+      });
+    }, J = (e) => {
+      const n = X(e);
+      return n ? n.nextElementSibling ? n.nextElementSibling : J(n) : null;
+    }, Q = (e) => {
+      const n = e.children[1];
+      if (n) {
+        const o = n.children[n.children.length - 1];
+        return Q(o);
+      }
+      return e;
+    }, X = (e) => {
+      const n = e.parentElement.parentElement;
+      return m.getAttribute(n, "role") === "treeitem" ? n : null;
+    }, Be = (e) => {
+      e.focus();
+    }, v = (e) => {
+      var n, o;
+      return ((n = t.disableKeys) == null ? void 0 : n.includes(e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
+    }, E = (e) => {
+      var n, o;
+      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
+    };
+    return Pe(() => {
+      j();
+    }), (e, n) => {
+      var l, r, f, b, S, Y, A, Z, _, x, ee, te, ne, oe, le;
+      const o = Ve("TreeNode", !0);
+      return a(), N(F, null, [
+        C("li", y({
+          ref_key: "currentNode",
+          ref: T,
+          "aria-checked": be.value,
+          "aria-expanded": h.value,
+          "aria-label": ye(e.node),
+          "aria-level": e.level,
+          "aria-posinset": e.index + 1,
+          "aria-selected": fe.value,
+          "aria-setsize": e.node.children ? e.node.children.length : 0,
+          tabindex: e.index === 0 ? 0 : -1,
+          onKeydown: Se
+        }, ((l = t.pt ?? d(s)) == null ? void 0 : l.node) && e.$attrs, {
+          "data-wv-name": "treenode",
+          role: "treeitem"
+        }), [
+          C("div", y(
+            (r = t.pt ?? d(s)) == null ? void 0 : r.content({
+              props: t,
+              context: {
+                selected: g.value || D.value,
+                disabled: v(e.node),
+                exactDisabled: E(e.node)
+              }
+            }),
+            {
+              "data-p-highlight": P.value ? g.value : D.value,
+              "data-p-selectable": z.value,
+              style: e.node.style,
+              onClick: V,
+              onTouchend: ve
+            }
+          ), [
+            C("button", y({
+              onClick: he,
+              "aria-hidden": "true",
+              tabindex: "-1",
+              type: "button"
+            }, (f = t.pt ?? d(s)) == null ? void 0 : f.toggler({ context: { leaf: W.value } })), [
+              e.node.loading && e.loadingMode === "icon" ? (a(), u(B, {
+                key: 0,
+                class: "animate-spin",
+                icon: "spinner"
+              })) : (a(), N(F, { key: 1 }, [
+                e.templates.togglericon ? (a(), u(G(e.templates.togglericon), {
+                  key: 0,
+                  class: w([...(b = t.pt ?? d(s)) == null ? void 0 : b.togglericon.class]),
+                  expanded: h.value,
+                  node: e.node
+                }, null, 8, ["class", "expanded", "node"])) : (a(), u(B, {
+                  key: 1,
+                  class: w([
+                    ...(S = t.pt ?? d(s)) == null ? void 0 : S.togglericon.class,
+                    { "rotate-90": h.value }
+                  ]),
+                  "data-wv-section": "togglericon",
+                  icon: "arrow-right"
+                }, null, 8, ["class"]))
+              ], 64))
+            ], 16),
+            P.value ? (a(), u(ze, y({
+              key: 0,
+              binary: !1
+            }, (Y = t.pt ?? d(s)) == null ? void 0 : Y.nodeCheckbox.root, {
+              disabled: v(e.node) || E(e.node),
+              "model-value": g.value ? g.value : ge.value ? !1 : null,
+              onClick: n[0] || (n[0] = L(() => {
+              }, ["prevent"])),
+              onKeydown: n[1] || (n[1] = L(() => {
+              }, ["prevent", "stop"])),
+              "onUpdate:modelValue": V,
+              "data-wv-section": "nodecheckbox",
+              "tri-state": ""
+            }), null, 16, ["disabled", "model-value"])) : K("", !0),
+            e.templates.nodeicon ? (a(), u(G(e.templates.nodeicon), {
+              key: 1,
+              class: w([...(_ = (Z = (A = t.pt ?? d(s)) == null ? void 0 : A.nodeicon) == null ? void 0 : Z.call(A)) == null ? void 0 : _.class]),
+              node: e.node
+            }, null, 8, ["class", "node"])) : (a(), N("span", {
+              key: 2,
+              class: w([...(te = (ee = (x = t.pt ?? d(s)) == null ? void 0 : x.nodeicon) == null ? void 0 : ee.call(x)) == null ? void 0 : te.class, e.node.icon])
+            }, null, 2)),
+            C("span", y(
+              (ne = t.pt ?? d(s)) == null ? void 0 : ne.label({
+                props: t,
+                context: {
+                  selected: g.value || D.value,
+                  disabled: v(e.node),
+                  exactDisabled: E(e.node)
+                }
+              }),
+              {
+                onKeydown: n[3] || (n[3] = L(() => {
+                }, ["stop"]))
+              }
+            ), [
+              e.templates[e.node.type] || e.templates.default ? (a(), u(G(e.templates[e.node.type] || e.templates.default), {
+                key: 0,
+                checked: g.value,
+                disabled: E(e.node) || v(e.node),
+                node: e.node
+              }, null, 8, ["checked", "disabled", "node"])) : (a(), N("span", {
+                key: 1,
+                "data-node-has-children": !!((oe = e.node.children) != null && oe.length),
+                "data-node-key": e.node.key,
+                "data-node-selected": g.value,
+                class: "grow"
+              }, de(e.node.name), 9, Re)),
+              e.node.isDisposable && e.showDisposableGroups ? (a(), u(B, {
+                key: 2,
+                class: "!text-general-200 w-4 h-4 p-1",
+                icon: "disposal",
+                info: "Disposable Group",
+                "tooltip-pos": "left"
+              })) : K("", !0),
+              U.value ? (a(), u(Ue, {
+                key: 3,
+                class: w([
+                  "!w-4 !h-4 !min-w-4 p-0.5",
+                  "!text-general-200",
+                  "rounded-full"
+                ]),
+                onClick: n[2] || (n[2] = L((c) => Le(c, e.node), ["stop"])),
+                "data-wv-section": "nodemenubutton",
+                icon: "more",
+                severity: "secondary",
+                text: "",
+                tooltip: "Action",
+                "tooltip-pos": "left"
+              })) : K("", !0)
+            ], 16)
+          ], 16, qe),
+          pe.value && h.value ? (a(), N("ul", y({
+            key: 0,
+            role: "group"
+          }, (le = t.pt ?? d(s)) == null ? void 0 : le.subgroup), [
+            (a(!0), N(F, null, $e(e.node.children, (c) => {
+              var ae, se;
+              return a(), u(o, y({
+                key: c.key,
+                ref_for: !0
+              }, t, {
+                class: [...(se = (ae = t.pt ?? d(s)) == null ? void 0 : ae.node) == null ? void 0 : se.class],
+                "disable-keys": e.disableKeys,
+                disabled: v(c),
+                "exact-disable-keys": e.exactDisableKeys,
+                "expanded-keys": e.expandedKeys,
+                level: e.level + 1,
+                "list-labels-no-option": e.listLabelsNoOption,
+                "loading-mode": e.loadingMode,
+                node: c,
+                "propagate-selection": t.propagateSelection,
+                pt: e.pt,
+                "selection-keys": e.selectionKeys,
+                "selection-mode": e.selectionMode,
+                "show-disposable-groups": e.showDisposableGroups,
+                templates: e.templates,
+                "tree-node-menus": e.treeNodeMenus,
+                unstyled: e.unstyled,
+                "use-option": e.useOption,
+                onCheckboxChange: we,
+                onNodeClick: ke,
+                onNodeToggle: me,
+                onToggleMenu: n[4] || (n[4] = (Ie) => p("toggleMenu", Ie))
+              }), null, 16, ["class", "disable-keys", "disabled", "exact-disable-keys", "expanded-keys", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "show-disposable-groups", "templates", "tree-node-menus", "unstyled", "use-option"]);
+            }), 128))
+          ], 16)) : K("", !0)
+        ], 16, je),
+        U.value ? (a(), u(He, {
+          key: 0,
+          ref_key: "treeNodeMenu",
+          ref: I,
+          model: e.treeNodeMenus,
+          onHide: $,
+          "data-wv-section": "tree-node-menus",
+          popup: ""
+        }, {
+          item: Fe(({ item: c }) => [
+            C("a", Je, [
+              Ge(B, {
+                icon: c.icon,
+                severity: c.danger ? "danger" : void 0
+              }, null, 8, ["icon", "severity"]),
+              C("span", {
+                class: w(["text-inherit", { "!text-danger-500": c.danger }]),
+                "data-pc-section": "label"
+              }, de(c.label), 3)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model"])) : K("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  tt as _
+};
+//# sourceMappingURL=index.es.js.map

package/treenode/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/treenode/TreeNode.vue"],"sourcesContent":["<!-- eslint-disable @typescript-eslint/naming-convention -->\n<script setup lang=\"ts\">\nimport { DomHandler } from 'primevue/utils';\nimport { computed, inject, nextTick, onMounted, ref } from 'vue';\n\nimport MenuInstance from 'lib/components/menu/Menu.vue.d';\n\nimport { TreeNodeProps, TreeSelectionKeys } from './TreeNode.vue.d';\nimport { TreeNode as TTreeNode } from '../basetree/BaseTree.vue.d';\nimport Button from '../button/Button.vue';\nimport Checkbox from '../checkbox/Checkbox.vue';\nimport Icon from '../icon/Icon.vue';\nimport { WangsIcons } from '../icon/Icon.vue.d';\nimport Menu from '../menu/Menu.vue';\n\nconst props = defineProps<TreeNodeProps>();\n\nconst emit = defineEmits<{\n  nodeToggle: [node: TTreeNode];\n  nodeClick: [\n    data: { originalEvent: Event; nodeTouched: boolean; node: TTreeNode },\n  ];\n  checkboxChange: [\n    data: {\n      node: TTreeNode;\n      check: boolean;\n      selectionKeys: TreeSelectionKeys;\n    },\n  ];\n  toggleMenu: [node: TTreeNode];\n}>();\n\nconst Preset = inject<Record<string, any>>('preset', {}).tree;\n\nconst treeNodeMenu = ref<MenuInstance>();\n\nconst currentNode = ref<Element | null>(null);\nlet nodeTouched = false;\nlet toggleClicked = false;\n\n// Computed properties\nconst hasChildren = computed(\n  () => props.node?.children && props.node.children.length > 0,\n);\n\nconst enableNodeAction = computed(\n  () =>\n    +props.node.key != -1 &&\n    props.useOption &&\n    !props.listLabelsNoOption?.includes(props.node.name),\n);\n\nconst expanded = computed(\n  () => props.expandedKeys && props.expandedKeys[props.node.key] === true,\n);\nconst leaf = computed(() =>\n  props.node.leaf === false\n    ? false\n    : !(props.node.children && props.node.children.length),\n);\n\nconst selectable = computed(() => {\n  if (isDisabled(props.node) || isExactDisabled(props.node)) return false;\n\n  return props.node.selectable === false ? false : props.selectionMode != null;\n});\n\nconst selected = computed(\n  () =>\n    props.nodeSelectedWhen?.(props.node) ||\n    (props.selectionMode && props.selectionKeys\n      ? props.selectionKeys[props.node.key] === true\n      : false),\n);\n\nconst checkboxMode = computed(() => props.selectionMode === 'checkbox');\n\nconst checked = computed(\n  () =>\n    props.nodeSelectedWhen?.(props.node) ||\n    (props.selectionKeys\n      ? props.selectionKeys[props.node.key]?.checked\n      : false),\n);\nconst partialChecked = computed(() =>\n  props.selectionKeys\n    ? props.selectionKeys[props.node.key]?.partialChecked\n    : false,\n);\nconst ariaChecked = computed(() =>\n  props.selectionMode === 'single' || props.selectionMode === 'multiple'\n    ? selected.value\n    : undefined,\n);\nconst ariaSelected = computed(() =>\n  checkboxMode.value ? checked.value : undefined,\n);\n\n// Methods\nconst toggle = (): void => {\n  emit('nodeToggle', props.node);\n  toggleClicked = true;\n};\n\nconst label = (node: TTreeNode): string => {\n  return node.label;\n};\n\nconst onChildNodeToggle = (node: TTreeNode): void => {\n  emit('nodeToggle', node);\n};\n\nconst onClick = (event: PointerEvent | KeyboardEvent): void => {\n  if (\n    toggleClicked ||\n    DomHandler.getAttribute(\n      event.target as HTMLElement,\n      '[data-pc-section=\"toggler\"]',\n    ) ||\n    DomHandler.getAttribute(\n      (event.target as HTMLElement).parentElement,\n      '[data-pc-section=\"toggler\"]',\n    )\n  ) {\n    toggleClicked = false;\n    return;\n  }\n\n  if (isCheckboxSelectionMode()) {\n    toggleCheckbox(event.type === 'dblclick' || props.node.key === -1);\n  } else {\n    emit('nodeClick', {\n      originalEvent: event,\n      nodeTouched,\n      node: { ...props.node, selectable: selectable.value }, // To prevent selection when the node disabled by disableKeys or exactDisableKeys\n    });\n  }\n\n  nodeTouched = false;\n};\n\nconst onChildNodeClick = (event: any): void => {\n  emit('nodeClick', event);\n};\n\nconst onTouchEnd = (): void => {\n  nodeTouched = true;\n};\n\nconst setTabIndexForSelectionMode = (event, paramNodeTouched): void => {\n  if (props.selectionMode !== null) {\n    const elements = [\n      ...DomHandler.find(currentNode.value.parentElement, '[role=\"treeitem\"]'),\n    ];\n\n    event.currentTarget.tabIndex = paramNodeTouched === false ? -1 : 0;\n\n    if (elements.every((element) => element.tabIndex === -1)) {\n      elements[0].tabIndex = 0;\n    }\n  }\n};\n\nconst focusRowChange = (\n  firstFocusableRow: HTMLElement,\n  currentFocusedRow: HTMLElement,\n  lastVisibleDescendant?: any,\n): void => {\n  firstFocusableRow.tabIndex = -1;\n  currentFocusedRow.tabIndex = 0;\n\n  focusNode(lastVisibleDescendant || currentFocusedRow);\n};\n\nconst findBeforeClickableNode = (node: HTMLElement): HTMLElement => {\n  const parentListElement = node.closest('ul').closest('li');\n\n  if (parentListElement) {\n    const prevNodeButton = DomHandler.findSingle(parentListElement, 'button');\n\n    if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {\n      return parentListElement;\n    }\n\n    return findBeforeClickableNode(node.previousElementSibling as HTMLElement);\n  }\n\n  return null;\n};\n\nconst setAllNodesTabIndexes = (): void => {\n  if (!currentNode.value) return;\n\n  const nodes = DomHandler.find(\n    currentNode.value.closest('[data-pc-section=\"container\"]'),\n    '[role=\"treeitem\"]',\n  );\n  const hasSelectedNode = [...nodes].some(\n    (node) =>\n      node.getAttribute('aria-selected') === 'true' ||\n      node.getAttribute('aria-checked') === 'true',\n  );\n\n  [...nodes].forEach((node) => {\n    node.tabIndex = -1;\n  });\n\n  if (hasSelectedNode) {\n    const selectedNodes = [...nodes].filter(\n      (node) =>\n        node.getAttribute('aria-selected') === 'true' ||\n        node.getAttribute('aria-checked') === 'true',\n    );\n    selectedNodes[0].tabIndex = 0;\n    return;\n  }\n\n  [...nodes][0].tabIndex = 0;\n};\n\nconst toggleCheckbox = (propagateRecursively = false): void => {\n  const _selectionKeys = props.selectionKeys ? { ...props.selectionKeys } : {};\n  const _check = !checked.value;\n\n  propagateDown(props.node, _check, _selectionKeys, propagateRecursively);\n\n  emit('checkboxChange', {\n    node: props.node,\n    check: _check,\n    selectionKeys: _selectionKeys,\n  });\n};\n\nconst propagateDown = (\n  node: TTreeNode,\n  check: boolean,\n  selectionKeys: TreeSelectionKeys,\n  propagateRecursively = false,\n): void => {\n  if (check) {\n    selectionKeys[node.key] = { checked: true, partialChecked: false };\n  } else {\n    delete selectionKeys[node.key];\n  }\n\n  if (propagateRecursively || props.propagateSelection) {\n    if (node.children && node.children.length) {\n      for (const child of node.children) {\n        propagateDown(child, check, selectionKeys, propagateRecursively);\n      }\n    }\n  }\n};\n\nconst propagateUp = (event: {\n  check: boolean;\n  selectionKeys: TreeSelectionKeys;\n  node: TTreeNode;\n}): void => {\n  const { check } = event;\n  const _selectionKeys = { ...event.selectionKeys };\n  let checkedChildCount = 0;\n  let childPartialSelected = false;\n\n  if (!props.node.children) return;\n\n  if (props.propagateSelection) {\n    for (const child of props.node.children) {\n      if (_selectionKeys[child.key]?.checked) checkedChildCount++;\n      else if (_selectionKeys[child.key]?.partialChecked)\n        childPartialSelected = true;\n    }\n\n    if (check && checkedChildCount === props.node.children.length) {\n      _selectionKeys[props.node.key] = { checked: true, partialChecked: false };\n    } else {\n      if (!check) {\n        delete _selectionKeys[props.node.key];\n      }\n\n      if (\n        childPartialSelected ||\n        (checkedChildCount > 0 &&\n          checkedChildCount !== props.node.children.length)\n      ) {\n        _selectionKeys[props.node.key] = {\n          checked: false,\n          partialChecked: true,\n        };\n      } else {\n        delete _selectionKeys[props.node.key];\n      }\n    }\n  }\n\n  emit('checkboxChange', {\n    node: event.node,\n    check: event.check,\n    selectionKeys: _selectionKeys,\n  });\n};\n\nconst isCheckboxSelectionMode = (): boolean =>\n  props.selectionMode === 'checkbox';\n\n// Keyboard navigation methods\nconst onKeyDown = (event: KeyboardEvent): void => {\n  if (!isSameNode(event)) return;\n\n  switch (event.code) {\n    case 'Tab':\n      onTabKey();\n      break;\n    case 'ArrowDown':\n      onArrowDown(event);\n      break;\n    case 'ArrowUp':\n      onArrowUp(event);\n      break;\n    case 'ArrowRight':\n      onArrowRight(event);\n      break;\n    case 'ArrowLeft':\n      onArrowLeft(event);\n      break;\n    case 'Enter':\n    case 'NumpadEnter':\n    case 'Space':\n      onEnterKey(event);\n      break;\n  }\n};\n\nconst onArrowDown = (event: KeyboardEvent): void => {\n  const nodeElement =\n    (event.target as HTMLElement).getAttribute('data-wv-section') ===\n    'tree-node-toggler'\n      ? ((event.target as HTMLElement).closest(\n          '[role=\"treeitem\"]',\n        ) as HTMLElement)\n      : (event.target as HTMLElement);\n\n  const listElement = nodeElement.children[1] as HTMLElement;\n\n  if (listElement) {\n    focusRowChange(nodeElement, listElement.children[0] as HTMLElement);\n  } else {\n    if (nodeElement.nextElementSibling) {\n      focusRowChange(\n        nodeElement,\n        nodeElement.nextElementSibling as HTMLElement,\n      );\n    } else {\n      const nextSiblingAncestor = findNextSiblingOfAncestor(\n        nodeElement,\n      ) as HTMLElement;\n\n      if (nextSiblingAncestor) {\n        focusRowChange(nodeElement, nextSiblingAncestor);\n      }\n    }\n  }\n\n  event.preventDefault();\n};\n\nconst onArrowUp = (event: KeyboardEvent): void => {\n  const nodeElement = event.target as HTMLElement;\n\n  if (nodeElement.previousElementSibling) {\n    focusRowChange(\n      nodeElement,\n      nodeElement.previousElementSibling as HTMLElement,\n      findLastVisibleDescendant(\n        nodeElement.previousElementSibling as HTMLElement,\n      ),\n    );\n  } else {\n    const parentNodeElement = getParentNodeElement(nodeElement) as HTMLElement;\n\n    if (parentNodeElement) {\n      focusRowChange(nodeElement, parentNodeElement);\n    }\n  }\n\n  event.preventDefault();\n};\n\nconst onArrowRight = (event: KeyboardEvent): void => {\n  if (leaf.value || expanded.value) return;\n\n  (event.currentTarget as HTMLElement).tabIndex = -1;\n\n  emit('nodeToggle', props.node);\n\n  nextTick(() => {\n    onArrowDown(event);\n  });\n};\n\nconst onArrowLeft = (event: KeyboardEvent): boolean => {\n  const togglerElement = DomHandler.findSingle(\n    event.currentTarget as HTMLElement,\n    '[data-wv-section=\"tree-node-toggler\"]',\n  );\n\n  if (props.level === 0 && !expanded.value) {\n    return false;\n  }\n\n  if (expanded.value && !leaf.value) {\n    togglerElement.click();\n\n    return false;\n  }\n\n  const target = findBeforeClickableNode(\n    event.currentTarget as HTMLElement,\n  ) as HTMLElement;\n\n  if (target) {\n    focusRowChange(event.currentTarget as HTMLElement, target);\n  }\n};\n\nconst onEnterKey = (event: KeyboardEvent): void => {\n  setTabIndexForSelectionMode(event, nodeTouched);\n  onClick(event);\n\n  event.preventDefault();\n};\n\nconst onTabKey = (): void => {\n  setAllNodesTabIndexes();\n};\n\nconst isSameNode = (event): boolean => {\n  return (\n    event.currentTarget &&\n    (event.currentTarget.isSameNode(event.target) ||\n      event.currentTarget.isSameNode(event.target.closest('[role=\"treeitem\"]')))\n  );\n};\n\n/**\n * Toggles the visibility of node menu intelligently.\n *\n * When the user clicks on a button menu, the menu becomes visible.\n * However, if the user clicks on another button while the menu is still visible, clicking the new button will only hide the menu instead of showing the new menu.\n *\n * This function fixes that problem by ensuring that clicking on a button while the menu is visible will only hide the menu and opens the new menu.\n *\n * @param {MouseEvent} event - The mouse event that triggered the toggle.\n * @param {TreeNode} node - The tree node associated with the menu.\n */\nconst toggleNodeMenu = async (\n  event: MouseEvent,\n  node: TTreeNode,\n): Promise<void> => {\n  const target = event.target as HTMLElement;\n  const button =\n    target.tagName.toLowerCase() === 'button' ? target : target.parentElement;\n\n  if (button?.classList.contains('tree-menu-button-active')) {\n    /**\n     * If the clicked button is already active, remove the active class from all buttons to hide the menu.\n     */\n    removeClassActive();\n    const toggleEvent: Event = {\n      ...event,\n      currentTarget: event.target,\n    };\n    treeNodeMenu.value?.toggle(toggleEvent);\n  } else {\n    /**\n     * If the clicked button is not active, wait for the menu to be successfully hidden,\n     * remove the active class from all buttons, add the active class to the clicked button,\n     * show the menu, and emit a `toggleMenu` event with the clicked node.\n     */\n    await nextTick(); // Wait for the menu to be successfully hidden.\n    removeClassActive();\n    button?.classList.add('tree-menu-button-active', '!bg-surface-300/20');\n\n    const toggleEvent: Event = {\n      ...event,\n      currentTarget: event.target,\n    };\n\n    treeNodeMenu.value?.toggle(toggleEvent);\n    emit('toggleMenu', node);\n  }\n};\n\n/**\n * Removes the active class from all buttons that have it.\n *\n * @returns {void}\n */\nconst removeClassActive = (): void => {\n  const previouslyClicked = document.querySelectorAll(\n    '.tree-menu-button-active',\n  );\n\n  previouslyClicked?.forEach((el) => {\n    el.classList.remove('tree-menu-button-active', '!bg-surface-300/20');\n  });\n};\n\nconst findNextSiblingOfAncestor = (nodeElement: Element): Element => {\n  const parentNodeElement = getParentNodeElement(nodeElement);\n\n  if (parentNodeElement) {\n    if (parentNodeElement.nextElementSibling)\n      return parentNodeElement.nextElementSibling;\n    return findNextSiblingOfAncestor(parentNodeElement);\n  }\n  return null;\n};\n\nconst findLastVisibleDescendant = (nodeElement: Element): Element => {\n  const childrenListElement = nodeElement.children[1];\n\n  if (childrenListElement) {\n    const lastChildElement =\n      childrenListElement.children[childrenListElement.children.length - 1];\n\n    return findLastVisibleDescendant(lastChildElement as HTMLElement);\n  }\n  return nodeElement;\n};\n\nconst getParentNodeElement = (nodeElement: Element): Element => {\n  const parentNodeElement = nodeElement.parentElement.parentElement;\n\n  return DomHandler.getAttribute(parentNodeElement, 'role') === 'treeitem'\n    ? parentNodeElement\n    : null;\n};\n\nconst focusNode = (element: HTMLElement): void => {\n  element.focus();\n};\n\nconst isDisabled = (node: typeof props.node): boolean => {\n  return (\n    props.disableKeys?.includes(node.key) ||\n    props.disabled ||\n    node.selectable == false ||\n    node.disabled == true ||\n    props.disableNodeWhen?.(node)\n  );\n};\n\nconst isExactDisabled = (node: typeof props.node): boolean => {\n  return (\n    node.selectable == false ||\n    props.exactDisableKeys?.includes(node.key) ||\n    (props.disableNodeAll && +node.key === -1) ||\n    props.exactDisableNodeWhen?.(node)\n  );\n};\n\n// ... Rest of keyboard navigation methods remain the same but converted to arrow functions ...\n\nonMounted(() => {\n  setAllNodesTabIndexes();\n});\n</script>\n\n<template>\n  <li\n    ref=\"currentNode\"\n    :aria-checked=\"ariaChecked\"\n    :aria-expanded=\"expanded\"\n    :aria-label=\"label(node)\"\n    :aria-level=\"level\"\n    :aria-posinset=\"index + 1\"\n    :aria-selected=\"ariaSelected\"\n    :aria-setsize=\"node.children ? node.children.length : 0\"\n    :tabindex=\"index === 0 ? 0 : -1\"\n    @keydown=\"onKeyDown\"\n    v-bind=\"(props.pt ?? Preset)?.node && $attrs\"\n    data-wv-name=\"treenode\"\n    role=\"treeitem\"\n  >\n    <div\n      v-bind=\"\n        (props.pt ?? Preset)?.content({\n          props,\n          context: {\n            selected: checked || selected,\n            disabled: isDisabled(node),\n            exactDisabled: isExactDisabled(node),\n          },\n        })\n      \"\n      :data-p-highlight=\"checkboxMode ? checked : selected\"\n      :data-p-selectable=\"selectable\"\n      :style=\"node.style\"\n      @click=\"onClick\"\n      @touchend=\"onTouchEnd\"\n    >\n      <button\n        @click=\"toggle\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        type=\"button\"\n        v-bind=\"(props.pt ?? Preset)?.toggler({ context: { leaf } })\"\n      >\n        <template v-if=\"node.loading && loadingMode === 'icon'\">\n          <Icon class=\"animate-spin\" icon=\"spinner\" />\n        </template>\n\n        <template v-else>\n          <component\n            :is=\"templates['togglericon']\"\n            v-if=\"templates['togglericon']\"\n            :class=\"[...(props.pt ?? Preset)?.togglericon.class]\"\n            :expanded=\"expanded\"\n            :node=\"node\"\n          />\n\n          <Icon\n            v-else\n            :class=\"[\n              ...(props.pt ?? Preset)?.togglericon.class,\n              { 'rotate-90': expanded },\n            ]\"\n            data-wv-section=\"togglericon\"\n            icon=\"arrow-right\"\n          />\n        </template>\n      </button>\n\n      <Checkbox\n        v-if=\"checkboxMode\"\n        :binary=\"false\"\n        v-bind=\"(props.pt ?? Preset)?.nodeCheckbox.root\"\n        :disabled=\"isDisabled(node) || isExactDisabled(node)\"\n        :model-value=\"checked ? checked : partialChecked ? false : null\"\n        @click.prevent=\"\"\n        @keydown.prevent.stop=\"\"\n        @update:model-value=\"onClick\"\n        data-wv-section=\"nodecheckbox\"\n        tri-state\n      />\n\n      <component\n        :is=\"templates['nodeicon']\"\n        v-if=\"templates['nodeicon']\"\n        :class=\"[...(props.pt ?? Preset)?.nodeicon?.()?.class]\"\n        :node=\"node\"\n      />\n\n      <span\n        v-else\n        :class=\"[...(props.pt ?? Preset)?.nodeicon?.()?.class, node.icon]\"\n      />\n\n      <span\n        v-bind=\"\n          (props.pt ?? Preset)?.label({\n            props,\n            context: {\n              selected: checked || selected,\n              disabled: isDisabled(node),\n              exactDisabled: isExactDisabled(node),\n            },\n          })\n        \"\n        @keydown.stop\n      >\n        <component\n          :is=\"templates[node.type] || templates['default']\"\n          v-if=\"templates[node.type] || templates['default']\"\n          :checked=\"checked\"\n          :disabled=\"isExactDisabled(node) || isDisabled(node)\"\n          :node=\"node\"\n        />\n\n        <span\n          v-else\n          :data-node-has-children=\"!!node.children?.length\"\n          :data-node-key=\"node.key\"\n          :data-node-selected=\"checked\"\n          class=\"grow\"\n        >\n          {{ node.name }}\n        </span>\n\n        <Icon\n          v-if=\"node.isDisposable && showDisposableGroups\"\n          class=\"!text-general-200 w-4 h-4 p-1\"\n          icon=\"disposal\"\n          info=\"Disposable Group\"\n          tooltip-pos=\"left\"\n        />\n\n        <Button\n          v-if=\"enableNodeAction\"\n          :class=\"[\n            '!w-4 !h-4 !min-w-4 p-0.5',\n            '!text-general-200',\n            'rounded-full',\n          ]\"\n          @click.stop=\"toggleNodeMenu($event, node)\"\n          data-wv-section=\"nodemenubutton\"\n          icon=\"more\"\n          severity=\"secondary\"\n          text\n          tooltip=\"Action\"\n          tooltip-pos=\"left\"\n        />\n      </span>\n    </div>\n\n    <ul\n      v-if=\"hasChildren && expanded\"\n      role=\"group\"\n      v-bind=\"(props.pt ?? Preset)?.subgroup\"\n    >\n      <TreeNode\n        :key=\"childNode.key\"\n        v-for=\"childNode of node.children\"\n        v-bind=\"props\"\n        :class=\"[...(props.pt ?? Preset)?.node?.class]\"\n        :disable-keys=\"disableKeys\"\n        :disabled=\"isDisabled(childNode)\"\n        :exact-disable-keys=\"exactDisableKeys\"\n        :expanded-keys=\"expandedKeys\"\n        :level=\"level + 1\"\n        :list-labels-no-option=\"listLabelsNoOption\"\n        :loading-mode=\"loadingMode\"\n        :node=\"childNode\"\n        :propagate-selection=\"props.propagateSelection\"\n        :pt=\"pt\"\n        :selection-keys=\"selectionKeys\"\n        :selection-mode=\"selectionMode\"\n        :show-disposable-groups=\"showDisposableGroups\"\n        :templates=\"templates\"\n        :tree-node-menus=\"treeNodeMenus\"\n        :unstyled=\"unstyled\"\n        :use-option=\"useOption\"\n        @checkbox-change=\"propagateUp\"\n        @node-click=\"onChildNodeClick\"\n        @node-toggle=\"onChildNodeToggle\"\n        @toggle-menu=\"emit('toggleMenu', $event)\"\n      />\n    </ul>\n  </li>\n\n  <Menu\n    ref=\"treeNodeMenu\"\n    v-if=\"enableNodeAction\"\n    :model=\"treeNodeMenus\"\n    @hide=\"removeClassActive\"\n    data-wv-section=\"tree-node-menus\"\n    popup\n  >\n    <template #item=\"{ item }\">\n      <a\n        aria-hidden=\"true\"\n        class=\"flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none\"\n        data-pc-section=\"action\"\n        tabindex=\"-1\"\n      >\n        <Icon\n          :icon=\"item.icon as WangsIcons\"\n          :severity=\"item.danger ? 'danger' : undefined\"\n        />\n\n        <span\n          :class=\"['text-inherit', { '!text-danger-500': item.danger }]\"\n          data-pc-section=\"label\"\n        >\n          {{ item.label }}\n        </span>\n      </a>\n    </template>\n  </Menu>\n</template>\n"],"names":["props","__props","emit","__emit","Preset","inject","treeNodeMenu","ref","currentNode","nodeTouched","toggleClicked","hasChildren","computed","_a","enableNodeAction","expanded","leaf","selectable","isDisabled","isExactDisabled","selected","checkboxMode","checked","_b","partialChecked","ariaChecked","ariaSelected","toggle","label","node","onChildNodeToggle","onClick","event","DomHandler","isCheckboxSelectionMode","toggleCheckbox","onChildNodeClick","onTouchEnd","setTabIndexForSelectionMode","paramNodeTouched","elements","element","focusRowChange","firstFocusableRow","currentFocusedRow","lastVisibleDescendant","focusNode","findBeforeClickableNode","parentListElement","prevNodeButton","setAllNodesTabIndexes","nodes","hasSelectedNode","selectedNodes","propagateRecursively","_selectionKeys","_check","propagateDown","check","selectionKeys","child","propagateUp","checkedChildCount","childPartialSelected","onKeyDown","isSameNode","onTabKey","onArrowDown","onArrowUp","onArrowRight","onArrowLeft","onEnterKey","nodeElement","listElement","nextSiblingAncestor","findNextSiblingOfAncestor","findLastVisibleDescendant","parentNodeElement","getParentNodeElement","nextTick","togglerElement","target","toggleNodeMenu","button","removeClassActive","toggleEvent","previouslyClicked","el","childrenListElement","lastChildElement","onMounted"],"mappings":"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"}

package/treesearchinput/index.es.js

@@ -0,0 +1,57 @@
+import { defineComponent as u, resolveDirective as f, openBlock as h, createElementBlock as w, createVNode as o, withDirectives as x, unref as g, normalizeClass as r } from "vue";
+import { s as v } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as s } from "../icon/index.es.js";
+const _ = {
+  class: /* @__PURE__ */ r([
+    "relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center",
+    "rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:!ring-white"
+  ]),
+  "data-wv-name": "tree-search-input"
+}, C = /* @__PURE__ */ u({
+  __name: "TreeSearchInput",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: c }) {
+    const n = i, d = c, m = (e) => {
+      e.key === "Enter" && e.preventDefault();
+    }, a = (e) => {
+      d("update:modelValue", e);
+    };
+    return (e, t) => {
+      const p = f("focus");
+      return h(), w("div", _, [
+        o(s, {
+          class: "w-4 h-4 shrink-0 grow-0 !text-general-400 dark:!text-white",
+          icon: "search"
+        }),
+        x(o(g(v), {
+          class: r([
+            "w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200"
+          ]),
+          "model-value": n.modelValue,
+          onInput: t[0] || (t[0] = (l) => a(l.target.value)),
+          onKeydown: m,
+          autocomplete: "off",
+          placeholder: "Search"
+        }, null, 8, ["model-value"]), [
+          [p]
+        ]),
+        o(s, {
+          class: r([
+            "text-md w-4 h-4 shrink-0 !text-general-400 dark:!text-white",
+            { hidden: !n.modelValue }
+          ]),
+          onClick: t[1] || (t[1] = (l) => a("")),
+          "data-wv-section": "reset-filter-icon",
+          icon: "close"
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+});
+export {
+  C as _
+};
+//# sourceMappingURL=index.es.js.map

package/treesearchinput/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/treesearchinput/TreeSearchInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport InputText from 'primevue/inputtext';\n\nimport Icon from 'lib/components/icon/Icon.vue';\n\nimport type {\n  TreeSearchInputEmits,\n  TreeSearchInputProps,\n} from './TreeSearchInput.vue.d';\n\nconst props = defineProps<TreeSearchInputProps>();\n\nconst emit = defineEmits<TreeSearchInputEmits>();\n\nconst onKeydown = (event: KeyboardEvent): void => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst updateSearchModel = (query: string): void => {\n  emit('update:modelValue', query);\n};\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center',\n      'rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:!ring-white',\n    ]\"\n    data-wv-name=\"tree-search-input\"\n  >\n    <Icon\n      class=\"w-4 h-4 shrink-0 grow-0 !text-general-400 dark:!text-white\"\n      icon=\"search\"\n    />\n\n    <InputText\n      v-focus\n      :class=\"[\n        'w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200',\n      ]\"\n      :model-value=\"props.modelValue\"\n      @input=\"updateSearchModel(($event.target as HTMLInputElement).value)\"\n      @keydown=\"onKeydown\"\n      autocomplete=\"off\"\n      placeholder=\"Search\"\n    />\n\n    <Icon\n      :class=\"[\n        'text-md w-4 h-4 shrink-0 !text-general-400 dark:!text-white',\n        { hidden: !props.modelValue },\n      ]\"\n      @click=\"updateSearchModel('')\"\n      data-wv-section=\"reset-filter-icon\"\n      icon=\"close\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onKeydown","event","updateSearchModel","query"],"mappings":";;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAERC,IAAOC,GAEPC,IAAY,CAACC,MAA+B;AAChD,MAAIA,EAAM,QAAQ,WAChBA,EAAM,eAAA;AAAA,IAEV,GAEMC,IAAoB,CAACC,MAAwB;AACjD,MAAAL,EAAK,qBAAqBK,CAAK;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ts-helpers.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import {
   AllowedComponentProps,
   ComponentCustomProps,