@kong/kongponents 9.61.8 → 9.62.0

package/dist/kongponents78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents28.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents24.cjs");exports.default=e.default;

package/dist/kongponents78.es.js

@@ -1,4 +1,4 @@
-import f from "./kongponents28.es.js";
+import f from "./kongponents24.es.js";
 export {
   f as default
 };

package/dist/kongponents79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents29.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents28.cjs");exports.default=e.default;

package/dist/kongponents79.es.js

@@ -1,4 +1,4 @@
-import f from "./kongponents29.es.js";
+import f from "./kongponents28.es.js";
 export {
   f as default
 };

package/dist/kongponents80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents6.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const d=require("./kongponents183.cjs"),m=require("./kongponents184.cjs"),p=require("./kongponents185.cjs"),l=require("./kongponents186.cjs"),k=require("./kongponents187.cjs"),f=require("./kongponents188.cjs"),i=require("./kongponents189.cjs"),g={key:0,class:"alert-icon-container"},v={class:"alert-content"},y={key:0,class:"alert-title"},I={key:1,class:"alert-message"},A=e.defineComponent({__name:"KAlert",props:{title:{default:""},message:{default:""},appearance:{default:()=>n.AlertAppearances.info},showIcon:{type:Boolean},dismissible:{type:Boolean}},emits:["dismiss"],setup(t,{emit:c}){const r=c,u=e.computed(()=>{switch(t.appearance){case n.AlertAppearances.info:return l.default;case n.AlertAppearances.success:return d.default;case n.AlertAppearances.warning:return f.default;case n.AlertAppearances.danger:return p.default;case n.AlertAppearances.decorative:return k.default;default:return l.default}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-alert",[t.appearance]])},[t.showIcon||o.$slots.icon?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(o.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),{class:"alert-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`},null,8,["size"]))])])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[t.title?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.message||o.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.message),1)])])):e.createCommentVNode("",!0)]),t.dismissible?(e.openBlock(),e.createBlock(e.unref(m.default),{key:1,class:"alert-dismiss-icon",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`,tabindex:"0",onClick:s[0]||(s[0]=a=>r("dismiss")),onKeydown:s[1]||(s[1]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:[s[2]||(s[2]=e.withKeys(a=>r("dismiss"),["enter"])),s[3]||(s[3]=e.withKeys(a=>r("dismiss"),["space"]))]},null,8,["size"])):e.createCommentVNode("",!0)],2))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents29.cjs");exports.default=e.default;

package/dist/kongponents80.es.js

@@ -1,86 +1,4 @@
-import { defineComponent as g, computed as B, openBlock as s, createElementBlock as n, normalizeClass as w, renderSlot as d, createBlock as u, resolveDynamicComponent as z, unref as l, createCommentVNode as r, createElementVNode as f, toDisplayString as p, withKeys as m, withModifiers as C } from "vue";
-import { AlertAppearances as i } from "./kongponents6.es.js";
-import "./kongponents7.es.js";
-import "./kongponents12.es.js";
-import I from "./kongponents183.es.js";
-import K from "./kongponents184.es.js";
-import A from "./kongponents185.es.js";
-import v from "./kongponents186.es.js";
-import b from "./kongponents187.es.js";
-import E from "./kongponents188.es.js";
-import { KUI_ICON_SIZE_40 as $ } from "./kongponents189.es.js";
-const M = {
-  key: 0,
-  class: "alert-icon-container"
-}, N = { class: "alert-content" }, S = {
-  key: 0,
-  class: "alert-title"
-}, h = {
-  key: 1,
-  class: "alert-message"
-}, L = /* @__PURE__ */ g({
-  __name: "KAlert",
-  props: {
-    title: { default: "" },
-    message: { default: "" },
-    appearance: { default: () => i.info },
-    showIcon: { type: Boolean },
-    dismissible: { type: Boolean }
-  },
-  emits: ["dismiss"],
-  setup(e, { emit: k }) {
-    const a = k, y = B(() => {
-      switch (e.appearance) {
-        case i.info:
-          return v;
-        case i.success:
-          return I;
-        case i.warning:
-          return E;
-        case i.danger:
-          return A;
-        case i.decorative:
-          return b;
-        default:
-          return v;
-      }
-    });
-    return (o, t) => (s(), n("div", {
-      class: w(["k-alert", [e.appearance]])
-    }, [
-      e.showIcon || o.$slots.icon ? (s(), n("div", M, [
-        d(o.$slots, "icon", {}, () => [
-          (s(), u(z(y.value), {
-            class: "alert-icon",
-            decorative: "",
-            size: `var(--kui-icon-size-40, ${l($)})`
-          }, null, 8, ["size"]))
-        ])
-      ])) : r("", !0),
-      f("div", N, [
-        e.title ? (s(), n("span", S, p(e.title), 1)) : r("", !0),
-        e.message || o.$slots.default ? (s(), n("div", h, [
-          d(o.$slots, "default", {}, () => [
-            f("p", null, p(e.message), 1)
-          ])
-        ])) : r("", !0)
-      ]),
-      e.dismissible ? (s(), u(l(K), {
-        key: 1,
-        class: "alert-dismiss-icon",
-        size: `var(--kui-icon-size-40, ${l($)})`,
-        tabindex: "0",
-        onClick: t[0] || (t[0] = (c) => a("dismiss")),
-        onKeydown: t[1] || (t[1] = m(C(() => {
-        }, ["prevent"]), ["space"])),
-        onKeyup: [
-          t[2] || (t[2] = m((c) => a("dismiss"), ["enter"])),
-          t[3] || (t[3] = m((c) => a("dismiss"), ["space"]))
-        ]
-      }, null, 8, ["size"])) : r("", !0)
-    ], 2));
-  }
-});
+import f from "./kongponents29.es.js";
 export {
-  L as default
+  f as default
 };

