@kong/kongponents 9.61.4 → 9.61.5

package/dist/kongponents280.es.js

@@ -1,43 +1,130 @@
-import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
-const h = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-spinner-loader"
-}, I = {
-  key: 0,
-  class: "progress"
-}, y = /* @__PURE__ */ u({
-  __name: "FullScreenGenericSpinner",
-  props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
-  },
-  setup(r) {
-    c((l) => ({
-      af01d13c: l.zIndex
-    }));
-    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), p(() => {
-      clearInterval(n.value);
-    }), (l, t) => (a(), i("div", h, [
-      s("div", null, [
-        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
-        r.hideProgress ? f("", !0) : (a(), i("div", I, [
-          s("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: g({ width: `${d.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
-    ]));
+const h = ["top", "right", "bottom", "left"], f = ["start", "end"], C = /* @__PURE__ */ h.reduce((t, n) => t.concat(n, n + "-" + f[0], n + "-" + f[1]), []), p = Math.min, x = Math.max, j = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function R(t, n, e) {
+  return x(t, p(n, e));
+}
+function T(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function d(t) {
+  return t === "x" ? "y" : "x";
+}
+function A(t) {
+  return t === "y" ? "height" : "width";
+}
+function P(t) {
+  const n = t[0];
+  return n === "t" || n === "b" ? "y" : "x";
+}
+function y(t) {
+  return d(P(t));
+}
+function k(t, n, e) {
+  e === void 0 && (e = !1);
+  const r = m(t), i = y(t), o = A(i);
+  let c = i === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return n.reference[o] > n.floating[o] && (c = u(c)), [c, u(c)];
+}
+function q(t) {
+  const n = u(t);
+  return [s(t), n, s(n)];
+}
+function s(t) {
+  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
+}
+const l = ["left", "right"], a = ["right", "left"], O = ["top", "bottom"], M = ["bottom", "top"];
+function S(t, n, e) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return e ? n ? a : l : n ? l : a;
+    case "left":
+    case "right":
+      return n ? O : M;
+    default:
+      return [];
   }
-});
+}
+function z(t, n, e, r) {
+  const i = m(t);
+  let o = S(g(t), e === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), n && (o = o.concat(o.map(s)))), o;
+}
+function u(t) {
+  const n = g(t);
+  return b[n] + t.slice(n.length);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: n,
+    y: e,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: e,
+    left: n,
+    right: n + r,
+    bottom: e + i,
+    x: n,
+    y: e
+  };
+}
 export {
-  y as default
+  f as alignments,
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  m as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  A as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  d as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  u as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  x as max,
+  p as min,
+  C as placements,
+  D as rectToClientRect,
+  j as round,
+  h as sides
 };

package/dist/kongponents281.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents332.cjs");var r=/[\\^$.*+?()[\]{}|]/g,a=RegExp(r.source);function t(e){return e=u.default(e),e&&a.test(e)?e.replace(r,"\\$&"):e}exports.default=t;

package/dist/kongponents281.es.js

@@ -0,0 +1,8 @@
+import p from "./kongponents332.es.js";
+var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
+function x(e) {
+  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+}
+export {
+  x as default
+};

package/dist/kongponents282.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents178.cjs"),C=require("./kongponents195.cjs"),g=require("./kongponents210.cjs"),V=require("./kongponents278.cjs"),c=require("./kongponents38.cjs"),x=require("./kongponents42.cjs"),N=require("./kongponents49.cjs"),I=require("./kongponents50.cjs"),q=require("./kongponents55.cjs"),S=require("./kongponents30.cjs");;/* empty css                */const B=require("./kongponents57.cjs"),M={class:"table-column-visibility-menu"},T={class:"apply-button-wrapper"},D=e.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(i,{emit:b}){const v=b,f=e.ref(!1),n=e.ref({}),u=e.ref(!1),r=e.ref(),o=e.ref(""),d=()=>{n.value=i.columns.reduce((t,l)=>(t[l.key]=i.visibilityPreferences[l.key]===void 0?!0:i.visibilityPreferences[l.key],t),{}),u.value=!1},y=w.debounce(t=>{o.value=t,r.value&&s(r.value)},500),m=e.computed(()=>o.value?i.columns.filter(t=>(t.label?t.label:t.key).toLowerCase().includes(o.value.toLowerCase())):i.columns),p=()=>{v("update",JSON.parse(JSON.stringify(n.value))),u.value=!1,o.value=""},k=t=>{f.value=t,t&&r.value&&e.nextTick(()=>{r.value&&s(r.value)}),!t&&u.value&&d(),t||(o.value="")},s=t=>{if(!(t.scrollHeight>t.clientHeight)){t.classList.remove("is-bottom-overflowing");return}const a=t.scrollHeight<t.clientHeight+t.scrollTop+1;t.classList.toggle("is-bottom-overflowing",!a)};return e.watch(()=>i.visibilityPreferences,()=>{d()},{immediate:!0}),e.onMounted(()=>{r.value&&(r.value.addEventListener("scroll",t=>{const l=t.currentTarget;s(l)}),s(r.value))}),e.onBeforeMount(()=>{d()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(N.default,{"data-testid":"table-column-visibility-menu",disabled:i.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:k},{items:e.withCtx(()=>[o.value||m.value.length>5?(e.openBlock(),e.createBlock(q.default,{key:0,modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=a=>o.value=a),modelModifiers:{trim:!0},autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"search-input","data-testid":"search-input",name:"column-search",placeholder:"Search columns",spellcheck:"false",type:"search",onClick:l[2]||(l[2]=e.withModifiers(()=>{},["stop"])),onInput:e.unref(y)},e.createSlots({before:e.withCtx(()=>[e.createVNode(e.unref(g.default),{decorative:""})]),_:2},[o.value?{name:"after",fn:e.withCtx(()=>[e.createVNode(c.default,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:l[0]||(l[0]=e.withModifiers(()=>o.value="",["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"menuItemsRef",ref:r,class:"menu-items-wrapper"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(I.default,{key:a.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${a.key}`,onClick:e.withModifiers(()=>{n.value[a.key]=!n.value[a.key],u.value=!0},["stop"])},{default:e.withCtx(()=>[e.createVNode(x.default,{modelValue:n.value[a.key],"onUpdate:modelValue":h=>n.value[a.key]=h,"aria-labelledby":`${i.tableId}-${a.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${a.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),e.createVNode(B.default,{id:`${i.tableId}-${a.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:a.label},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),e.createElementVNode("div",T,[e.createVNode(c.default,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode(" Apply ",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(S.default,{placement:"bottom-end",text:f.value?void 0:"Show/Hide Columns"},{default:e.withCtx(()=>[e.createVNode(c.default,{appearance:"tertiary","aria-label":"Show/Hide Columns",class:"menu-button","data-testid":"column-visibility-menu-button",disabled:i.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}});exports.default=D;

package/dist/kongponents282.es.js

@@ -0,0 +1,182 @@
+import { defineComponent as D, ref as u, computed as L, watch as T, onMounted as $, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as E, renderList as P, createTextVNode as C, toDisplayString as z, nextTick as U } from "vue";
+import { debounce as A } from "./kongponents178.es.js";
+import J from "./kongponents195.es.js";
+import R from "./kongponents210.es.js";
+import F from "./kongponents278.es.js";
+import p from "./kongponents38.es.js";
+import O from "./kongponents42.es.js";
+import j from "./kongponents49.es.js";
+import q from "./kongponents50.es.js";
+import G from "./kongponents55.es.js";
+import Q from "./kongponents30.es.js";
+/* empty css                 */
+import W from "./kongponents57.es.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ D({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(a, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
+      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = A((e) => {
+      i.value = e, n.value && m(n.value);
+    }, 500), k = L(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
+    }, M = (e) => {
+      y.value = e, e && n.value && U(() => {
+        n.value && m(n.value);
+      }), !e && d.value && b(), e || (i.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
+        return;
+      }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
+    };
+    return T(() => a.visibilityPreferences, () => {
+      b();
+    }, { immediate: !0 }), $(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      b();
+    }), (e, t) => (c(), h("div", X, [
+      o(j, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: a.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: M
+      }, {
+        items: r(() => [
+          i.value || k.value.length > 5 ? (c(), g(G, {
+            key: 0,
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+            modelModifiers: { trim: !0 },
+            autocapitalize: "off",
+            autocomplete: "off",
+            autocorrect: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            name: "column-search",
+            placeholder: "Search columns",
+            spellcheck: "false",
+            type: "search",
+            onClick: t[2] || (t[2] = v(() => {
+            }, ["stop"])),
+            onInput: f(I)
+          }, K({
+            before: r(() => [
+              o(f(R), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            i.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(f(J), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(E, null, P(k.value, (l) => (c(), g(q, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: v(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(O, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (B) => s.value[l.key] = B,
+                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(z(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: a.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(f(F), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  me as default
+};

package/dist/kongponents284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents225.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents30.cjs");;/* empty css                */const n=require("./kongponents49.cjs"),d=require("./kongponents38.cjs"),r=require("./kongponents226.cjs"),i={key:0,class:"bulk-actions-dropdown-trigger-count"},l=e.defineComponent({__name:"BulkActionsDropdown",props:{disabled:{type:Boolean},count:{default:""},buttonLabel:{default:""}},setup(t){return(o,s)=>(e.openBlock(),e.createBlock(n.default,{class:"bulk-actions-dropdown","data-testid":"bulk-actions-dropdown",disabled:t.disabled,"kpop-attributes":{placement:"bottom-end"}},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"items",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(a.default,{placement:"bottom-end",text:"Selected Row Actions"},{default:e.withCtx(()=>[e.createVNode(d.default,{appearance:"secondary","aria-label":t.buttonLabel,class:"bulk-actions-dropdown-trigger","data-testid":"bulk-actions-dropdown-trigger",disabled:t.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{class:"more-icon",decorative:""}),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[t.count?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.count),1)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["aria-label","disabled"])]),_:1})]),_:3},8,["disabled"]))}});exports.default=l;

package/dist/kongponents284.es.js

@@ -1,4 +1,66 @@
-import f from "./kongponents225.es.js";
+import { defineComponent as d, openBlock as a, createBlock as i, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
+import b from "./kongponents30.es.js";
+/* empty css                 */
+import p from "./kongponents49.es.js";
+import f from "./kongponents38.es.js";
+import k from "./kongponents226.es.js";
+const g = {
+  key: 0,
+  class: "bulk-actions-dropdown-trigger-count"
+}, D = /* @__PURE__ */ d({
+  __name: "BulkActionsDropdown",
+  props: {
+    disabled: { type: Boolean },
+    count: { default: "" },
+    buttonLabel: { default: "" }
+  },
+  setup(t) {
+    return (n, w) => (a(), i(p, {
+      class: "bulk-actions-dropdown",
+      "data-testid": "bulk-actions-dropdown",
+      disabled: t.disabled,
+      "kpop-attributes": { placement: "bottom-end" }
+    }, {
+      items: e(() => [
+        m(n.$slots, "items", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        o(b, {
+          placement: "bottom-end",
+          text: "Selected Row Actions"
+        }, {
+          default: e(() => [
+            o(f, {
+              appearance: "secondary",
+              "aria-label": t.buttonLabel,
+              class: "bulk-actions-dropdown-trigger",
+              "data-testid": "bulk-actions-dropdown-trigger",
+              disabled: t.disabled,
+              icon: "",
+              size: "large"
+            }, {
+              default: e(() => [
+                o(r(k), {
+                  class: "more-icon",
+                  decorative: ""
+                }),
+                o(l, { name: "kongponents-fade-transition" }, {
+                  default: e(() => [
+                    t.count ? (a(), s("span", g, c(t.count), 1)) : u("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+});
 export {
-  f as default
+  D as default
 };

package/dist/kongponents286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents304.cjs");var t=function(){return e.default.Date.now()};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents49.cjs"),C=require("./kongponents50.cjs"),h=require("./kongponents55.cjs"),S=require("./kongponents459.cjs"),b=require("./kongponents274.cjs"),B={key:0,class:"item-filtering-wrapper"},T={key:1,class:"no-items","data-testid":"filter-selector-no-items"},F={ref:"itemWrapper",class:"items-wrapper"},V=e.defineComponent({__name:"FilterSelector",props:{filters:{},itemFiltering:{type:Boolean,default:!1},label:{default:"Add filter"}},emits:["select"],setup(r,{emit:u}){const s=e.useTemplateRef("filterSelector"),d=e.useTemplateRef("itemWrapper"),f=e.useTemplateRef("itemFilteringInput"),a=e.ref(!1),i=e.ref(""),m=e.computed(()=>i.value.toLocaleLowerCase()),n=e.ref(!1),c=e.computed(()=>Object.entries(r.filters).filter(([,t])=>(r.itemFiltering===!1||t.label.toLocaleLowerCase().includes(m.value))&&!t.readonly).map(([t,l])=>({label:l.label,value:t,onClick:()=>v(t)}))),p=u,v=t=>{p("select",t)},g=async t=>{t?(n.value=!0,await e.nextTick(),i.value="",f.value?.input?.focus()):n.value=!1,a.value=!a.value},k=async()=>{a.value?s.value?.closeDropdown():(s.value?.openDropdown(),await e.nextTick(),d.value?.scrollTo({top:0}))};return(t,l)=>(e.openBlock(),e.createBlock(w.default,{ref:"filterSelector",width:"auto",onToggleDropdown:g},{default:e.withCtx(()=>[e.createVNode(S.default,{"data-testid":"filter-selector",label:r.label,"pill-focus":n.value,onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:k},{"open-icon":e.withCtx(()=>[e.createVNode(e.unref(b.default),{decorative:""})]),_:1},8,["label","pill-focus"])]),items:e.withCtx(()=>[r.itemFiltering?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(h.default,{ref:"itemFilteringInput",modelValue:i.value,"onUpdate:modelValue":l[1]||(l[1]=o=>i.value=o),"data-testid":"filter-selector-item-filtering",placeholder:"Search…",onClick:l[2]||(l[2]=e.withModifiers(()=>{},["stop"]))},null,8,["modelValue"])])):e.createCommentVNode("",!0),r.itemFiltering&&c.value.length===0?(e.openBlock(),e.createElementBlock("div",T," No filters found ")):e.createCommentVNode("",!0),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>(e.openBlock(),e.createBlock(C.default,{key:o.value,"data-testid":"dropdown-item-trigger",item:o,value:o.value,onClick:o.onClick},{default:e.withCtx(()=>[e.renderSlot(t.$slots,`filter-item-${o.value}`,{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},1032,["item","value","onClick"]))),128))],512)]),_:3},512))}});exports.default=V;

package/dist/kongponents286.es.js

@@ -1,7 +1,93 @@
-import o from "./kongponents304.es.js";
-var t = function() {
-  return o.Date.now();
-};
+import { defineComponent as D, useTemplateRef as c, ref as u, computed as v, openBlock as r, createBlock as g, withCtx as a, createElementBlock as m, createVNode as d, withModifiers as w, createCommentVNode as k, createElementVNode as B, Fragment as L, renderList as N, renderSlot as x, createTextVNode as R, toDisplayString as K, unref as W, nextTick as C } from "vue";
+import E from "./kongponents49.es.js";
+import O from "./kongponents50.es.js";
+import $ from "./kongponents55.es.js";
+import j from "./kongponents459.es.js";
+import A from "./kongponents274.es.js";
+const M = {
+  key: 0,
+  class: "item-filtering-wrapper"
+}, P = {
+  key: 1,
+  class: "no-items",
+  "data-testid": "filter-selector-no-items"
+}, U = {
+  ref: "itemWrapper",
+  class: "items-wrapper"
+}, X = /* @__PURE__ */ D({
+  __name: "FilterSelector",
+  props: {
+    filters: {},
+    itemFiltering: { type: Boolean, default: !1 },
+    label: { default: "Add filter" }
+  },
+  emits: ["select"],
+  setup(o, { emit: S }) {
+    const f = c("filterSelector"), h = c("itemWrapper"), F = c("itemFilteringInput"), n = u(!1), i = u(""), b = v(() => i.value.toLocaleLowerCase()), s = u(!1), p = v(() => Object.entries(o.filters).filter(([, e]) => (o.itemFiltering === !1 || e.label.toLocaleLowerCase().includes(b.value)) && !e.readonly).map(([e, t]) => ({
+      label: t.label,
+      value: e,
+      onClick: () => I(e)
+    }))), y = S, I = (e) => {
+      y("select", e);
+    }, T = async (e) => {
+      e ? (s.value = !0, await C(), i.value = "", F.value?.input?.focus()) : s.value = !1, n.value = !n.value;
+    }, V = async () => {
+      n.value ? f.value?.closeDropdown() : (f.value?.openDropdown(), await C(), h.value?.scrollTo({ top: 0 }));
+    };
+    return (e, t) => (r(), g(E, {
+      ref: "filterSelector",
+      width: "auto",
+      onToggleDropdown: T
+    }, {
+      default: a(() => [
+        d(j, {
+          "data-testid": "filter-selector",
+          label: o.label,
+          "pill-focus": s.value,
+          onClick: t[0] || (t[0] = w(() => {
+          }, ["prevent", "stop"])),
+          onTrigger: V
+        }, {
+          "open-icon": a(() => [
+            d(W(A), { decorative: "" })
+          ]),
+          _: 1
+        }, 8, ["label", "pill-focus"])
+      ]),
+      items: a(() => [
+        o.itemFiltering ? (r(), m("div", M, [
+          d($, {
+            ref: "itemFilteringInput",
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+            "data-testid": "filter-selector-item-filtering",
+            placeholder: "Search…",
+            onClick: t[2] || (t[2] = w(() => {
+            }, ["stop"]))
+          }, null, 8, ["modelValue"])
+        ])) : k("", !0),
+        o.itemFiltering && p.value.length === 0 ? (r(), m("div", P, " No filters found ")) : k("", !0),
+        B("div", U, [
+          (r(!0), m(L, null, N(p.value, (l) => (r(), g(O, {
+            key: l.value,
+            "data-testid": "dropdown-item-trigger",
+            item: l,
+            value: l.value,
+            onClick: l.onClick
+          }, {
+            default: a(() => [
+              x(e.$slots, `filter-item-${l.value}`, {}, () => [
+                R(K(l.label), 1)
+              ], !0)
+            ]),
+            _: 2
+          }, 1032, ["item", "value", "onClick"]))), 128))
+        ], 512)
+      ]),
+      _: 3
+    }, 512));
+  }
+});
 export {
-  t as default
+  X as default
 };

package/dist/kongponents288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e,t){return e===t||e!==e&&t!==t}exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents184.cjs"),M=require("./kongponents62.cjs"),U=require("./kongponents55.cjs"),b=require("./kongponents66.cjs"),F=require("./kongponents60.cjs"),D=require("./kongponents459.cjs"),I={class:"filter-content","data-testid":"filter-pill-content"},L={class:"default-layout"},R={key:0,class:"operator"},$={class:"value"},j={class:"footer"},G=e.defineComponent({inheritAttrs:!1,__name:"FilterPill",props:{filter:{},initOpen:{type:Boolean,default:!1},selection:{default:()=>{}},custom:{type:Boolean,default:!1}},emits:["apply","close","open","clear"],setup(t,{emit:k}){e.useCssVars(a=>({v7a84ec58:w.value}));const x=e.useAttrs(),d=k,f=e.ref(!1),m=e.useTemplateRef("filterPopper"),s=e.ref(),r=e.ref(),u=e.ref(),n=e.ref(),h=e.useTemplateRef("inputField"),c=e.computed(()=>t.custom?"custom":t.filter.options&&!t.filter.multiple?"select":t.filter.options&&t.filter.multiple?"multiselect":"input"),C=e.computed(()=>{switch(c.value){case"input":return!r.value||r.value==="";case"select":return!u.value;case"multiselect":return!n.value||n.value.length===0;default:return!1}}),p=e.computed(()=>t.filter.operators&&t.filter.operators.length?t.filter.operators:["eq"]),w=e.computed(()=>p.value.some(a=>a==="lte"||a==="gte")?"205px":"120px"),g=e.computed(()=>{let a,l;switch(c.value){case"input":a=r.value,l=r.value;break;case"select":a=u.value,l=t.filter?.options?.find(({value:o})=>o===u.value)?.label??u.value?.toString();break;case"multiselect":a=n.value,l=n.value?.map(o=>t.filter.options?.find(({value:i})=>i===o))?.filter(o=>o!==void 0)?.map(({label:o})=>o)?.join(", ");break}if(!(s.value===void 0||a===void 0||l===void 0))return{operator:s.value,value:a,text:l}}),q=e.computed(()=>{if(t.selection?.operatorDelimiter!==void 0)return t.selection.operatorDelimiter;switch(t.selection?.operator){case"eq":return" = ";case"neq":return" ≠ ";case"lt":return" < ";case"lte":return" ≤ ";case"gt":return" > ";case"gte":return" ≥ ";default:return": "}}),V=e.computed(()=>{const a={eq:"Equals",neq:"Not equals",contains:"Contains",exists:"Exists",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to"};return p.value.map(l=>({label:a[l],value:l}))}),B=e.computed(()=>V.value.find(({value:a})=>a===s.value)?.label??""),N=()=>{c.value==="input"&&h.value?.input?.focus()},S=()=>{s.value=t.selection?.operator??p.value?.[0],r.value=typeof t.selection?.value=="string"?t.selection.value:void 0,u.value=t.filter.options?.find(({value:a})=>a===t.selection?.value)?.value,n.value=t.filter.options?.filter(({value:a})=>{if(Array.isArray(t.selection?.value))return t.selection.value.includes(`${a}`)}).map(({value:a})=>a)},y=async()=>{S(),m.value&&(m.value.showPopover(),f.value=!0,await e.nextTick(),N()),d("open")},v=()=>{m.value&&(m.value.hidePopover(),f.value=!1),d("close")};e.onMounted(()=>{t.initOpen&&y()});const P=()=>{f.value&&v()},E=()=>{c.value==="custom"?d("apply",void 0):d("apply",g.value),v()},T=()=>{v()},O=()=>{v(),d("clear")},A=()=>{f.value?v():y()};return(a,l)=>{const o=e.resolveComponent("KButton");return e.openBlock(),e.createBlock(M.default,{ref:"filterPopper","max-width":t.filter.maxWidth??"400px",offset:`var(--kui-space-30, ${e.unref(K.KUI_SPACE_30)})`,placement:t.filter.placement??"bottom-start",width:"auto",onClose:P},{default:e.withCtx(()=>[e.createVNode(D.default,e.mergeProps({"content-label":t.selection?.text,"data-testid":"filter-pill",delimiter:q.value,label:t.filter.label,"pill-focus":f.value,readonly:t.filter.readonly},e.unref(x),{onClear:O,onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:A}),null,16,["content-label","delimiter","label","pill-focus","readonly"])]),title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.filter.label),1)]),content:e.withCtx(()=>[e.createElementVNode("div",I,[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",L,[p.value.length>1?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(b.default,{modelValue:s.value,"onUpdate:modelValue":l[1]||(l[1]=i=>s.value=i),items:V.value,"kpop-attributes":{popoverClasses:"force-operator-width"},label:"Operator",title:B.value},null,8,["modelValue","items","title"])])):e.createCommentVNode("",!0),e.createElementVNode("div",$,[c.value==="select"?(e.openBlock(),e.createBlock(b.default,{key:0,modelValue:u.value,"onUpdate:modelValue":l[2]||(l[2]=i=>u.value=i),"data-testid":"filter-pill-select",items:t.filter.options,label:"Value",placeholder:"Select a value"},null,8,["modelValue","items"])):c.value==="multiselect"?(e.openBlock(),e.createBlock(F.default,{key:1,modelValue:n.value,"onUpdate:modelValue":l[3]||(l[3]=i=>n.value=i),"data-testid":"filter-pill-multiselect",items:t.filter.options,label:"Value",placeholder:"Select values"},null,8,["modelValue","items"])):(e.openBlock(),e.createBlock(U.default,{key:2,ref:"inputField",modelValue:r.value,"onUpdate:modelValue":l[4]||(l[4]=i=>r.value=i),modelModifiers:{trim:!0},"data-testid":"filter-pill-input",label:"Value",placeholder:"Enter a value"},null,8,["modelValue"]))])])],!0)])]),footer:e.withCtx(()=>[e.createElementVNode("div",j,[e.createVNode(o,{appearance:"secondary","data-testid":"filter-pill-cancel",onClick:T},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(o,{appearance:"primary","data-testid":"filter-pill-apply",disabled:C.value,onClick:E},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])])]),_:3},8,["max-width","offset","placement"])}}});exports.default=G;