@kong/kongponents 9.61.0 → 9.61.1

package/dist/kongponents257.es.js

@@ -0,0 +1,330 @@
+import { getCurrentScope as K, ref as N, reactive as Q, onScopeDispose as U, watch as X, isReadonly as Y, toRefs as Z } from "vue";
+import _ from "./kongponents450.es.js";
+import T from "./kongponents256.es.js";
+var m = function() {
+  return m = Object.assign || function(o) {
+    for (var n, r = 1, i = arguments.length; r < i; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (o[a] = n[a]);
+    }
+    return o;
+  }, m.apply(this, arguments);
+}, E = function(o, n, r, i) {
+  function a(e) {
+    return e instanceof r ? e : new r(function(f) {
+      f(e);
+    });
+  }
+  return new (r || (r = Promise))(function(e, f) {
+    function h(l) {
+      try {
+        t(i.next(l));
+      } catch (u) {
+        f(u);
+      }
+    }
+    function s(l) {
+      try {
+        t(i.throw(l));
+      } catch (u) {
+        f(u);
+      }
+    }
+    function t(l) {
+      l.done ? e(l.value) : a(l.value).then(h, s);
+    }
+    t((i = i.apply(o, n || [])).next());
+  });
+}, p = function(o, n) {
+  var r = { label: 0, sent: function() {
+    if (e[0] & 1) throw e[1];
+    return e[1];
+  }, trys: [], ops: [] }, i, a, e, f;
+  return f = { next: h(0), throw: h(1), return: h(2) }, typeof Symbol == "function" && (f[Symbol.iterator] = function() {
+    return this;
+  }), f;
+  function h(t) {
+    return function(l) {
+      return s([t, l]);
+    };
+  }
+  function s(t) {
+    if (i) throw new TypeError("Generator is already executing.");
+    for (; r; ) try {
+      if (i = 1, a && (e = t[0] & 2 ? a.return : t[0] ? a.throw || ((e = a.return) && e.call(a), 0) : a.next) && !(e = e.call(a, t[1])).done) return e;
+      switch (a = 0, e && (t = [t[0] & 2, e.value]), t[0]) {
+        case 0:
+        case 1:
+          e = t;
+          break;
+        case 4:
+          return r.label++, { value: t[1], done: !1 };
+        case 5:
+          r.label++, a = t[1], t = [0];
+          continue;
+        case 7:
+          t = r.ops.pop(), r.trys.pop();
+          continue;
+        default:
+          if (e = r.trys, !(e = e.length > 0 && e[e.length - 1]) && (t[0] === 6 || t[0] === 2)) {
+            r = 0;
+            continue;
+          }
+          if (t[0] === 3 && (!e || t[1] > e[0] && t[1] < e[3])) {
+            r.label = t[1];
+            break;
+          }
+          if (t[0] === 6 && r.label < e[1]) {
+            r.label = e[1], e = t;
+            break;
+          }
+          if (e && r.label < e[2]) {
+            r.label = e[2], r.ops.push(t);
+            break;
+          }
+          e[2] && r.ops.pop(), r.trys.pop();
+          continue;
+      }
+      t = n.call(o, r);
+    } catch (l) {
+      t = [6, l], a = 0;
+    } finally {
+      i = e = 0;
+    }
+    if (t[0] & 5) throw t[1];
+    return { value: t[0] ? t[1] : void 0, done: !0 };
+  }
+}, $ = function(o, n) {
+  var r = typeof Symbol == "function" && o[Symbol.iterator];
+  if (!r) return o;
+  var i = r.call(o), a, e = [], f;
+  try {
+    for (; (n === void 0 || n-- > 0) && !(a = i.next()).done; ) e.push(a.value);
+  } catch (h) {
+    f = { error: h };
+  } finally {
+    try {
+      a && !a.done && (r = i.return) && r.call(i);
+    } finally {
+      if (f) throw f.error;
+    }
+  }
+  return e;
+}, ee = function(o, n, r) {
+  if (r || arguments.length === 2) for (var i = 0, a = n.length, e; i < a; i++)
+    (e || !(i in n)) && (e || (e = Array.prototype.slice.call(n, 0, i)), e[i] = n[i]);
+  return o.concat(e || Array.prototype.slice.call(n));
+}, z = new T(), O = new T(), D = new T(), F = {
+  cache: z,
+  refreshInterval: 0,
+  ttl: 0,
+  serverTTL: 1e3,
+  dedupingInterval: 2e3,
+  revalidateOnFocus: !0,
+  revalidateDebounce: 0,
+  shouldRetryOnError: !0,
+  errorRetryInterval: 5e3,
+  errorRetryCount: 5,
+  fetcher: _.fetcher,
+  isOnline: _.isOnline,
+  isDocumentVisible: _.isDocumentVisible
+};
+function re(o, n, r) {
+  var i = O.get(o);
+  if (i)
+    i.data.push(n);
+  else {
+    var a = 5e3;
+    O.set(o, [n], r > 0 ? r + a : r);
+  }
+}
+function te(o, n, r) {
+  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && n > r.errorRetryCount)) {
+    var i = Math.min(n || 0, r.errorRetryCount), a = i * r.errorRetryInterval;
+    setTimeout(function() {
+      o(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
+    }, a);
+  }
+}
+function G(o) {
+  var n = o.shouldRetry, r = n === void 0 ? void 0 : n, i = o.error;
+  return typeof r == "function" ? r(i) : typeof r == "boolean" ? r : F.shouldRetryOnError;
+}
+var q = function(o, n, r, i) {
+  return r === void 0 && (r = z), i === void 0 && (i = F.ttl), E(void 0, void 0, void 0, function() {
+    var a, e, f, h, s, t, l;
+    return p(this, function(u) {
+      switch (u.label) {
+        case 0:
+          if (!ne(n)) return [3, 5];
+          u.label = 1;
+        case 1:
+          return u.trys.push([1, 3, , 4]), [4, n];
+        case 2:
+          return a = u.sent(), [3, 4];
+        case 3:
+          return h = u.sent(), e = h, [3, 4];
+        case 4:
+          return [3, 6];
+        case 5:
+          a = n, u.label = 6;
+        case 6:
+          if (f = !1, s = { data: a, error: e, isValidating: f }, typeof a < "u")
+            try {
+              r.set(o, s, i);
+            } catch (v) {
+              console.error("swrv(mutate): failed to set cache", v);
+            }
+          return t = O.get(o), t && t.data.length && (l = t.data.filter(function(v) {
+            return v.key === o;
+          }), l.forEach(function(v, b) {
+            typeof s.data < "u" && (v.data = s.data), v.error = s.error, v.isValidating = s.isValidating, v.isLoading = s.isValidating;
+            var g = b === l.length - 1;
+            g || delete l[b];
+          }), l = l.filter(Boolean)), [2, s];
+      }
+    });
+  });
+};
+function oe() {
+  for (var o = this, n = [], r = 0; r < arguments.length; r++)
+    n[r] = arguments[r];
+  var i, a, e = m({}, F), f = !1, h = !1;
+  if (!K())
+    return console.error("useSWRV must be called inside setup() or an active effectScope()."), null;
+  var s = typeof window > "u" || typeof document > "u";
+  n.length >= 1 && (i = n[0]), n.length >= 2 && (a = n[1]), n.length > 2 && (e = m(m({}, e), n[2]));
+  var t = s ? e.serverTTL : e.ttl, l = typeof i == "function" ? i : N(i);
+  typeof a > "u" && (a = e.fetcher);
+  var u = null;
+  u || (u = Q({
+    data: void 0,
+    error: void 0,
+    isValidating: !0,
+    isLoading: !0,
+    key: null
+  }));
+  var v = function(c, d) {
+    return E(o, void 0, void 0, function() {
+      var x, y, V, R, A, H, I, j = this;
+      return p(this, function(S) {
+        switch (S.label) {
+          case 0:
+            return x = u.data === void 0, y = l.value, y ? (V = e.cache.get(y), R = V && V.data, u.isValidating = !0, u.isLoading = !R, R && (u.data = R.data, u.error = R.error), A = c || a, !A || !e.isDocumentVisible() && !x || d?.forceRevalidate !== void 0 && !d?.forceRevalidate ? (u.isValidating = !1, u.isLoading = !1, [
+              2
+              /*return*/
+            ]) : V && (H = !!(Date.now() - V.createdAt >= e.dedupingInterval || d?.forceRevalidate), !H) ? (u.isValidating = !1, u.isLoading = !1, [
+              2
+              /*return*/
+            ]) : (I = function() {
+              return E(j, void 0, void 0, function() {
+                var w, B, L, P, W, M;
+                return p(this, function(C) {
+                  switch (C.label) {
+                    case 0:
+                      return w = D.get(y), w ? [3, 2] : (B = Array.isArray(y) ? y : [y], L = A.apply(void 0, ee([], $(B), !1)), D.set(y, L, e.dedupingInterval), [4, q(y, L, e.cache, t)]);
+                    case 1:
+                      return C.sent(), [3, 4];
+                    case 2:
+                      return [4, q(y, w.data, e.cache, t)];
+                    case 3:
+                      C.sent(), C.label = 4;
+                    case 4:
+                      return u.isValidating = !1, u.isLoading = !1, D.delete(y), u.error !== void 0 && (P = G({ shouldRetry: e.shouldRetryOnError, error: u.error }), W = G({
+                        shouldRetry: d ? d.shouldRetryOnError : !0,
+                        error: u.error
+                      }), M = !f && P && W, M && te(v, d ? d.errorRetryCount : 1, e)), [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, R && e.revalidateDebounce ? (setTimeout(function() {
+              return E(j, void 0, void 0, function() {
+                return p(this, function(w) {
+                  switch (w.label) {
+                    case 0:
+                      return f ? [3, 2] : [4, I()];
+                    case 1:
+                      w.sent(), w.label = 2;
+                    case 2:
+                      return [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, e.revalidateDebounce), [3, 3]) : [3, 1])) : [
+              2
+              /*return*/
+            ];
+          case 1:
+            return [4, I()];
+          case 2:
+            S.sent(), S.label = 3;
+          case 3:
+            return [
+              2
+              /*return*/
+            ];
+        }
+      });
+    });
+  }, b = function() {
+    return E(o, void 0, void 0, function() {
+      return p(this, function(c) {
+        return [2, v(null, { shouldRetryOnError: !1 })];
+      });
+    });
+  }, g = null;
+  if (!s) {
+    var k = function() {
+      return E(o, void 0, void 0, function() {
+        return p(this, function(c) {
+          switch (c.label) {
+            case 0:
+              return !u.error && e.isOnline() ? [4, v()] : [3, 2];
+            case 1:
+              return c.sent(), [3, 3];
+            case 2:
+              g && (clearTimeout(g), g = null), c.label = 3;
+            case 3:
+              return e.refreshInterval && !f && (g = setTimeout(k, e.refreshInterval)), [
+                2
+                /*return*/
+              ];
+          }
+        });
+      });
+    };
+    e.refreshInterval && (g = setTimeout(k, e.refreshInterval)), e.revalidateOnFocus && (document.addEventListener("visibilitychange", b, !1), window.addEventListener("focus", b, !1));
+  }
+  U(function() {
+    f = !0, g && (clearTimeout(g), g = null), !s && e.revalidateOnFocus && (document.removeEventListener("visibilitychange", b, !1), window.removeEventListener("focus", b, !1));
+    var c = O.get(l.value);
+    c && (c.data = c.data.filter(function(d) {
+      return d !== u;
+    }));
+  });
+  try {
+    X(l, function(c) {
+      Y(l) || (l.value = c), u.key = c, u.isValidating = !!c, re(l.value, u, t), !s && !h && l.value && v(), h = !1;
+    }, {
+      immediate: !0
+    });
+  } catch {
+  }
+  var J = m(m({}, Z(u)), { mutate: function(c, d) {
+    return v(c, m(m({}, d), { forceRevalidate: !0 }));
+  } });
+  return J;
+}
+function ne(o) {
+  return o !== null && typeof o == "object" && typeof o.then == "function";
+}
+export {
+  oe as default,
+  q as mutate
+};

package/dist/kongponents258.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-loader"},l=e.defineComponent({__name:"SkeletonBase",setup(d){return(o,n)=>(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"})],!0)]))}});exports.default=l;
+"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("./kongponents404.cjs"),b=require("./kongponents268.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/kongponents258.es.js

@@ -1,26 +1,93 @@
-import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
-import t from "./kongponents67.es.js";
-const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
-  __name: "SkeletonBase",
-  setup(a) {
-    return (o, d) => (n(), s("div", l, [
-      i(o.$slots, "default", {}, () => [
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        })
-      ], !0)
-    ]));
+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 "./kongponents404.es.js";
+import A from "./kongponents268.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 {
-  _ as default
+  X as default
 };

package/dist/kongponents260.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents189.cjs"),l=require("./kongponents192.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents190.cjs"),M=require("./kongponents62.cjs"),U=require("./kongponents55.cjs"),b=require("./kongponents66.cjs"),F=require("./kongponents60.cjs"),D=require("./kongponents404.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;