package/dist/kongponents81.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents6.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const d=require("./kongponents183.cjs"),m=require("./kongponents184.cjs"),p=require("./kongponents185.cjs"),l=require("./kongponents186.cjs"),k=require("./kongponents187.cjs"),f=require("./kongponents188.cjs"),i=require("./kongponents189.cjs"),g={key:0,class:"alert-icon-container"},v={class:"alert-content"},y={key:0,class:"alert-title"},I={key:1,class:"alert-message"},A=e.defineComponent({__name:"KAlert",props:{title:{default:""},message:{default:""},appearance:{default:()=>n.AlertAppearances.info},showIcon:{type:Boolean},dismissible:{type:Boolean}},emits:["dismiss"],setup(t,{emit:c}){const r=c,u=e.computed(()=>{switch(t.appearance){case n.AlertAppearances.info:return l.default;case n.AlertAppearances.success:return d.default;case n.AlertAppearances.warning:return f.default;case n.AlertAppearances.danger:return p.default;case n.AlertAppearances.decorative:return k.default;default:return l.default}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-alert",[t.appearance]])},[t.showIcon||o.$slots.icon?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(o.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),{class:"alert-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`},null,8,["size"]))])])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[t.title?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.message||o.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.message),1)])])):e.createCommentVNode("",!0)]),t.dismissible?(e.openBlock(),e.createBlock(e.unref(m.default),{key:1,class:"alert-dismiss-icon",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`,tabindex:"0",onClick:s[0]||(s[0]=a=>r("dismiss")),onKeydown:s[1]||(s[1]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:[s[2]||(s[2]=e.withKeys(a=>r("dismiss"),["enter"])),s[3]||(s[3]=e.withKeys(a=>r("dismiss"),["space"]))]},null,8,["size"])):e.createCommentVNode("",!0)],2))}});exports.default=A;

package/dist/kongponents81.es.js

@@ -0,0 +1,86 @@
+import { defineComponent as g, computed as B, openBlock as s, createElementBlock as n, normalizeClass as w, renderSlot as d, createBlock as u, resolveDynamicComponent as z, unref as l, createCommentVNode as r, createElementVNode as f, toDisplayString as p, withKeys as m, withModifiers as C } from "vue";
+import { AlertAppearances as i } from "./kongponents6.es.js";
+import "./kongponents7.es.js";
+import "./kongponents12.es.js";
+import I from "./kongponents183.es.js";
+import K from "./kongponents184.es.js";
+import A from "./kongponents185.es.js";
+import v from "./kongponents186.es.js";
+import b from "./kongponents187.es.js";
+import E from "./kongponents188.es.js";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents189.es.js";
+const M = {
+  key: 0,
+  class: "alert-icon-container"
+}, N = { class: "alert-content" }, S = {
+  key: 0,
+  class: "alert-title"
+}, h = {
+  key: 1,
+  class: "alert-message"
+}, L = /* @__PURE__ */ g({
+  __name: "KAlert",
+  props: {
+    title: { default: "" },
+    message: { default: "" },
+    appearance: { default: () => i.info },
+    showIcon: { type: Boolean },
+    dismissible: { type: Boolean }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: k }) {
+    const a = k, y = B(() => {
+      switch (e.appearance) {
+        case i.info:
+          return v;
+        case i.success:
+          return I;
+        case i.warning:
+          return E;
+        case i.danger:
+          return A;
+        case i.decorative:
+          return b;
+        default:
+          return v;
+      }
+    });
+    return (o, t) => (s(), n("div", {
+      class: w(["k-alert", [e.appearance]])
+    }, [
+      e.showIcon || o.$slots.icon ? (s(), n("div", M, [
+        d(o.$slots, "icon", {}, () => [
+          (s(), u(z(y.value), {
+            class: "alert-icon",
+            decorative: "",
+            size: `var(--kui-icon-size-40, ${l($)})`
+          }, null, 8, ["size"]))
+        ])
+      ])) : r("", !0),
+      f("div", N, [
+        e.title ? (s(), n("span", S, p(e.title), 1)) : r("", !0),
+        e.message || o.$slots.default ? (s(), n("div", h, [
+          d(o.$slots, "default", {}, () => [
+            f("p", null, p(e.message), 1)
+          ])
+        ])) : r("", !0)
+      ]),
+      e.dismissible ? (s(), u(l(K), {
+        key: 1,
+        class: "alert-dismiss-icon",
+        size: `var(--kui-icon-size-40, ${l($)})`,
+        tabindex: "0",
+        onClick: t[0] || (t[0] = (c) => a("dismiss")),
+        onKeydown: t[1] || (t[1] = m(C(() => {
+        }, ["prevent"]), ["space"])),
+        onKeyup: [
+          t[2] || (t[2] = m((c) => a("dismiss"), ["enter"])),
+          t[3] || (t[3] = m((c) => a("dismiss"), ["space"]))
+        ]
+      }, null, 8, ["size"])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  L as default
+};

package/dist/kongponents83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./kongponents30.cjs");;/* empty css                */const s=require("./kongponents7.cjs");require("./kongponents12.cjs");const c=require("./kongponents200.cjs"),f=["tabindex"],m=e.defineComponent({__name:"KBadge",props:{appearance:{default:"info"},size:{default:"medium"},tooltip:{default:""},truncationTooltip:{type:Boolean,default:!1},maxWidth:{default:"200px"},iconBefore:{type:Boolean,default:!0},tooltipAttributes:{default:()=>({})}},setup(t){e.useCssVars(o=>({v6b696ed4:l.value}));const r=e.computed(()=>Object.keys(s.BadgeMethodAppearances).includes(t.appearance)),a=e.ref(),n=e.ref(!1),l=e.computed(()=>c.normalizeSize(t.maxWidth)),u=async()=>{a.value&&(await e.nextTick(),n.value=a.value?.offsetWidth<a.value?.scrollWidth)},i=e.computed(()=>t.tooltip?t.truncationTooltip?n.value:!0:!1);return e.onMounted(()=>{u()}),(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-badge",[t.appearance,t.size,{method:r.value}]])},[e.createVNode(d.default,e.mergeProps({text:i.value?t.tooltip:void 0},t.tooltipAttributes),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["badge-content",{"icon-after":!t.iconBefore}]),tabindex:i.value?0:void 0},[o.$slots.icon?e.renderSlot(o.$slots,"icon",{key:0},void 0,!0):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"badgeTextElement",ref:a,class:"badge-content-wrapper"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],512)],10,f)]),_:3},16,["text"])],2))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;

