@kong/kongponents 9.65.1 → 9.65.2-pr.3468.fffd3f6.0

package/dist/kongponents218.es.js

@@ -1,12 +1,183 @@
-import t from "./kongponents279.es.js";
-import u from "./kongponents280.es.js";
-import f from "./kongponents281.es.js";
-function l(s, r) {
-  var o = {};
-  return r = f(r), u(s, function(m, a, n) {
-    t(o, a, r(m, a, n));
-  }), o;
-}
+import { defineComponent as j, ref as u, computed as C, useTemplateRef as P, watch as q, onMounted as G, nextTick as D, resolveComponent as H, openBlock as s, createBlock as v, unref as Q, mergeProps as U, withCtx as c, createElementBlock as x, Fragment as W, renderList as X, normalizeClass as k, createSlots as S, renderSlot as g, createTextVNode as Y, toDisplayString as Z, withDirectives as _, vShow as ee } from "vue";
+import { VueDraggableNext as le } from "vue-draggable-next";
+import te from "./kongponents414.es.js";
+const I = ({ children: l = [] }) => l.length === 0 ? 0 : 1 + Math.max(...l.map(I)), oe = /* @__PURE__ */ j({
+  __name: "KTreeDraggable",
+  props: {
+    items: {},
+    disableDrag: { type: Boolean },
+    filter: { type: [String, Function] },
+    maxDepth: {},
+    level: { default: 0 },
+    parentId: {},
+    hideIcons: { type: Boolean },
+    group: {},
+    collapsible: { type: Boolean },
+    initialCollapseAll: { type: Boolean }
+  },
+  emits: ["change", "child-change", "selected"],
+  setup(l, { expose: $, emit: L }) {
+    const d = L, h = u(0), i = u([]), B = {
+      tag: "div",
+      // Note: force-fallback: true is required to override cursor when dragging
+      "force-fallback": !0,
+      animation: "100",
+      draggable: ".tree-item-container",
+      "item-key": "id",
+      "ghost-class": "tree-item-dragged",
+      "drag-class": "tree-item-grabbing",
+      class: "child-drop-zone",
+      "fallback-tolerance": 10
+    }, f = u(!1), b = C(() => [".tree-item-expanded-button", ...(typeof l.filter == "function" ? l.filter() : l.filter).split(",").map((a) => a.trim()).filter(Boolean)].join(", ")), p = (e) => !i.value.filter((a) => a.id === e.id)?.[0]?.children?.length, T = (e) => e.children || [], A = (e) => {
+      l.parentId ? d("child-change", {
+        parentId: l.parentId,
+        children: i.value,
+        target: e?.added || e?.removed || e?.moved
+      }) : d("change", {
+        items: i.value,
+        target: e?.added || e?.removed || e?.moved
+      });
+    }, w = (e) => {
+      d("child-change", e);
+    }, y = (e) => {
+      d("selected", e);
+    }, o = u(/* @__PURE__ */ new Map()), M = (e, a) => {
+      o.value.set(a, e);
+    }, N = (e) => l.collapsible ? !!o.value.get(e) : !0, m = P("tree-items"), V = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !1);
+      }), m.value?.forEach((e) => {
+        e?.setExpandedValue(!1);
+      });
+    }, K = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !0);
+      }), m.value?.forEach((e) => {
+        e?.setExpandedValue(!0);
+      });
+    }, F = C(() => l.level > l.maxDepth - 1), O = (e) => {
+      const a = e.relatedContext?.component?.$attrs.level || 0, n = e.draggedContext?.element;
+      let t = 0;
+      return n.children?.length && (t = I(n)), !(a + t > l.maxDepth - 1);
+    }, z = (e) => {
+      const a = e.item?._underlying_vm_?.id || "", n = i.value.find((t) => t.id === a);
+      f.value = !0, n && d("selected", n), E(!0);
+    }, J = async () => {
+      f.value = !1, E(!1), h.value++, await D(), m.value?.forEach((e) => {
+        e?.setExpandedValue(o.value.get(e?.id));
+      });
+    }, E = (e) => {
+      const a = document?.getElementsByTagName("html").item(0);
+      a && a.classList.toggle("tree-list-grabbing", e);
+    };
+    q(() => l.items, (e, a) => {
+      JSON.stringify(e) !== JSON.stringify(a) && (i.value = e, i.value.forEach((n) => {
+        n.children || (n.children = []);
+      }));
+    });
+    const R = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !l.initialCollapseAll);
+      });
+    };
+    return G(async () => {
+      i.value = l.items, i.value.forEach((e) => {
+        e.children || (e.children = []);
+      }), await D(), l.collapsible && R();
+    }), $({ collapseAll: V, expandAll: K }), (e, a) => {
+      const n = H("KTreeDraggable", !0);
+      return s(), v(Q(le), U(B, {
+        class: "tree-draggable",
+        direction: "vertical",
+        disabled: l.disableDrag,
+        filter: b.value,
+        group: { name: l.group, pull: [l.group], put: F.value ? [] : [l.group] },
+        level: l.level,
+        list: i.value,
+        move: O,
+        tag: "div",
+        onChange: A,
+        onEnd: J,
+        onStart: z
+      }), {
+        default: c(() => [
+          (s(!0), x(W, null, X(i.value, (t) => (s(), x("div", {
+            key: t.id,
+            class: k(["tree-item-container", {
+              "has-no-children": p(t)
+            }])
+          }, [
+            (s(), v(te, {
+              key: `tree-item-${t.id}-${h.value}`,
+              ref_for: !0,
+              ref: "tree-items",
+              collapsible: l.collapsible,
+              "controls-id": t.id,
+              disabled: l.disableDrag,
+              "has-children": !p(t),
+              "hide-icons": l.hideIcons,
+              "initial-collapse": l.initialCollapseAll,
+              item: t,
+              onExpanded: (r) => M(r, t.id),
+              onSelected: y
+            }, S({
+              "item-label": c(() => [
+                g(e.$slots, "item-label", { item: t }, () => [
+                  Y(Z(t.name), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(() => [
+                  g(e.$slots, "item-icon", { item: t }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["collapsible", "controls-id", "disabled", "has-children", "hide-icons", "initial-collapse", "item", "onExpanded"])),
+            _((s(), v(n, {
+              id: `tree-list-draggable-${t.id}`,
+              key: `tree-item-${t.id}-children-${h.value}`,
+              class: k({
+                collapsible: l.collapsible
+              }),
+              collapsible: l.collapsible,
+              "disable-drag": l.disableDrag,
+              filter: b.value,
+              group: l.group,
+              "hide-icons": l.hideIcons,
+              "initial-collapse-all": l.initialCollapseAll,
+              items: T(t),
+              level: l.level + 1,
+              "max-depth": l.maxDepth,
+              "parent-id": t.id,
+              onChildChange: w,
+              onSelected: y
+            }, S({
+              "item-label": c(({ item: r }) => [
+                g(e.$slots, "item-label", { item: r }, void 0, !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(({ item: r }) => [
+                  g(e.$slots, "item-icon", { item: r }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["id", "class", "collapsible", "disable-drag", "filter", "group", "hide-icons", "initial-collapse-all", "items", "level", "max-depth", "parent-id"])), [
+              [ee, N(t.id)]
+            ])
+          ], 2))), 128))
+        ]),
+        _: 3
+      }, 16, ["disabled", "filter", "group", "level", "list"]);
+    };
+  }
+});
 export {
-  l as default
+  oe as default,
+  I as getMaximumDepth
 };

package/dist/kongponents219.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function i(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}const c=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const u=Object.prototype.toString,s=e=>u.call(e)==="[object Object]",a=()=>{};function f(e){return Array.isArray(e)?e:[e]}function r(e){return t.getCurrentInstance()}function p(e,n=!0,o){r()?t.onMounted(e,o):n?e():t.nextTick(e)}function d(e,n,o){return t.watch(e,n,{...o,immediate:!0})}exports.getLifeCycleTarget=r;exports.isClient=c;exports.isObject=s;exports.noop=a;exports.toArray=f;exports.tryOnMounted=p;exports.tryOnScopeDispose=i;exports.watchImmediate=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),n=require("./kongponents38.cjs"),l={class:"pagination-offset-button-container"},u=e.defineComponent({__name:"PaginationOffset",props:{previousButtonDisabled:{type:Boolean,default:!1},nextButtonDisabled:{type:Boolean,default:!1}},emits:["getPreviousOffset","getNextOffset"],setup(o,{emit:s}){const a=s;return(d,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button","data-testid":"previous-button",disabled:o.previousButtonDisabled,icon:"",size:"small",type:"button",onClick:t[0]||(t[0]=e.withModifiers(r=>a("getPreviousOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.BackIcon),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button","data-testid":"next-button",disabled:o.nextButtonDisabled,icon:"",size:"small",type:"button",onClick:t[1]||(t[1]=e.withModifiers(r=>a("getNextOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ForwardIcon),{decorative:""})]),_:1},8,["disabled"])]))}});exports.default=u;

package/dist/kongponents219.es.js

@@ -1,33 +1,57 @@
-import { watch as o, getCurrentScope as r, onScopeDispose as i, onMounted as c, nextTick as u, getCurrentInstance as s } from "vue";
-function d(e, t) {
-  return r() ? (i(e, t), !0) : !1;
-}
-const l = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const f = Object.prototype.toString, y = (e) => f.call(e) === "[object Object]", g = () => {
-};
-function b(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function p(e) {
-  return s();
-}
-function m(e, t = !0, n) {
-  p() ? c(e, n) : t ? e() : u(e);
-}
-function S(e, t, n) {
-  return o(e, t, {
-    ...n,
-    immediate: !0
-  });
-}
+import { defineComponent as u, openBlock as f, createElementBlock as p, createVNode as e, withModifiers as n, withCtx as i, unref as s } from "vue";
+import { BackIcon as c, ForwardIcon as b } from "@kong/icons";
+import r from "./kongponents38.es.js";
+const m = { class: "pagination-offset-button-container" }, y = /* @__PURE__ */ u({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (f(), p("div", m, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = n((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: i(() => [
+          e(s(c), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = n((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: i(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
 export {
-  p as getLifeCycleTarget,
-  l as isClient,
-  y as isObject,
-  g as noop,
-  b as toArray,
-  m as tryOnMounted,
-  d as tryOnScopeDispose,
-  S as watchImmediate
+  y as default
 };

package/dist/kongponents221.cjs

@@ -0,0 +1 @@
+"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("./kongponents355.cjs"),b=require("@kong/icons"),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.AddIcon),{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/kongponents221.es.js

@@ -0,0 +1,93 @@
+import { defineComponent as D, useTemplateRef as c, ref as u, computed as v, openBlock as r, createBlock as g, withCtx as a, createElementBlock as d, createVNode as m, withModifiers as w, createCommentVNode as k, createElementVNode as L, Fragment as N, renderList as x, renderSlot as B, createTextVNode as R, toDisplayString as K, unref as W, nextTick as C } from "vue";
+import A from "./kongponents49.es.js";
+import E from "./kongponents50.es.js";
+import O from "./kongponents55.es.js";
+import $ from "./kongponents355.es.js";
+import { AddIcon as j } from "@kong/icons";
+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: () => y(e)
+    }))), I = S, y = (e) => {
+      I("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(A, {
+      ref: "filterSelector",
+      width: "auto",
+      onToggleDropdown: T
+    }, {
+      default: a(() => [
+        m($, {
+          "data-testid": "filter-selector",
+          label: o.label,
+          "pill-focus": s.value,
+          onClick: t[0] || (t[0] = w(() => {
+          }, ["prevent", "stop"])),
+          onTrigger: V
+        }, {
+          "open-icon": a(() => [
+            m(W(j), { decorative: "" })
+          ]),
+          _: 1
+        }, 8, ["label", "pill-focus"])
+      ]),
+      items: a(() => [
+        o.itemFiltering ? (r(), d("div", M, [
+          m(O, {
+            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(), d("div", P, " No filters found ")) : k("", !0),
+        L("div", U, [
+          (r(!0), d(N, null, x(p.value, (l) => (r(), g(E, {
+            key: l.value,
+            "data-testid": "dropdown-item-trigger",
+            item: l,
+            value: l.value,
+            onClick: l.onClick
+          }, {
+            default: a(() => [
+              B(e.$slots, `filter-item-${l.value}`, {}, () => [
+                R(K(l.label), 1)
+              ], !0)
+            ]),
+            _: 2
+          }, 1032, ["item", "value", "onClick"]))), 128))
+        ], 512)
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  X as default
+};

package/dist/{kongponents227.cjs → kongponents223.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kongponents182.cjs"),$=require("./kongponents62.cjs"),j=require("./kongponents55.cjs"),k=require("./kongponents66.cjs"),G=require("./kongponents60.cjs"),W=require("./kongponents339.cjs"),z={class:"filter-content","data-testid":"filter-pill-content"},H={class:"default-layout"},J={key:0,class:"operator"},Q={class:"value"},X={class:"footer"},Y=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:h}){e.useCssVars(l=>({f988e390:E.value}));const g=e.useAttrs(),m=h,c=e.ref(!1),p=e.useTemplateRef("filterPopper"),r=e.ref(),i=e.ref(),n=e.ref(),s=e.ref(),V=e.ref(),b=e.ref(),y=e.ref(!0),w=e.useTemplateRef("inputField"),d=e.computed(()=>t.custom?"custom":t.filter.options&&!t.filter.multiple?"select":t.filter.options&&t.filter.multiple?"multiselect":"input"),q=e.computed(()=>{switch(d.value){case"input":return!i.value||i.value==="";case"select":return!n.value;case"multiselect":return!s.value||s.value.length===0;case"custom":return!y.value;default:return!1}}),f=e.computed(()=>t.filter.operators&&t.filter.operators.length?t.filter.operators:["eq"]),P=l=>{r.value=l},S=(l,a)=>{V.value=l,b.value=a},B=l=>{y.value=l},N=e.computed(()=>({value:V.value,text:b.value,options:t.filter.options,multiple:t.filter.multiple,operators:f.value,operator:r.value,setOperator:P,setValue:S,setApplyState:B})),E=e.computed(()=>f.value.some(l=>l==="lte"||l==="gte")?"205px":"120px"),T=e.computed(()=>{let l,a;switch(d.value){case"input":l=i.value,a=i.value;break;case"select":l=n.value,a=t.filter?.options?.find(({value:o})=>o===n.value)?.label??n.value?.toString();break;case"multiselect":l=s.value,a=s.value?.map(o=>t.filter.options?.find(({value:u})=>u===o))?.filter(o=>o!==void 0)?.map(({label:o})=>o)?.join(", ");break;case"custom":l=V.value,a=b.value;break}if(!(r.value===void 0||l===void 0||a===void 0))return{operator:r.value,value:l,text:a}}),A=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": "}}),x=e.computed(()=>{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 f.value.map(a=>({label:l[a],value:a}))}),O=e.computed(()=>x.value.find(({value:l})=>l===r.value)?.label??""),K=()=>{d.value==="input"&&w.value?.input?.focus()},M=()=>{r.value=t.selection?.operator??f.value?.[0],i.value=typeof t.selection?.value=="string"?t.selection.value:void 0,n.value=t.filter.options?.find(({value:l})=>l===t.selection?.value)?.value,s.value=t.filter.options?.filter(({value:l})=>{if(Array.isArray(t.selection?.value))return t.selection.value.includes(`${l}`)}).map(({value:l})=>l),V.value=t.selection?.value,b.value=t.selection?.text,y.value=!0},C=async()=>{M(),p.value&&(p.value.showPopover(),c.value=!0,await e.nextTick(),K()),m("open")},v=()=>{p.value&&(p.value.hidePopover(),c.value=!1),m("close")};e.onMounted(()=>{t.initOpen&&C()});const U=()=>{c.value&&v()},F=()=>{m("apply",T.value),v()},D=()=>{v()},I=()=>{v(),m("clear")},R=()=>{c.value?v():C()};return(l,a)=>{const o=e.resolveComponent("KButton");return e.openBlock(),e.createBlock($.default,{ref:"filterPopper","max-width":t.filter.maxWidth??"400px",offset:`var(--kui-space-30, ${e.unref(L.KUI_SPACE_30)})`,placement:t.filter.placement??"bottom-start",width:"auto",onClose:U},{default:e.withCtx(()=>[e.createVNode(W.default,e.mergeProps({"content-label":t.selection?.text,"data-testid":"filter-pill",delimiter:A.value,label:t.filter.label,"pill-focus":c.value,readonly:t.filter.readonly},e.unref(g),{onClear:I,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:R}),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",z,[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(N.value)),()=>[e.createElementVNode("div",H,[f.value.length>1?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(k.default,{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=u=>r.value=u),items:x.value,"kpop-attributes":{popoverClasses:"force-operator-width"},label:"Operator",title:O.value},null,8,["modelValue","items","title"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[d.value==="select"?(e.openBlock(),e.createBlock(k.default,{key:0,modelValue:n.value,"onUpdate:modelValue":a[2]||(a[2]=u=>n.value=u),"data-testid":"filter-pill-select",items:t.filter.options,label:"Value",placeholder:"Select a value"},null,8,["modelValue","items"])):d.value==="multiselect"?(e.openBlock(),e.createBlock(G.default,{key:1,modelValue:s.value,"onUpdate:modelValue":a[3]||(a[3]=u=>s.value=u),"data-testid":"filter-pill-multiselect",items:t.filter.options,label:"Value",placeholder:"Select values"},null,8,["modelValue","items"])):(e.openBlock(),e.createBlock(j.default,{key:2,ref:"inputField",modelValue:i.value,"onUpdate:modelValue":a[4]||(a[4]=u=>i.value=u),modelModifiers:{trim:!0},"data-testid":"filter-pill-input",label:"Value",placeholder:"Enter a value"},null,8,["modelValue"]))])])],!0)])]),footer:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(o,{appearance:"secondary","data-testid":"filter-pill-cancel",onClick:D},{default:e.withCtx(()=>[...a[5]||(a[5]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(o,{appearance:"primary","data-testid":"filter-pill-apply",disabled:q.value,onClick:F},{default:e.withCtx(()=>[...a[6]||(a[6]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])])]),_:3},8,["max-width","offset","placement"])}}});exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kongponents182.cjs"),$=require("./kongponents62.cjs"),j=require("./kongponents55.cjs"),k=require("./kongponents66.cjs"),G=require("./kongponents60.cjs"),W=require("./kongponents355.cjs"),z={class:"filter-content","data-testid":"filter-pill-content"},H={class:"default-layout"},J={key:0,class:"operator"},Q={class:"value"},X={class:"footer"},Y=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:h}){e.useCssVars(l=>({f988e390:E.value}));const g=e.useAttrs(),m=h,c=e.ref(!1),p=e.useTemplateRef("filterPopper"),r=e.ref(),i=e.ref(),n=e.ref(),s=e.ref(),V=e.ref(),b=e.ref(),y=e.ref(!0),w=e.useTemplateRef("inputField"),d=e.computed(()=>t.custom?"custom":t.filter.options&&!t.filter.multiple?"select":t.filter.options&&t.filter.multiple?"multiselect":"input"),q=e.computed(()=>{switch(d.value){case"input":return!i.value||i.value==="";case"select":return!n.value;case"multiselect":return!s.value||s.value.length===0;case"custom":return!y.value;default:return!1}}),f=e.computed(()=>t.filter.operators&&t.filter.operators.length?t.filter.operators:["eq"]),P=l=>{r.value=l},S=(l,a)=>{V.value=l,b.value=a},B=l=>{y.value=l},N=e.computed(()=>({value:V.value,text:b.value,options:t.filter.options,multiple:t.filter.multiple,operators:f.value,operator:r.value,setOperator:P,setValue:S,setApplyState:B})),E=e.computed(()=>f.value.some(l=>l==="lte"||l==="gte")?"205px":"120px"),T=e.computed(()=>{let l,a;switch(d.value){case"input":l=i.value,a=i.value;break;case"select":l=n.value,a=t.filter?.options?.find(({value:o})=>o===n.value)?.label??n.value?.toString();break;case"multiselect":l=s.value,a=s.value?.map(o=>t.filter.options?.find(({value:u})=>u===o))?.filter(o=>o!==void 0)?.map(({label:o})=>o)?.join(", ");break;case"custom":l=V.value,a=b.value;break}if(!(r.value===void 0||l===void 0||a===void 0))return{operator:r.value,value:l,text:a}}),A=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": "}}),x=e.computed(()=>{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 f.value.map(a=>({label:l[a],value:a}))}),O=e.computed(()=>x.value.find(({value:l})=>l===r.value)?.label??""),K=()=>{d.value==="input"&&w.value?.input?.focus()},M=()=>{r.value=t.selection?.operator??f.value?.[0],i.value=typeof t.selection?.value=="string"?t.selection.value:void 0,n.value=t.filter.options?.find(({value:l})=>l===t.selection?.value)?.value,s.value=t.filter.options?.filter(({value:l})=>{if(Array.isArray(t.selection?.value))return t.selection.value.includes(`${l}`)}).map(({value:l})=>l),V.value=t.selection?.value,b.value=t.selection?.text,y.value=!0},C=async()=>{M(),p.value&&(p.value.showPopover(),c.value=!0,await e.nextTick(),K()),m("open")},v=()=>{p.value&&(p.value.hidePopover(),c.value=!1),m("close")};e.onMounted(()=>{t.initOpen&&C()});const U=()=>{c.value&&v()},F=()=>{m("apply",T.value),v()},D=()=>{v()},I=()=>{v(),m("clear")},R=()=>{c.value?v():C()};return(l,a)=>{const o=e.resolveComponent("KButton");return e.openBlock(),e.createBlock($.default,{ref:"filterPopper","max-width":t.filter.maxWidth??"400px",offset:`var(--kui-space-30, ${e.unref(L.KUI_SPACE_30)})`,placement:t.filter.placement??"bottom-start",width:"auto",onClose:U},{default:e.withCtx(()=>[e.createVNode(W.default,e.mergeProps({"content-label":t.selection?.text,"data-testid":"filter-pill",delimiter:A.value,label:t.filter.label,"pill-focus":c.value,readonly:t.filter.readonly},e.unref(g),{onClear:I,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:R}),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",z,[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(N.value)),()=>[e.createElementVNode("div",H,[f.value.length>1?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(k.default,{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=u=>r.value=u),items:x.value,"kpop-attributes":{popoverClasses:"force-operator-width"},label:"Operator",title:O.value},null,8,["modelValue","items","title"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[d.value==="select"?(e.openBlock(),e.createBlock(k.default,{key:0,modelValue:n.value,"onUpdate:modelValue":a[2]||(a[2]=u=>n.value=u),"data-testid":"filter-pill-select",items:t.filter.options,label:"Value",placeholder:"Select a value"},null,8,["modelValue","items"])):d.value==="multiselect"?(e.openBlock(),e.createBlock(G.default,{key:1,modelValue:s.value,"onUpdate:modelValue":a[3]||(a[3]=u=>s.value=u),"data-testid":"filter-pill-multiselect",items:t.filter.options,label:"Value",placeholder:"Select values"},null,8,["modelValue","items"])):(e.openBlock(),e.createBlock(j.default,{key:2,ref:"inputField",modelValue:i.value,"onUpdate:modelValue":a[4]||(a[4]=u=>i.value=u),modelModifiers:{trim:!0},"data-testid":"filter-pill-input",label:"Value",placeholder:"Enter a value"},null,8,["modelValue"]))])])],!0)])]),footer:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(o,{appearance:"secondary","data-testid":"filter-pill-cancel",onClick:D},{default:e.withCtx(()=>[...a[5]||(a[5]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(o,{appearance:"primary","data-testid":"filter-pill-apply",disabled:q.value,onClick:F},{default:e.withCtx(()=>[...a[6]||(a[6]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])])]),_:3},8,["max-width","offset","placement"])}}});exports.default=Y;

package/dist/{kongponents227.es.js → kongponents223.es.js}

@@ -4,7 +4,7 @@ import ve from "./kongponents62.es.js";
 import de from "./kongponents55.es.js";
 import B from "./kongponents66.es.js";
 import fe from "./kongponents60.es.js";
-import me from "./kongponents339.es.js";
+import me from "./kongponents355.es.js";
 const pe = {
   class: "filter-content",
   "data-testid": "filter-pill-content"

package/dist/kongponents225.cjs

@@ -1 +1 @@
-"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("./kongponents339.cjs"),b=require("@kong/icons"),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.AddIcon),{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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function i(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}const c=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const u=Object.prototype.toString,s=e=>u.call(e)==="[object Object]",a=()=>{};function f(e){return Array.isArray(e)?e:[e]}function r(e){return t.getCurrentInstance()}function p(e,n=!0,o){r()?t.onMounted(e,o):n?e():t.nextTick(e)}function d(e,n,o){return t.watch(e,n,{...o,immediate:!0})}exports.getLifeCycleTarget=r;exports.isClient=c;exports.isObject=s;exports.noop=a;exports.toArray=f;exports.tryOnMounted=p;exports.tryOnScopeDispose=i;exports.watchImmediate=d;

package/dist/kongponents225.es.js

@@ -1,93 +1,33 @@
-import { defineComponent as D, useTemplateRef as c, ref as u, computed as v, openBlock as r, createBlock as g, withCtx as a, createElementBlock as d, createVNode as m, withModifiers as w, createCommentVNode as k, createElementVNode as L, Fragment as N, renderList as x, renderSlot as B, createTextVNode as R, toDisplayString as K, unref as W, nextTick as C } from "vue";
-import A from "./kongponents49.es.js";
-import E from "./kongponents50.es.js";
-import O from "./kongponents55.es.js";
-import $ from "./kongponents339.es.js";
-import { AddIcon as j } from "@kong/icons";
-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: () => y(e)
-    }))), I = S, y = (e) => {
-      I("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(A, {
-      ref: "filterSelector",
-      width: "auto",
-      onToggleDropdown: T
-    }, {
-      default: a(() => [
-        m($, {
-          "data-testid": "filter-selector",
-          label: o.label,
-          "pill-focus": s.value,
-          onClick: t[0] || (t[0] = w(() => {
-          }, ["prevent", "stop"])),
-          onTrigger: V
-        }, {
-          "open-icon": a(() => [
-            m(W(j), { decorative: "" })
-          ]),
-          _: 1
-        }, 8, ["label", "pill-focus"])
-      ]),
-      items: a(() => [
-        o.itemFiltering ? (r(), d("div", M, [
-          m(O, {
-            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(), d("div", P, " No filters found ")) : k("", !0),
-        L("div", U, [
-          (r(!0), d(N, null, x(p.value, (l) => (r(), g(E, {
-            key: l.value,
-            "data-testid": "dropdown-item-trigger",
-            item: l,
-            value: l.value,
-            onClick: l.onClick
-          }, {
-            default: a(() => [
-              B(e.$slots, `filter-item-${l.value}`, {}, () => [
-                R(K(l.label), 1)
-              ], !0)
-            ]),
-            _: 2
-          }, 1032, ["item", "value", "onClick"]))), 128))
-        ], 512)
-      ]),
-      _: 3
-    }, 512));
-  }
-});
+import { watch as o, getCurrentScope as r, onScopeDispose as i, onMounted as c, nextTick as u, getCurrentInstance as s } from "vue";
+function d(e, t) {
+  return r() ? (i(e, t), !0) : !1;
+}
+const l = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const f = Object.prototype.toString, y = (e) => f.call(e) === "[object Object]", g = () => {
+};
+function b(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function p(e) {
+  return s();
+}
+function m(e, t = !0, n) {
+  p() ? c(e, n) : t ? e() : u(e);
+}
+function S(e, t, n) {
+  return o(e, t, {
+    ...n,
+    immediate: !0
+  });
+}
 export {
-  X as default
+  p as getLifeCycleTarget,
+  l as isClient,
+  y as isObject,
+  g as noop,
+  b as toArray,
+  m as tryOnMounted,
+  d as tryOnScopeDispose,
+  S as watchImmediate
 };

package/dist/kongponents226.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents198.cjs"),B={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},S={key:1,class:"multiselect-group"},v={class:"multiselect-group-title"},g={class:"select-item-description"},u=".multiselect-item button:not(:disabled)",w=e.defineComponent({__name:"KMultiselectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(o,{expose:f,emit:k}){const p=k,a=l=>"items"in l&&Array.isArray(l.items),d=l=>p("selected",l),m=e.useTemplateRef("itemsContainer"),E=l=>{const n=m.value;if(!n)return;const t=n.querySelectorAll(u);t[l==="down"?0:t.length-1]?.focus()},c=({target:l,key:n})=>{if(n==="ArrowDown"||n==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(l),i=n==="ArrowDown"?s+1:s-1;t[i]?.focus()}}};return f({setFocus:E}),(l,n)=>(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("span",v,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,i=>(e.openBlock(),e.createBlock(r.default,{key:i.key,item:i,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:i},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),o.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${o.filterString} (Add new value)`,value:"add_item",disabled:!o.itemCreationValid},onKeydown:c,onSelected:n[0]||(n[0]=t=>l.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",g,[e.createTextVNode(e.toDisplayString(o.filterString)+" ",1),n[1]||(n[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=w;