@kong/kongponents 9.61.3 → 9.61.4

package/dist/kongponents338.es.js

@@ -1,6 +1,89 @@
-function e(t) {
-  return t;
-}
+import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
+import f from "./kongponents238.es.js";
+const h = { ref: "itemsContainer" }, B = {
+  key: 1,
+  class: "select-group",
+  "data-propagate-clicks": "false"
+}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
+  __name: "KSelectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: b, emit: k }) {
+    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
+      const n = p.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(g);
+      if (!e?.length)
+        return;
+      const l = n.querySelector($);
+      if (l) {
+        const o = [...e].indexOf(l);
+        e[t === "down" ? o + 1 : o - 1]?.focus();
+      } else
+        e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, a = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = p.value?.querySelectorAll(g);
+        if (e?.length) {
+          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
+      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
+        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
+      }, [
+        E(e) ? (s(), d("div", B, [
+          u("span", K, v(e.label), 1),
+          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
+            key: o.key,
+            item: o,
+            onKeydown: a,
+            onSelected: S
+          }, {
+            content: m(() => [
+              C(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (s(), r(f, {
+          key: 0,
+          item: e,
+          onKeydown: a,
+          onSelected: S
+        }, {
+          content: m(() => [
+            C(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (s(), r(f, {
+        key: "select-add-item",
+        class: "select-add-item",
+        "data-testid": "select-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: a,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", L, [
+            T(v(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : _("", !0)
+    ], 512));
+  }
+});
 export {
-  e as default
+  R as default
 };

package/dist/kongponents34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue");require("./kongponents7.cjs");require("./kongponents12.cjs");const d=require("./kongponents21.cjs"),v=require("./kongponents75.cjs"),l=require("./kongponents161.cjs"),c="kongponents-toaster-container",r="data-instance-count",y="kongponents-toaster-wrapper",o={timeoutMilliseconds:5e3,appearance:d.ToasterAppearances.info},p=1e4;function C({zIndex:n=p}){let e=document.getElementById(c);e||(e=document.createElement("div"),e.id=c,e.setAttribute(r,"0"),e.style.zIndex=String(n),document.body.appendChild(e));const t=parseInt(e.getAttribute(r)||"0",10);return e.setAttribute(r,String(t+1)),e}function b(){const n=document.getElementById(c);if(!n)return;const e=parseInt(n.getAttribute(r)||"0",10),t=Math.max(0,e-1);t===0?n.remove():n.setAttribute(r,String(t))}class S{sharedContainer=null;instanceWrapper=null;toaster=null;toasts=i.ref([]);instanceId=l.getUniqueStringId();constructor(e){if(typeof document>"u"){console.warn("ToastManager should only be initialized in the browser environment. Docs: https://kongponents.konghq.com/components/toaster.html");return}const t=e?.zIndex??p;this.sharedContainer=C({zIndex:t}),this.instanceWrapper=document.createElement("div"),this.instanceWrapper.id=`${y}-${this.instanceId}`,this.sharedContainer.appendChild(this.instanceWrapper),this.toaster=i.createVNode(v.default,{toasterState:this.toasts.value,onClose:s=>this.close(s)}),this.instanceWrapper&&i.render(this.toaster,this.instanceWrapper)}setTimer(e,t){return window?.setTimeout(()=>this.close(e),t)||0}open(e){const{key:t,timeoutMilliseconds:s,appearance:a,message:h,title:m}=e,u=t?String(t):l.getUniqueStringId(),g=a&&Object.keys(d.ToasterAppearances).indexOf(a)!==-1?a:o.appearance,f=this.setTimer(u,s||o.timeoutMilliseconds),I=typeof e=="string"?e:h;this.toasts.value.push({key:u,appearance:g,title:m,message:I,timer:f,timeoutMilliseconds:s||o.timeoutMilliseconds})}close(e){const t=this.toasts.value?.findIndex(s=>e===s.key);clearTimeout(this.toasts.value[t]?.timer),this.toasts.value.splice(t,1)}closeAll(){this.toasts.value.forEach(e=>clearTimeout(e?.timer)),this.toasts.value=[]}destroy(){this.instanceWrapper&&this.sharedContainer&&(i.render(null,this.instanceWrapper),this.instanceWrapper.remove(),b()),this.instanceWrapper=null,this.sharedContainer=null,this.toaster=null}}exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue");require("./kongponents7.cjs");require("./kongponents12.cjs");const d=require("./kongponents21.cjs"),v=require("./kongponents75.cjs"),l=require("./kongponents160.cjs"),c="kongponents-toaster-container",r="data-instance-count",y="kongponents-toaster-wrapper",o={timeoutMilliseconds:5e3,appearance:d.ToasterAppearances.info},p=1e4;function C({zIndex:n=p}){let e=document.getElementById(c);e||(e=document.createElement("div"),e.id=c,e.setAttribute(r,"0"),e.style.zIndex=String(n),document.body.appendChild(e));const t=parseInt(e.getAttribute(r)||"0",10);return e.setAttribute(r,String(t+1)),e}function b(){const n=document.getElementById(c);if(!n)return;const e=parseInt(n.getAttribute(r)||"0",10),t=Math.max(0,e-1);t===0?n.remove():n.setAttribute(r,String(t))}class S{sharedContainer=null;instanceWrapper=null;toaster=null;toasts=i.ref([]);instanceId=l.getUniqueStringId();constructor(e){if(typeof document>"u"){console.warn("ToastManager should only be initialized in the browser environment. Docs: https://kongponents.konghq.com/components/toaster.html");return}const t=e?.zIndex??p;this.sharedContainer=C({zIndex:t}),this.instanceWrapper=document.createElement("div"),this.instanceWrapper.id=`${y}-${this.instanceId}`,this.sharedContainer.appendChild(this.instanceWrapper),this.toaster=i.createVNode(v.default,{toasterState:this.toasts.value,onClose:s=>this.close(s)}),this.instanceWrapper&&i.render(this.toaster,this.instanceWrapper)}setTimer(e,t){return window?.setTimeout(()=>this.close(e),t)||0}open(e){const{key:t,timeoutMilliseconds:s,appearance:a,message:h,title:m}=e,u=t?String(t):l.getUniqueStringId(),g=a&&Object.keys(d.ToasterAppearances).indexOf(a)!==-1?a:o.appearance,f=this.setTimer(u,s||o.timeoutMilliseconds),I=typeof e=="string"?e:h;this.toasts.value.push({key:u,appearance:g,title:m,message:I,timer:f,timeoutMilliseconds:s||o.timeoutMilliseconds})}close(e){const t=this.toasts.value?.findIndex(s=>e===s.key);clearTimeout(this.toasts.value[t]?.timer),this.toasts.value.splice(t,1)}closeAll(){this.toasts.value.forEach(e=>clearTimeout(e?.timer)),this.toasts.value=[]}destroy(){this.instanceWrapper&&this.sharedContainer&&(i.render(null,this.instanceWrapper),this.instanceWrapper.remove(),b()),this.instanceWrapper=null,this.sharedContainer=null,this.toaster=null}}exports.default=S;

package/dist/kongponents34.es.js

@@ -3,7 +3,7 @@ import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { ToasterAppearances as u } from "./kongponents21.es.js";
 import v from "./kongponents75.es.js";
-import { getUniqueStringId as p } from "./kongponents161.es.js";
+import { getUniqueStringId as p } from "./kongponents160.es.js";
 const r = "kongponents-toaster-container", o = "data-instance-count", W = "kongponents-toaster-wrapper", i = {
   timeoutMilliseconds: 5e3,
   appearance: u.info

package/dist/kongponents340.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents349.cjs"),r=require("./kongponents341.cjs");var u="[object Arguments]";function s(e){return r.default(e)&&t.default(e)==u}exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;

package/dist/kongponents340.es.js

@@ -1,9 +1,47 @@
-import t from "./kongponents349.es.js";
-import e from "./kongponents341.es.js";
-var s = "[object Arguments]";
-function m(r) {
-  return e(r) && t(r) == s;
-}
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
+      }
+      a("selected", e.item);
+    };
+    return (t, i) => (c(), u("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
 export {
-  m as default
+  K as default
 };

package/dist/kongponents342.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=Array.isArray;exports.default=e;
+"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("./kongponents447.cjs"),b=require("./kongponents264.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/kongponents342.es.js

@@ -1,4 +1,93 @@
-var r = Array.isArray;
+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 "./kongponents447.es.js";
+import A from "./kongponents264.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 {
-  r as default
+  X as default
 };

package/dist/kongponents344.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./kongponents349.cjs"),o=require("./kongponents328.cjs");var r="[object AsyncFunction]",u="[object Function]",a="[object GeneratorFunction]",c="[object Proxy]";function i(t){if(!o.default(t))return!1;var e=n.default(t);return e==u||e==a||e==r||e==c}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents194.cjs"),M=require("./kongponents62.cjs"),U=require("./kongponents55.cjs"),b=require("./kongponents66.cjs"),F=require("./kongponents60.cjs"),D=require("./kongponents447.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;

package/dist/kongponents344.es.js

@@ -1,12 +1,227 @@
-import o from "./kongponents349.es.js";
-import r from "./kongponents328.es.js";
-var e = "[object AsyncFunction]", a = "[object Function]", c = "[object GeneratorFunction]", i = "[object Proxy]";
-function g(n) {
-  if (!r(n))
-    return !1;
-  var t = o(n);
-  return t == a || t == c || t == e || t == i;
-}
+import { defineComponent as G, useCssVars as W, useAttrs as j, ref as p, useTemplateRef as P, computed as o, onMounted as z, resolveComponent as H, openBlock as y, createBlock as h, unref as S, withCtx as d, createElementVNode as k, createVNode as x, createTextVNode as C, renderSlot as J, createElementBlock as Q, createCommentVNode as X, toDisplayString as Y, mergeProps as Z, withModifiers as _, nextTick as ee } from "vue";
+import { KUI_SPACE_30 as te } from "./kongponents194.es.js";
+import le from "./kongponents62.es.js";
+import ae from "./kongponents55.es.js";
+import q from "./kongponents66.es.js";
+import ie from "./kongponents60.es.js";
+import oe from "./kongponents447.es.js";
+const re = {
+  class: "filter-content",
+  "data-testid": "filter-pill-content"
+}, ne = { class: "default-layout" }, ue = {
+  key: 0,
+  class: "operator"
+}, se = { class: "value" }, ce = { class: "footer" }, Ve = /* @__PURE__ */ G({
+  inheritAttrs: !1,
+  __name: "FilterPill",
+  props: {
+    filter: {},
+    initOpen: { type: Boolean, default: !1 },
+    selection: { default: () => {
+    } },
+    custom: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "close", "open", "clear"],
+  setup(e, { emit: A }) {
+    W((l) => ({
+      v7a84ec58: U.value
+    }));
+    const B = j(), f = A, v = p(!1), b = P("filterPopper"), s = p(), r = p(), n = p(), u = p(), K = P("inputField"), c = o(() => e.custom ? "custom" : e.filter.options && !e.filter.multiple ? "select" : e.filter.options && e.filter.multiple ? "multiselect" : "input"), O = o(() => {
+      switch (c.value) {
+        case "input":
+          return !r.value || r.value === "";
+        case "select":
+          return !n.value;
+        case "multiselect":
+          return !u.value || u.value.length === 0;
+        default:
+          return !1;
+      }
+    }), V = o(() => e.filter.operators && e.filter.operators.length ? e.filter.operators : ["eq"]), U = o(() => V.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), E = o(() => {
+      let l, t;
+      switch (c.value) {
+        case "input":
+          l = r.value, t = r.value;
+          break;
+        case "select":
+          l = n.value, t = e.filter?.options?.find(({ value: a }) => a === n.value)?.label ?? n.value?.toString();
+          break;
+        case "multiselect":
+          l = u.value, t = u.value?.map((a) => e.filter.options?.find(({ value: i }) => i === a))?.filter((a) => a !== void 0)?.map(({ label: a }) => a)?.join(", ");
+          break;
+      }
+      if (!(s.value === void 0 || l === void 0 || t === void 0))
+        return {
+          operator: s.value,
+          value: l,
+          text: t
+        };
+    }), F = o(() => {
+      if (e.selection?.operatorDelimiter !== void 0)
+        return e.selection.operatorDelimiter;
+      switch (e.selection?.operator) {
+        case "eq":
+          return " = ";
+        case "neq":
+          return " ≠ ";
+        case "lt":
+          return " < ";
+        case "lte":
+          return " ≤ ";
+        case "gt":
+          return " > ";
+        case "gte":
+          return " ≥ ";
+        default:
+          return ": ";
+      }
+    }), g = o(() => {
+      const l = {
+        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 V.value.map((t) => ({
+        label: l[t],
+        value: t
+      }));
+    }), D = o(() => g.value.find(({ value: l }) => l === s.value)?.label ?? ""), I = () => {
+      c.value === "input" && K.value?.input?.focus();
+    }, M = () => {
+      s.value = e.selection?.operator ?? V.value?.[0], r.value = typeof e.selection?.value == "string" ? e.selection.value : void 0, n.value = e.filter.options?.find(({ value: l }) => l === e.selection?.value)?.value, u.value = e.filter.options?.filter(({ value: l }) => {
+        if (Array.isArray(e.selection?.value))
+          return e.selection.value.includes(`${l}`);
+      }).map(({ value: l }) => l);
+    }, w = async () => {
+      M(), b.value && (b.value.showPopover(), v.value = !0, await ee(), I()), f("open");
+    }, m = () => {
+      b.value && (b.value.hidePopover(), v.value = !1), f("close");
+    };
+    z(() => {
+      e.initOpen && w();
+    });
+    const N = () => {
+      v.value && m();
+    }, T = () => {
+      c.value === "custom" ? f("apply", void 0) : f("apply", E.value), m();
+    }, L = () => {
+      m();
+    }, R = () => {
+      m(), f("clear");
+    }, $ = () => {
+      v.value ? m() : w();
+    };
+    return (l, t) => {
+      const a = H("KButton");
+      return y(), h(le, {
+        ref: "filterPopper",
+        "max-width": e.filter.maxWidth ?? "400px",
+        offset: `var(--kui-space-30, ${S(te)})`,
+        placement: e.filter.placement ?? "bottom-start",
+        width: "auto",
+        onClose: N
+      }, {
+        default: d(() => [
+          x(oe, Z({
+            "content-label": e.selection?.text,
+            "data-testid": "filter-pill",
+            delimiter: F.value,
+            label: e.filter.label,
+            "pill-focus": v.value,
+            readonly: e.filter.readonly
+          }, S(B), {
+            onClear: R,
+            onClick: t[0] || (t[0] = _(() => {
+            }, ["prevent", "stop"])),
+            onTrigger: $
+          }), null, 16, ["content-label", "delimiter", "label", "pill-focus", "readonly"])
+        ]),
+        title: d(() => [
+          C(Y(e.filter.label), 1)
+        ]),
+        content: d(() => [
+          k("div", re, [
+            J(l.$slots, "default", {}, () => [
+              k("div", ne, [
+                V.value.length > 1 ? (y(), Q("div", ue, [
+                  x(q, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (i) => s.value = i),
+                    items: g.value,
+                    "kpop-attributes": {
+                      popoverClasses: "force-operator-width"
+                    },
+                    label: "Operator",
+                    title: D.value
+                  }, null, 8, ["modelValue", "items", "title"])
+                ])) : X("", !0),
+                k("div", se, [
+                  c.value === "select" ? (y(), h(q, {
+                    key: 0,
+                    modelValue: n.value,
+                    "onUpdate:modelValue": t[2] || (t[2] = (i) => n.value = i),
+                    "data-testid": "filter-pill-select",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select a value"
+                  }, null, 8, ["modelValue", "items"])) : c.value === "multiselect" ? (y(), h(ie, {
+                    key: 1,
+                    modelValue: u.value,
+                    "onUpdate:modelValue": t[3] || (t[3] = (i) => u.value = i),
+                    "data-testid": "filter-pill-multiselect",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select values"
+                  }, null, 8, ["modelValue", "items"])) : (y(), h(ae, {
+                    key: 2,
+                    ref: "inputField",
+                    modelValue: r.value,
+                    "onUpdate:modelValue": t[4] || (t[4] = (i) => r.value = i),
+                    modelModifiers: { trim: !0 },
+                    "data-testid": "filter-pill-input",
+                    label: "Value",
+                    placeholder: "Enter a value"
+                  }, null, 8, ["modelValue"]))
+                ])
+              ])
+            ], !0)
+          ])
+        ]),
+        footer: d(() => [
+          k("div", ce, [
+            x(a, {
+              appearance: "secondary",
+              "data-testid": "filter-pill-cancel",
+              onClick: L
+            }, {
+              default: d(() => [...t[5] || (t[5] = [
+                C(" Cancel ", -1)
+              ])]),
+              _: 1
+            }),
+            x(a, {
+              appearance: "primary",
+              "data-testid": "filter-pill-apply",
+              disabled: O.value,
+              onClick: T
+            }, {
+              default: d(() => [...t[6] || (t[6] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["max-width", "offset", "placement"]);
+    };
+  }
+});
 export {
-  g as default
+  Ve as default
 };

package/dist/kongponents346.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents347.cjs"),f=require("./kongponents348.cjs");var t=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=t&&typeof module=="object"&&module&&!module.nodeType&&module,o=e&&e.exports===t,r=o?u.default.Buffer:void 0,a=r?r.isBuffer:void 0,d=a||f.default;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./kongponents347.cjs"),n=require("./kongponents348.cjs"),a=require("./kongponents349.cjs");function d(e,t){a.default(2,arguments);var u=n.default(e).getTime(),r=i.default(t);return new Date(u+r)}exports.default=d;

package/dist/kongponents346.es.js

@@ -1,6 +1,11 @@
-import f from "./kongponents347.es.js";
-import t from "./kongponents348.es.js";
-var r = typeof exports == "object" && exports && !exports.nodeType && exports, e = r && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === r, o = u ? f.Buffer : void 0, p = o ? o.isBuffer : void 0, a = p || t;
+import m from "./kongponents347.es.js";
+import a from "./kongponents348.es.js";
+import i from "./kongponents349.es.js";
+function d(t, r) {
+  i(2, arguments);
+  var e = a(t).getTime(), o = m(r);
+  return new Date(e + o);
+}
 export {
-  a as default
+  d as default
 };

package/dist/kongponents347.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents478.cjs");var t=typeof self=="object"&&self&&self.Object===Object&&self,l=e.default||t||Function("return this")();exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(t){if(t===null||t===!0||t===!1)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}exports.default=u;

package/dist/kongponents347.es.js

@@ -1,5 +1,9 @@
-import e from "./kongponents478.es.js";
-var t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+function n(a) {
+  if (a === null || a === !0 || a === !1)
+    return NaN;
+  var e = Number(a);
+  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
+}
 export {
-  r as default
+  n as default
 };

package/dist/kongponents348.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(){return!1}exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents360.cjs"),s=require("./kongponents349.cjs");function o(e){s.default(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||r.default(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}exports.default=o;

package/dist/kongponents348.es.js

@@ -1,6 +1,10 @@
-function e() {
-  return !1;
+import r from "./kongponents360.es.js";
+import o from "./kongponents349.es.js";
+function a(e) {
+  o(1, arguments);
+  var t = Object.prototype.toString.call(e);
+  return e instanceof Date || r(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
 export {
-  e as default
+  a as default
 };

package/dist/kongponents349.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents472.cjs"),r=require("./kongponents479.cjs"),u=require("./kongponents480.cjs");var i="[object Null]",d="[object Undefined]",n=t.default?t.default.toStringTag:void 0;function o(e){return e==null?e===void 0?d:i:n&&n in Object(e)?r.default(e):u.default(e)}exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function r(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}exports.default=r;

package/dist/kongponents349.es.js

@@ -1,10 +1,7 @@
-import t from "./kongponents472.es.js";
-import e from "./kongponents479.es.js";
-import o from "./kongponents480.es.js";
-var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
-function m(n) {
-  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
+function n(e, t) {
+  if (t.length < e)
+    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
 }
 export {
-  m as default
+  n as default
 };

package/dist/kongponents35.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents81.cjs");;/* empty css                */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-1702a0f7"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents80.cjs");;/* empty css                */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-1702a0f7"]]);exports.default=u;

package/dist/kongponents35.es.js

@@ -1,6 +1,6 @@
-import o from "./kongponents81.es.js";
+import o from "./kongponents80.es.js";
 /* empty css                 */
-import t from "./kongponents83.es.js";
+import t from "./kongponents82.es.js";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1702a0f7"]]);
 export {
   m as default