package/dist/kongponents83.es.js

@@ -1,55 +1,9 @@
-import { defineComponent as m, useCssVars as p, computed as a, ref as l, onMounted as v, openBlock as h, createElementBlock as x, normalizeClass as r, createVNode as b, mergeProps as g, withCtx as B, createElementVNode as d, renderSlot as s, createCommentVNode as T, nextTick as k } from "vue";
-import y from "./kongponents30.es.js";
-/* empty css                 */
-import { BadgeMethodAppearances as z } from "./kongponents7.es.js";
-import "./kongponents12.es.js";
-import { normalizeSize as C } from "./kongponents200.es.js";
-const W = ["tabindex"], S = /* @__PURE__ */ m({
-  __name: "KBadge",
-  props: {
-    appearance: { default: "info" },
-    size: { default: "medium" },
-    tooltip: { default: "" },
-    truncationTooltip: { type: Boolean, default: !1 },
-    maxWidth: { default: "200px" },
-    iconBefore: { type: Boolean, default: !0 },
-    tooltipAttributes: { default: () => ({}) }
-  },
-  setup(e) {
-    p((o) => ({
-      v6b696ed4: c.value
-    }));
-    const u = a(() => Object.keys(z).includes(e.appearance)), t = l(), n = l(!1), c = a(() => C(e.maxWidth)), f = async () => {
-      t.value && (await k(), n.value = t.value?.offsetWidth < t.value?.scrollWidth);
-    }, i = a(() => e.tooltip ? e.truncationTooltip ? n.value : !0 : !1);
-    return v(() => {
-      f();
-    }), (o, w) => (h(), x("div", {
-      class: r(["k-badge", [e.appearance, e.size, { method: u.value }]])
-    }, [
-      b(y, g({
-        text: i.value ? e.tooltip : void 0
-      }, e.tooltipAttributes), {
-        default: B(() => [
-          d("div", {
-            class: r(["badge-content", { "icon-after": !e.iconBefore }]),
-            tabindex: i.value ? 0 : void 0
-          }, [
-            o.$slots.icon ? s(o.$slots, "icon", { key: 0 }, void 0, !0) : T("", !0),
-            d("div", {
-              ref_key: "badgeTextElement",
-              ref: t,
-              class: "badge-content-wrapper"
-            }, [
-              s(o.$slots, "default", {}, void 0, !0)
-            ], 512)
-          ], 10, W)
-        ]),
-        _: 3
-      }, 16, ["text"])
-    ], 2));
-  }
-});
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  S as default
+  s as default
 };

package/dist/kongponents84.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./kongponents30.cjs");;/* empty css                */const s=require("./kongponents7.cjs");require("./kongponents12.cjs");const c=require("./kongponents198.cjs"),f=["tabindex"],m=e.defineComponent({__name:"KBadge",props:{appearance:{default:"info"},size:{default:"medium"},tooltip:{default:""},truncationTooltip:{type:Boolean,default:!1},maxWidth:{default:"200px"},iconBefore:{type:Boolean,default:!0},tooltipAttributes:{default:()=>({})}},setup(t){e.useCssVars(o=>({v6b696ed4:l.value}));const r=e.computed(()=>Object.keys(s.BadgeMethodAppearances).includes(t.appearance)),a=e.ref(),n=e.ref(!1),l=e.computed(()=>c.normalizeSize(t.maxWidth)),u=async()=>{a.value&&(await e.nextTick(),n.value=a.value?.offsetWidth<a.value?.scrollWidth)},i=e.computed(()=>t.tooltip?t.truncationTooltip?n.value:!0:!1);return e.onMounted(()=>{u()}),(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-badge",[t.appearance,t.size,{method:r.value}]])},[e.createVNode(d.default,e.mergeProps({text:i.value?t.tooltip:void 0},t.tooltipAttributes),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["badge-content",{"icon-after":!t.iconBefore}]),tabindex:i.value?0:void 0},[o.$slots.icon?e.renderSlot(o.$slots,"icon",{key:0},void 0,!0):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"badgeTextElement",ref:a,class:"badge-content-wrapper"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],512)],10,f)]),_:3},16,["text"])],2))}});exports.default=m;

package/dist/kongponents84.es.js

@@ -0,0 +1,55 @@
+import { defineComponent as m, useCssVars as p, computed as a, ref as l, onMounted as v, openBlock as h, createElementBlock as x, normalizeClass as r, createVNode as b, mergeProps as g, withCtx as B, createElementVNode as d, renderSlot as s, createCommentVNode as T, nextTick as k } from "vue";
+import y from "./kongponents30.es.js";
+/* empty css                 */
+import { BadgeMethodAppearances as z } from "./kongponents7.es.js";
+import "./kongponents12.es.js";
+import { normalizeSize as C } from "./kongponents198.es.js";
+const W = ["tabindex"], S = /* @__PURE__ */ m({
+  __name: "KBadge",
+  props: {
+    appearance: { default: "info" },
+    size: { default: "medium" },
+    tooltip: { default: "" },
+    truncationTooltip: { type: Boolean, default: !1 },
+    maxWidth: { default: "200px" },
+    iconBefore: { type: Boolean, default: !0 },
+    tooltipAttributes: { default: () => ({}) }
+  },
+  setup(e) {
+    p((o) => ({
+      v6b696ed4: c.value
+    }));
+    const u = a(() => Object.keys(z).includes(e.appearance)), t = l(), n = l(!1), c = a(() => C(e.maxWidth)), f = async () => {
+      t.value && (await k(), n.value = t.value?.offsetWidth < t.value?.scrollWidth);
+    }, i = a(() => e.tooltip ? e.truncationTooltip ? n.value : !0 : !1);
+    return v(() => {
+      f();
+    }), (o, w) => (h(), x("div", {
+      class: r(["k-badge", [e.appearance, e.size, { method: u.value }]])
+    }, [
+      b(y, g({
+        text: i.value ? e.tooltip : void 0
+      }, e.tooltipAttributes), {
+        default: B(() => [
+          d("div", {
+            class: r(["badge-content", { "icon-after": !e.iconBefore }]),
+            tabindex: i.value ? 0 : void 0
+          }, [
+            o.$slots.icon ? s(o.$slots, "icon", { key: 0 }, void 0, !0) : T("", !0),
+            d("div", {
+              ref_key: "badgeTextElement",
+              ref: t,
+              class: "badge-content-wrapper"
+            }, [
+              s(o.$slots, "default", {}, void 0, !0)
+            ], 512)
+          ], 10, W)
+        ]),
+        _: 3
+      }, 16, ["text"])
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/{kongponents85.cjs → kongponents86.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents200.cjs"),u={key:0,class:"breadcrumbs-icon-container"},d={class:"breadcrumbs-divider"},i=e.defineComponent({inheritAttrs:!1,__name:"KBreadcrumbs",props:{items:{},itemMaxWidth:{default:"100px"}},setup(l){const a=t=>{const o=t.title||t.text;return t.to?typeof t.to=="object"?{type:"router-link",attrs:{title:o,to:t.to}}:{type:"a",attrs:{href:t.to,title:o}}:{type:"div",attrs:{title:o}}},s=(t,o)=>t.key||`breadcrumb-${o}`;return(t,o)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({class:"k-breadcrumbs"},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(r,n)=>(e.openBlock(),e.createElementBlock("li",{key:s(r,n),class:"breadcrumbs-item-container"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a(r).type),e.mergeProps({ref_for:!0},a(r).attrs,{class:["breadcrumbs-item",{link:!!r.to}]}),{default:e.withCtx(()=>[t.$slots[`icon-${s(r,n)}`]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(t.$slots,`icon-${s(r,n)}`,{},void 0,!0)])):e.createCommentVNode("",!0),r.text?(e.openBlock(),e.createElementBlock("span",{key:1,class:"breadcrumbs-text",style:e.normalizeStyle({maxWidth:e.unref(c.normalizeSize)(r.maxWidth??l.itemMaxWidth)})},e.toDisplayString(r.text),5)):e.createCommentVNode("",!0)]),_:2},1040,["class"])),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"divider",{},()=>[o[0]||(o[0]=e.createTextVNode(" / ",-1))],!0)])]))),128))],16))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents198.cjs"),u={key:0,class:"breadcrumbs-icon-container"},d={class:"breadcrumbs-divider"},i=e.defineComponent({inheritAttrs:!1,__name:"KBreadcrumbs",props:{items:{},itemMaxWidth:{default:"100px"}},setup(l){const a=t=>{const o=t.title||t.text;return t.to?typeof t.to=="object"?{type:"router-link",attrs:{title:o,to:t.to}}:{type:"a",attrs:{href:t.to,title:o}}:{type:"div",attrs:{title:o}}},s=(t,o)=>t.key||`breadcrumb-${o}`;return(t,o)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({class:"k-breadcrumbs"},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(r,n)=>(e.openBlock(),e.createElementBlock("li",{key:s(r,n),class:"breadcrumbs-item-container"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a(r).type),e.mergeProps({ref_for:!0},a(r).attrs,{class:["breadcrumbs-item",{link:!!r.to}]}),{default:e.withCtx(()=>[t.$slots[`icon-${s(r,n)}`]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(t.$slots,`icon-${s(r,n)}`,{},void 0,!0)])):e.createCommentVNode("",!0),r.text?(e.openBlock(),e.createElementBlock("span",{key:1,class:"breadcrumbs-text",style:e.normalizeStyle({maxWidth:e.unref(c.normalizeSize)(r.maxWidth??l.itemMaxWidth)})},e.toDisplayString(r.text),5)):e.createCommentVNode("",!0)]),_:2},1040,["class"])),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"divider",{},()=>[o[0]||(o[0]=e.createTextVNode(" / ",-1))],!0)])]))),128))],16))}});exports.default=i;

package/dist/{kongponents85.es.js → kongponents86.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, openBlock as s, createElementBlock as o, mergeProps as i, Fragment as p, renderList as b, createBlock as f, resolveDynamicComponent as y, withCtx as k, renderSlot as u, createCommentVNode as d, normalizeStyle as h, unref as x, toDisplayString as $, createElementVNode as g, createTextVNode as v } from "vue";
-import { normalizeSize as B } from "./kongponents200.es.js";
+import { normalizeSize as B } from "./kongponents198.es.js";
 const C = {
   key: 0,
   class: "breadcrumbs-icon-container"

package/dist/{kongponents91.cjs → kongponents92.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents215.cjs"),oe=require("./kongponents25.cjs");;/* empty css                */const $=require("./kongponents51.cjs"),M=require("./kongponents38.cjs"),ie=require("./kongponents61.cjs"),re=require("./kongponents41.cjs"),ce={class:"k-catalog"},ue={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},se={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},de={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},ge=["data-tableid"],O=15,fe=e.defineComponent({__name:"KCatalog",props:{titleTag:{default:"div"},loading:{type:Boolean},cardSize:{default:"medium"},title:{default:""},truncateDescription:{type:Boolean,default:!0},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{default:""},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:"default"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{default:""},errorStateActionMessage:{default:""},fetcher:{type:Function},initialFetcherParams:{default:null},cacheIdentifier:{default:""},fetcherCacheKey:{default:""},searchInput:{default:""},paginationNeighbors:{default:1},paginationPageSizes:{default:()=>[15,30,50,75,100]},paginationTotalItems:{default:null},disablePaginationPageJump:{type:Boolean},disablePagination:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},paginationOffset:{type:Boolean}},emits:["card-click","error-action-click","empty-state-action-click","update:catalog-preferences","state"],setup(a,{emit:V}){const{useRequest:q,useDebounce:E,useSwrvState:x}=ne.default(),s=V,F=e.useSlots(),m=e.useId(),K=()=>{const t=a.paginationPageSizes?.[0];return t||O},o=e.ref([]),y=e.ref(0),b=e.ref(""),l=e.ref(1),i=e.ref(K()),r=e.ref(null),c=e.ref([]),S=e.computed(()=>c.value[l.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),f={page:1,pageSize:i.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),R=e.computed(()=>!C.value&&o.value&&!o.value.length),L=e.computed(()=>({pageSize:i.value})),B=e.ref(!0),G=async()=>{const t=await a.fetcher({query:a.searchInput||b.value,pageSize:i.value,page:l.value,offset:r.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return o.value=t.data,y.value=a.paginationTotalItems||t.total||t.data?.length,a.paginationOffset&&(t.pagination?.offset?(d.value=t.pagination.offset,c.value[l.value]||c.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),o.value.length===0&&l.value>1&&(l.value=1,c.value=[null],r.value=null),B.value=!1,t},H=()=>{const t={...f,...a.initialFetcherParams};l.value=t.page??f.page,i.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(r.value=t.offset,c.value.push(t.offset)),k.value=!0},j=e.computed(()=>{if(!a.fetcher||!k.value)return"";let t=m;return a.cacheIdentifier&&(t=a.cacheIdentifier),a.fetcherCacheKey&&(t+=`-${a.fetcherCacheKey}`),`k-catalog_${t}`}),z=e.ref(""),{debouncedFn:Q,generateDebouncedFn:J}=E(t=>{z.value=t},350),U=J(0),{data:w,error:D,revalidate:W,isValidating:Z}=q(()=>j.value,()=>G(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:X,swrvState:I}=x(w,D,Z),g=e.ref(!0),N=e.computed(()=>({hasData:X.value,state:p.value})),Y=e.computed(()=>g.value?"loading":D.value?"error":"success"),_=({page:t})=>{l.value=t},ee=({pageSize:t})=>{c.value=[null],r.value=null,i.value=t,l.value=1},te=()=>{l.value++,r.value=d.value},ae=()=>{l.value--,r.value=S.value},A=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),le=e.computed(()=>{if(!a.fetcher||a.disablePagination||!o.value||!o.value.length||a.error)return!1;const t=a.paginationPageSizes?.[0]??O;return a.hidePaginationWhenOptional&&l.value===1?a.paginationOffset?!!S.value||!!d.value||o.value.length>=t:y.value>t:!0});e.watch(w,t=>{t?.length&&!o.value.length&&(o.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case I.PENDING:g.value=!0;break;case I.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([N,Y],t=>{s("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>a.searchInput,t=>{l.value!==1&&(l.value=1),t===""?U(t):Q(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,l,i],async(t,u)=>{const n=u?.[0],h=t[0],T=t[1];h!==n&&T!==1&&(l.value=1,c.value=[null],r.value=null),k.value&&!B.value&&(v.value=!0,await W(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(L,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{H()}),(t,u)=>(e.openBlock(),e.createElementBlock("div",ce,[a.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.titleTag),{key:0,class:"catalog-title","data-testid":"catalog-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1})):e.createCommentVNode("",!0),F.toolbar?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"toolbar",{state:N.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(oe.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode($.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{"data-testid":A(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:u[0]||(u[0]=n=>s("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):R.value?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode($.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":A(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:u[1]||(u[1]=n=>s("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(a.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(["catalog-page",`card-${a.cardSize}`]),"data-tableid":e.unref(m)},[e.renderSlot(t.$slots,"body",{data:o.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(n,h)=>(e.openBlock(),e.createBlock(re.default,{key:n.key?n.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":n.id?n.id:`catalog-item-${h}`,item:n,truncate:a.truncateDescription,onClick:T=>s("card-click",n)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:n},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,ge)),le.value?(e.openBlock(),e.createBlock(ie.default,{key:6,class:"card-pagination","current-page":l.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":i.value,neighbors:a.paginationNeighbors,offset:a.paginationOffset,"offset-next-button-disabled":!d.value||!P.value,"offset-previous-button-disabled":!S.value,"page-sizes":a.paginationPageSizes,"total-count":y.value,onGetNextOffset:te,onGetPreviousOffset:ae,onPageChange:_,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))}});exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents200.cjs"),oe=require("./kongponents25.cjs");;/* empty css                */const $=require("./kongponents51.cjs"),M=require("./kongponents38.cjs"),ie=require("./kongponents61.cjs"),re=require("./kongponents41.cjs"),ce={class:"k-catalog"},ue={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},se={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},de={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},ge=["data-tableid"],O=15,fe=e.defineComponent({__name:"KCatalog",props:{titleTag:{default:"div"},loading:{type:Boolean},cardSize:{default:"medium"},title:{default:""},truncateDescription:{type:Boolean,default:!0},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{default:""},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:"default"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{default:""},errorStateActionMessage:{default:""},fetcher:{type:Function},initialFetcherParams:{default:null},cacheIdentifier:{default:""},fetcherCacheKey:{default:""},searchInput:{default:""},paginationNeighbors:{default:1},paginationPageSizes:{default:()=>[15,30,50,75,100]},paginationTotalItems:{default:null},disablePaginationPageJump:{type:Boolean},disablePagination:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},paginationOffset:{type:Boolean}},emits:["card-click","error-action-click","empty-state-action-click","update:catalog-preferences","state"],setup(a,{emit:V}){const{useRequest:q,useDebounce:E,useSwrvState:x}=ne.default(),s=V,F=e.useSlots(),m=e.useId(),K=()=>{const t=a.paginationPageSizes?.[0];return t||O},o=e.ref([]),y=e.ref(0),b=e.ref(""),l=e.ref(1),i=e.ref(K()),r=e.ref(null),c=e.ref([]),S=e.computed(()=>c.value[l.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),f={page:1,pageSize:i.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),R=e.computed(()=>!C.value&&o.value&&!o.value.length),L=e.computed(()=>({pageSize:i.value})),B=e.ref(!0),G=async()=>{const t=await a.fetcher({query:a.searchInput||b.value,pageSize:i.value,page:l.value,offset:r.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return o.value=t.data,y.value=a.paginationTotalItems||t.total||t.data?.length,a.paginationOffset&&(t.pagination?.offset?(d.value=t.pagination.offset,c.value[l.value]||c.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),o.value.length===0&&l.value>1&&(l.value=1,c.value=[null],r.value=null),B.value=!1,t},H=()=>{const t={...f,...a.initialFetcherParams};l.value=t.page??f.page,i.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(r.value=t.offset,c.value.push(t.offset)),k.value=!0},j=e.computed(()=>{if(!a.fetcher||!k.value)return"";let t=m;return a.cacheIdentifier&&(t=a.cacheIdentifier),a.fetcherCacheKey&&(t+=`-${a.fetcherCacheKey}`),`k-catalog_${t}`}),z=e.ref(""),{debouncedFn:Q,generateDebouncedFn:J}=E(t=>{z.value=t},350),U=J(0),{data:w,error:D,revalidate:W,isValidating:Z}=q(()=>j.value,()=>G(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:X,swrvState:I}=x(w,D,Z),g=e.ref(!0),N=e.computed(()=>({hasData:X.value,state:p.value})),Y=e.computed(()=>g.value?"loading":D.value?"error":"success"),_=({page:t})=>{l.value=t},ee=({pageSize:t})=>{c.value=[null],r.value=null,i.value=t,l.value=1},te=()=>{l.value++,r.value=d.value},ae=()=>{l.value--,r.value=S.value},A=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),le=e.computed(()=>{if(!a.fetcher||a.disablePagination||!o.value||!o.value.length||a.error)return!1;const t=a.paginationPageSizes?.[0]??O;return a.hidePaginationWhenOptional&&l.value===1?a.paginationOffset?!!S.value||!!d.value||o.value.length>=t:y.value>t:!0});e.watch(w,t=>{t?.length&&!o.value.length&&(o.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case I.PENDING:g.value=!0;break;case I.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([N,Y],t=>{s("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>a.searchInput,t=>{l.value!==1&&(l.value=1),t===""?U(t):Q(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,l,i],async(t,u)=>{const n=u?.[0],h=t[0],T=t[1];h!==n&&T!==1&&(l.value=1,c.value=[null],r.value=null),k.value&&!B.value&&(v.value=!0,await W(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(L,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{H()}),(t,u)=>(e.openBlock(),e.createElementBlock("div",ce,[a.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.titleTag),{key:0,class:"catalog-title","data-testid":"catalog-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1})):e.createCommentVNode("",!0),F.toolbar?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"toolbar",{state:N.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(oe.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode($.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{"data-testid":A(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:u[0]||(u[0]=n=>s("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):R.value?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode($.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":A(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:u[1]||(u[1]=n=>s("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(a.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(["catalog-page",`card-${a.cardSize}`]),"data-tableid":e.unref(m)},[e.renderSlot(t.$slots,"body",{data:o.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(n,h)=>(e.openBlock(),e.createBlock(re.default,{key:n.key?n.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":n.id?n.id:`catalog-item-${h}`,item:n,truncate:a.truncateDescription,onClick:T=>s("card-click",n)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:n},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,ge)),le.value?(e.openBlock(),e.createBlock(ie.default,{key:6,class:"card-pagination","current-page":l.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":i.value,neighbors:a.paginationNeighbors,offset:a.paginationOffset,"offset-next-button-disabled":!d.value||!P.value,"offset-previous-button-disabled":!S.value,"page-sizes":a.paginationPageSizes,"total-count":y.value,onGetNextOffset:te,onGetPreviousOffset:ae,onPageChange:_,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))}});exports.default=fe;

package/dist/{kongponents91.es.js → kongponents92.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ye, useSlots as Se, useId as be, ref as i, computed as s, watch as v, onMounted as pe, openBlock as o, createElementBlock as m, createBlock as I, resolveDynamicComponent as ke, withCtx as r, createTextVNode as b, toDisplayString as p, createCommentVNode as T, renderSlot as u, createVNode as A, createSlots as H, unref as x, normalizeClass as Pe, Fragment as ze, renderList as Ie } from "vue";
-import Ae from "./kongponents215.es.js";
+import Ae from "./kongponents200.es.js";
 import Ce from "./kongponents25.es.js";
 /* empty css                 */
 import Q from "./kongponents51.es.js";

package/dist/{kongponents95.cjs → kongponents96.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents195.cjs"),C=require("./kongponents196.cjs"),d=require("./kongponents189.cjs"),V=["id","aria-checked"],S={class:"checkbox-label-wrapper"},x={key:1,class:"checkbox-description"},y=e.defineComponent({inheritAttrs:!1,__name:"KCheckbox",props:{modelValue:{type:Boolean},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},error:{type:Boolean,default:!1}},emits:["change","input","update:modelValue"],setup(o,{emit:u}){const l=u,i=e.useSlots(),a=e.useAttrs(),m=e.useId(),r=e.computed(()=>a.id?String(a.id):m),n=()=>!!(o.label||i.default),h=e.computed(()=>a?.disabled!==void 0&&String(a?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),k=()=>!!i.tooltip,c=e.computed(()=>{const t={...a};return delete t.class,t.checked=o.modelValue,t.indeterminate!==void 0&&String(t.indeterminate)!=="false"&&!o.modelValue?(delete t.checked,t.indeterminate=!0):delete t.indeterminate,t}),b=()=>({disabled:h.value,"has-description":s(),"input-error":o.error}),p=e.computed(()=>c.value.indeterminate!==void 0&&String(c.value.indeterminate)!=="false");e.watch(()=>o.labelAttributes,t=>{t.help&&console.warn("KCheckbox: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const f=t=>{l("change",t.target.checked),l("input",t.target.checked),l("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,b()]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":n()}])},[e.createElementVNode("input",e.mergeProps({id:r.value},c.value,{"aria-checked":o.modelValue,class:"checkbox-input",type:"checkbox",onChange:f}),null,16,V),o.modelValue?(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),p.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0},o.labelAttributes,{class:"checkbox-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},[k()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents208.cjs"),C=require("./kongponents209.cjs"),d=require("./kongponents189.cjs"),V=["id","aria-checked"],S={class:"checkbox-label-wrapper"},x={key:1,class:"checkbox-description"},y=e.defineComponent({inheritAttrs:!1,__name:"KCheckbox",props:{modelValue:{type:Boolean},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},error:{type:Boolean,default:!1}},emits:["change","input","update:modelValue"],setup(o,{emit:u}){const l=u,i=e.useSlots(),a=e.useAttrs(),m=e.useId(),r=e.computed(()=>a.id?String(a.id):m),n=()=>!!(o.label||i.default),h=e.computed(()=>a?.disabled!==void 0&&String(a?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),k=()=>!!i.tooltip,c=e.computed(()=>{const t={...a};return delete t.class,t.checked=o.modelValue,t.indeterminate!==void 0&&String(t.indeterminate)!=="false"&&!o.modelValue?(delete t.checked,t.indeterminate=!0):delete t.indeterminate,t}),b=()=>({disabled:h.value,"has-description":s(),"input-error":o.error}),p=e.computed(()=>c.value.indeterminate!==void 0&&String(c.value.indeterminate)!=="false");e.watch(()=>o.labelAttributes,t=>{t.help&&console.warn("KCheckbox: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const f=t=>{l("change",t.target.checked),l("input",t.target.checked),l("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,b()]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":n()}])},[e.createElementVNode("input",e.mergeProps({id:r.value},c.value,{"aria-checked":o.modelValue,class:"checkbox-input",type:"checkbox",onChange:f}),null,16,V),o.modelValue?(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),p.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0},o.labelAttributes,{class:"checkbox-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},[k()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=y;

package/dist/{kongponents95.es.js → kongponents96.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as w, useSlots as B, useAttrs as E, useId as K, computed as o, watch as N, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as l, mergeProps as g, createBlock as m, unref as s, createCommentVNode as n, createSlots as D, withCtx as v, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
 import P from "./kongponents57.es.js";
-import T from "./kongponents195.es.js";
-import q from "./kongponents196.es.js";
+import T from "./kongponents208.es.js";
+import q from "./kongponents209.es.js";
 import { KUI_ICON_SIZE_40 as C } from "./kongponents189.es.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,

package/dist/{kongponents97.cjs → kongponents98.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents204.cjs"),ae=require("./kongponents55.cjs"),ie=require("./kongponents177.cjs"),ce=require("./kongponents205.cjs"),h=require("./kongponents206.cjs"),re=require("./kongponents207.cjs"),ue=require("./kongponents208.cjs"),se=require("./kongponents184.cjs"),de=require("./kongponents197.cjs"),he=require("./kongponents209.cjs"),me=require("./kongponents210.cjs"),fe=require("./kongponents211.cjs"),ve=require("./kongponents212.cjs"),b=require("./kongponents189.cjs"),y=require("./kongponents44.cjs"),ge=require("./kongponents213.cjs"),ke=require("./kongponents200.cjs"),be=require("./kongponents214.cjs"),ye=["id"],Ce={key:0,class:"code-block-actions"},Ne={key:0,class:"code-block-search-results-container"},pe={key:0,class:"code-block-search-results"},Le={class:"code-block-search-actions"},we={ref:"codeBlockContent",class:"code-block-content"},Be={class:"code-block-secondary-actions"},xe=["id","href"],Ee=["innerHTML"],Me=["id","href"],Te=["innerHTML"],Ve=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(t,{emit:K}){e.useCssVars(o=>({v6e2ea4b7:_.value,v57785516:Q.value}));const m=ge.IS_MAYBE_MAC?"Option":"Alt",G=be.default(P,150,{leading:!0,trailing:!0});e.watch(()=>t.highlightedLineNumbers,o=>{typeof o=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(o)||Array.isArray(o)&&o.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const g=K,X=e.useSlots(),B=e.ref(t.query),f=e.ref(!1),s=e.ref(t.initialRegExpMode),u=e.ref(t.initialFilterMode),d=e.ref(null),c=e.ref(t.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:t.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents210.cjs"),ae=require("./kongponents55.cjs"),ie=require("./kongponents177.cjs"),ce=require("./kongponents211.cjs"),h=require("./kongponents212.cjs"),re=require("./kongponents190.cjs"),ue=require("./kongponents213.cjs"),se=require("./kongponents184.cjs"),de=require("./kongponents214.cjs"),he=require("./kongponents215.cjs"),me=require("./kongponents204.cjs"),fe=require("./kongponents216.cjs"),ve=require("./kongponents217.cjs"),b=require("./kongponents189.cjs"),y=require("./kongponents44.cjs"),ge=require("./kongponents196.cjs"),ke=require("./kongponents198.cjs"),be=require("./kongponents218.cjs"),ye=["id"],Ce={key:0,class:"code-block-actions"},Ne={key:0,class:"code-block-search-results-container"},pe={key:0,class:"code-block-search-results"},Le={class:"code-block-search-actions"},we={ref:"codeBlockContent",class:"code-block-content"},Be={class:"code-block-secondary-actions"},xe=["id","href"],Ee=["innerHTML"],Me=["id","href"],Te=["innerHTML"],Ve=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(t,{emit:K}){e.useCssVars(o=>({v6e2ea4b7:_.value,v57785516:Q.value}));const m=ge.IS_MAYBE_MAC?"Option":"Alt",G=be.default(P,150,{leading:!0,trailing:!0});e.watch(()=>t.highlightedLineNumbers,o=>{typeof o=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(o)||Array.isArray(o)&&o.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const g=K,X=e.useSlots(),B=e.ref(t.query),f=e.ref(!1),s=e.ref(t.initialRegExpMode),u=e.ref(t.initialFilterMode),d=e.ref(null),c=e.ref(t.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:t.code?.split(`
 `).length},(o,n)=>n+1)),Q=e.computed(()=>C.value[C.value.length-1]?.toString().length+"ch"),T=e.computed(()=>t.processing||f.value),v=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>t.id.toLowerCase().replace(/\s+/g,"-"));function k(o){return`${W.value}-L${o}`}const Y=e.computed(()=>h.buildLineOffsets(t.code)),V=e.computed(()=>{if(c.value===""||a.value.length===0)return"";const o=t.code?.split(`
 `).filter((n,l)=>M.value.has(l+1)).join(`
 `);return h.highlightMatchingChars(o,c.value,s.value)}),Z=e.computed(()=>!t.singleLine&&t.searchable),J=e.computed(()=>t.singleLine?h.escapeHTMLIfNeeded(t.code).replaceAll(`

package/dist/{kongponents97.es.js → kongponents98.es.js}

@@ -1,22 +1,22 @@
 import { defineComponent as Ee, useCssVars as xe, watch as T, useSlots as Te, ref as m, useTemplateRef as $, computed as d, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, openBlock as i, createElementBlock as b, normalizeClass as N, createVNode as r, withCtx as c, Transition as H, unref as a, createBlock as k, createCommentVNode as v, Fragment as F, createTextVNode as V, toDisplayString as w, createElementVNode as L, renderSlot as Ie, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
-import { Virtualizer as ce } from "./kongponents204.es.js";
+import { Virtualizer as ce } from "./kongponents210.es.js";
 import Ae from "./kongponents55.es.js";
 import { copyTextToClipboard as Pe } from "./kongponents177.es.js";
-import { ShortcutManager as $e } from "./kongponents205.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as Ve, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as ze } from "./kongponents206.es.js";
-import De from "./kongponents207.es.js";
-import Oe from "./kongponents208.es.js";
+import { ShortcutManager as $e } from "./kongponents211.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as Ve, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as ze } from "./kongponents212.es.js";
+import De from "./kongponents190.es.js";
+import Oe from "./kongponents213.es.js";
 import Ue from "./kongponents184.es.js";
-import je from "./kongponents197.es.js";
-import Ke from "./kongponents209.es.js";
-import Xe from "./kongponents210.es.js";
-import Ge from "./kongponents211.es.js";
-import Qe from "./kongponents212.es.js";
+import je from "./kongponents214.es.js";
+import Ke from "./kongponents215.es.js";
+import Xe from "./kongponents204.es.js";
+import Ge from "./kongponents216.es.js";
+import Qe from "./kongponents217.es.js";
 import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as de } from "./kongponents189.es.js";
 import B from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Je } from "./kongponents213.es.js";
-import { normalizeSize as _e } from "./kongponents200.es.js";
-import et from "./kongponents214.es.js";
+import { IS_MAYBE_MAC as Je } from "./kongponents196.es.js";
+import { normalizeSize as _e } from "./kongponents198.es.js";
+import et from "./kongponents218.es.js";
 const tt = ["id"], ot = {
   key: 0,
   class: "code-block-actions"

package/dist/types/types/filter-group.d.ts

@@ -115,6 +115,30 @@ export interface FilterPillProps {
      */
     custom?: boolean;
 }
+/**
+ * Scoped slot props passed into a custom filter's `#default` (FilterPill) /
+ * `#filter-<key>` (KFilterGroup) slot content.
+ */
+export interface FilterPillSlotProps {
+    /** The current pending value, initialized from the applied selection's value when the popover opens. */
+    value?: string | string[];
+    /** The current pending display text, initialized from the applied selection's text when the popover opens. */
+    text?: string;
+    /** Passthrough of the filter's `options`. */
+    options?: FilterOption[];
+    /** Passthrough of the filter's `multiple`. */
+    multiple?: boolean;
+    /** The operators available for this filter. */
+    operators: FilterOperator[];
+    /** The currently pending operator. */
+    operator?: FilterOperator;
+    /** Update the pending operator. */
+    setOperator: (op: FilterOperator) => void;
+    /** Update the pending value and its display text. */
+    setValue: (value: string | string[], text: string) => void;
+    /** Update whether the footer's Apply button is enabled. */
+    setApplyState: (enabled: boolean) => void;
+}
 /**
  * @internal
  */
@@ -122,7 +146,7 @@ export type FilterPillSlots = {
     /**
      * the filter's popover content.
      */
-    default?(): any;
+    default?(props: FilterPillSlotProps): any;
 };
 export interface FilterGroupProps {
     /**
@@ -192,7 +216,7 @@ export type FilterGroupSlots = {
      */
     'group-label'?: () => any;
 } & {
-    [K in FilterSlotName]?: () => any;
+    [K in FilterSlotName]?: (props: FilterPillSlotProps) => any;
 } & {
     [K in FilterItemSlotName]?: () => any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.61.8",
+  "version": "9.62.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {

package/dist/kongponents143.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents25.cjs");;/* empty css                */exports.default=e.default;

package/dist/kongponents143.es.js

@@ -1,5 +0,0 @@
-import o from "./kongponents25.es.js";
-/* empty css                 */
-export {
-  o as default
-};

package/dist/kongponents160.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./kongponents182.cjs"),t=()=>e.nanoid();exports.getUniqueStringId=t;

package/dist/kongponents160.es.js

@@ -1,5 +0,0 @@
-import { nanoid as n } from "./kongponents182.es.js";
-const t = () => n();
-export {
-  t as getUniqueStringId
-};

package/dist/kongponents171.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents27.cjs");exports.default=e.default;

package/dist/kongponents171.es.js

@@ -1,4 +0,0 @@
-import f from "./kongponents27.es.js";
-export {
-  f as default
-};