@kong/kongponents 9.65.2 → 9.65.3

package/dist/kongponents78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents24.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/kongponents78.es.js

@@ -1,4 +1,4 @@
-import f from "./kongponents24.es.js";
+import f from "./kongponents28.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("./kongponents28.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents29.cjs");exports.default=e.default;

package/dist/kongponents79.es.js

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

package/dist/kongponents80.es.js

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

package/dist/kongponents82.cjs

@@ -0,0 +1 @@
+"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/kongponents82.es.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/kongponents83.cjs

@@ -1 +1 @@
-"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;
+"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("./kongponents182.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",{},void 0,!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/kongponents83.es.js

@@ -1,9 +1,55 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+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 "./kongponents182.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", {}, void 0, !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
+  S as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents183.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("./kongponents182.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/{kongponents86.es.js → kongponents85.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 "./kongponents183.es.js";
+import { normalizeSize as B } from "./kongponents182.es.js";
 const C = {
   key: 0,
   class: "breadcrumbs-icon-container"

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents184.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("./kongponents191.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/{kongponents92.es.js → kongponents91.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 "./kongponents184.es.js";
+import Ae from "./kongponents191.es.js";
 import Ce from "./kongponents25.es.js";
 /* empty css                 */
 import Q from "./kongponents51.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("./kongponents57.cjs"),d=require("@kong/icons"),u=require("./kongponents182.cjs"),C=["id","aria-checked"],S={class:"checkbox-label-wrapper"},V={key:1,class:"checkbox-description"},x=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:m}){const a=m,i=e.useSlots(),l=e.useAttrs(),h=e.useId(),r=e.computed(()=>l.id?String(l.id):h),n=()=>!!(o.label||i.default),k=e.computed(()=>l?.disabled!==void 0&&String(l?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),b=()=>!!i.tooltip,c=e.computed(()=>{const t={...l};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}),p=()=>({disabled:k.value,"has-description":s(),"input-error":o.error}),f=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 g=t=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,I)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p()]])},[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:g}),null,16,C),o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.CheckSmallIcon),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),f.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.IndeterminateSmallIcon),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(v.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},[b()?{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",V,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("./kongponents57.cjs"),d=require("@kong/icons"),u=require("./kongponents183.cjs"),C=["id","aria-checked"],S={class:"checkbox-label-wrapper"},V={key:1,class:"checkbox-description"},x=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:m}){const a=m,i=e.useSlots(),l=e.useAttrs(),h=e.useId(),r=e.computed(()=>l.id?String(l.id):h),n=()=>!!(o.label||i.default),k=e.computed(()=>l?.disabled!==void 0&&String(l?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),b=()=>!!i.tooltip,c=e.computed(()=>{const t={...l};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}),p=()=>({disabled:k.value,"has-description":s(),"input-error":o.error}),f=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 g=t=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,I)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p()]])},[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:g}),null,16,C),o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.CheckSmallIcon),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),f.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.IndeterminateSmallIcon),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(v.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},[b()?{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",V,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=x;

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Q=require("virtua/vue"),ie=require("./kongponents55.cjs"),ce=require("./kongponents177.cjs"),ue=require("./kongponents202.cjs"),f=require("./kongponents203.cjs"),d=require("@kong/icons"),L=require("./kongponents182.cjs"),p=require("./kongponents44.cjs"),se=require("./kongponents199.cjs"),de=require("./kongponents183.cjs"),he=require("./kongponents193.cjs"),fe=require("./kongponents204.cjs"),me=["id"],ge={key:0,class:"code-block-actions"},ve={key:0,class:"code-block-search-results-container"},be={key:0,class:"code-block-search-results"},ke={class:"code-block-search-actions"},ye={ref:"codeBlockContent",class:"code-block-content"},pe={class:"code-block-secondary-actions"},Ce=["id","href"],Ne=["innerHTML"],Le=["id","href"],we=["innerHTML"],Be=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},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:W}){e.useCssVars(t=>({v1d5b2df3:oe.value,v1e85e052:Z.value}));const m=se.IS_MAYBE_MAC?"Option":"Alt",Y=fe.default(D,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&f.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.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 k=W,x=e.useSlots(),M=e.ref(o.query),g=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),h=e.ref(null),i=e.ref(o.query),T=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),w=e.useTemplateRef("codeBlockContent"),S=e.useTemplateRef("codeBlockLineNumbers"),B=e.ref(!1),E=e.ref(!1),V=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:o.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Q=require("virtua/vue"),ie=require("./kongponents55.cjs"),ce=require("./kongponents177.cjs"),ue=require("./kongponents203.cjs"),f=require("./kongponents204.cjs"),d=require("@kong/icons"),L=require("./kongponents183.cjs"),p=require("./kongponents44.cjs"),se=require("./kongponents186.cjs"),de=require("./kongponents182.cjs"),he=require("./kongponents192.cjs"),fe=require("./kongponents205.cjs"),me=["id"],ge={key:0,class:"code-block-actions"},ve={key:0,class:"code-block-search-results-container"},be={key:0,class:"code-block-search-results"},ke={class:"code-block-search-actions"},ye={ref:"codeBlockContent",class:"code-block-content"},pe={class:"code-block-secondary-actions"},Ce=["id","href"],Ne=["innerHTML"],Le=["id","href"],we=["innerHTML"],Be=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},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:W}){e.useCssVars(t=>({v1d5b2df3:oe.value,v1e85e052:Z.value}));const m=se.IS_MAYBE_MAC?"Option":"Alt",Y=fe.default(D,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&f.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.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 k=W,x=e.useSlots(),M=e.ref(o.query),g=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),h=e.ref(null),i=e.ref(o.query),T=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),w=e.useTemplateRef("codeBlockContent"),S=e.useTemplateRef("codeBlockLineNumbers"),B=e.ref(!1),E=e.ref(!1),V=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:o.code?.split(`
 `).length},(t,n)=>n+1)),Z=e.computed(()=>C.value[C.value.length-1]?.toString().length+"ch"),I=e.computed(()=>o.processing||g.value),v=e.computed(()=>u.value&&q.value!==""),J=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function y(t){return`${J.value}-L${t}`}const _=e.computed(()=>f.buildLineOffsets(o.code)),q=e.computed(()=>{if(i.value===""||a.value.length===0)return"";const t=o.code?.split(`
 `).filter((n,l)=>V.value.has(l+1)).join(`
 `);return f.highlightMatchingChars(t,i.value,s.value)}),b=()=>!!x.actions,ee=()=>!o.singleLine&&(o.searchable||b()),te=e.computed(()=>o.singleLine?f.escapeHTMLIfNeeded(o.code).replaceAll(`

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

@@ -2,15 +2,15 @@ import { defineComponent as Te, useCssVars as Ie, watch as T, useSlots as Se, re
 import { Virtualizer as fe } from "virtua/vue";
 import Pe from "./kongponents55.es.js";
 import { copyTextToClipboard as He } from "./kongponents177.es.js";
-import { ShortcutManager as Fe } from "./kongponents202.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as qe, buildLineOffsets as Ve, highlightMatchingChars as $e, escapeHTMLIfNeeded as me, normalizeHighlightedLines as De, getMatchingLineNumbers as ze } from "./kongponents203.es.js";
+import { ShortcutManager as Fe } from "./kongponents203.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as qe, buildLineOffsets as Ve, highlightMatchingChars as $e, escapeHTMLIfNeeded as me, normalizeHighlightedLines as De, getMatchingLineNumbers as ze } from "./kongponents204.es.js";
 import { CloseIcon as Ue, SearchIcon as je, ProgressIcon as Oe, RegexIcon as Ke, FilterIcon as Ge, ArrowUpIcon as Xe, ArrowDownIcon as Qe, CopyIcon as We } from "@kong/icons";
-import { KUI_ICON_SIZE_30 as Ye, KUI_COLOR_TEXT_NEUTRAL_STRONG as Ze, KUI_LINE_HEIGHT_30 as ve } from "./kongponents182.es.js";
+import { KUI_ICON_SIZE_30 as Ye, KUI_COLOR_TEXT_NEUTRAL_STRONG as Ze, KUI_LINE_HEIGHT_30 as ve } from "./kongponents183.es.js";
 import S from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Je } from "./kongponents199.es.js";
-import { normalizeSize as _e } from "./kongponents183.es.js";
-import { findInteractiveAncestor as et } from "./kongponents193.es.js";
-import tt from "./kongponents204.es.js";
+import { IS_MAYBE_MAC as Je } from "./kongponents186.es.js";
+import { normalizeSize as _e } from "./kongponents182.es.js";
+import { findInteractiveAncestor as et } from "./kongponents192.es.js";
+import tt from "./kongponents205.es.js";
 const ot = ["id"], nt = {
   key: 0,
   class: "code-block-actions"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.65.2",
+  "version": "9.65.3",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -91,7 +91,7 @@
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
     "@evilmartians/lefthook": "^2.1.10",
     "@kong-ui-public/sandbox-layout": "2.8.0",
-    "@kong/design-tokens": "3.3.4",
+    "@kong/design-tokens": "3.4.0",
     "@kong/eslint-config-kong-ui": "1.8.1",
     "@kong/stylelint-plugin-design-tokens": "2.0.1",
     "@nuxt/kit": "^4.5.2",

package/dist/kongponents145.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=e.defineComponent({__name:"KSkeletonBox",props:{width:{default:"1"},height:{default:"1"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["skeleton-box",{[`width-${t.width}`]:!0,[`height-${t.height}`]:!0}])},null,2))}});exports.default=l;

package/dist/kongponents145.es.js

@@ -1,16 +0,0 @@
-import { defineComponent as t, openBlock as n, createElementBlock as o, normalizeClass as l } from "vue";
-const h = /* @__PURE__ */ t({
-  __name: "KSkeletonBox",
-  props: {
-    width: { default: "1" },
-    height: { default: "1" }
-  },
-  setup(e) {
-    return (a, i) => (n(), o("div", {
-      class: l(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
-    }, null, 2));
-  }
-});
-export {
-  h as default
-};

package/dist/kongponents164.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents179.cjs"),a=require("./kongponents192.cjs"),c=["href"],u=e.defineComponent({__name:"KExternalLink",props:{href:{},hideIcon:{type:Boolean}},setup(r){e.watch(()=>r.href,t=>{n.isValidUrl(t)||a.warnInvalidProp("href",`\`href\` should be a valid URL, but got "${t}".`)},{immediate:!0});const o=e.computed(()=>!!n.isValidUrl(r.href));return(t,s)=>o.value?(e.openBlock(),e.createElementBlock("a",{key:0,class:"k-external-link",href:r.href,rel:"noopener",target:"_blank"},[e.renderSlot(t.$slots,"default",{},void 0,!0),r.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(i.ExternalLinkIcon),{key:0,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(l.KUI_ICON_SIZE_30)})`},null,8,["size"]))],8,c)):e.createCommentVNode("",!0)}});exports.default=u;

package/dist/kongponents164.es.js

@@ -1,35 +0,0 @@
-import { defineComponent as l, watch as c, computed as f, openBlock as t, createElementBlock as m, renderSlot as d, createBlock as s, unref as o, createCommentVNode as n } from "vue";
-import { ExternalLinkIcon as u } from "@kong/icons";
-import { KUI_ICON_SIZE_30 as h } from "./kongponents182.es.js";
-import { isValidUrl as i } from "./kongponents179.es.js";
-import { warnInvalidProp as k } from "./kongponents192.es.js";
-const p = ["href"], b = /* @__PURE__ */ l({
-  __name: "KExternalLink",
-  props: {
-    href: {},
-    hideIcon: { type: Boolean }
-  },
-  setup(e) {
-    c(() => e.href, (r) => {
-      i(r) || k("href", `\`href\` should be a valid URL, but got "${r}".`);
-    }, { immediate: !0 });
-    const a = f(() => !!i(e.href));
-    return (r, I) => a.value ? (t(), m("a", {
-      key: 0,
-      class: "k-external-link",
-      href: e.href,
-      rel: "noopener",
-      target: "_blank"
-    }, [
-      d(r.$slots, "default", {}, void 0, !0),
-      e.hideIcon ? n("", !0) : (t(), s(o(u), {
-        key: 0,
-        decorative: "",
-        size: `var(--kui-icon-size-30, ${o(h)})`
-      }, null, 8, ["size"]))
-    ], 8, p)) : n("", !0);
-  }
-});
-export {
-  b as default
-};

package/dist/kongponents173.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents57.cjs"),w=require("./kongponents62.cjs"),B={class:"k-slider","data-testid":"k-slider"},M={class:"slider-container"},E={class:"input-value"},N=["id","disabled","list","max","min","step"],C=["id"],P=["data-testid","label","value"],j={"aria-hidden":"true",class:"slider-marks","data-testid":"slider-marks"},z=["data-testid","onClick"],K=e.defineComponent({__name:"KSlider",props:e.mergeModels({label:{default:""},min:{default:0},max:{default:10},step:{default:1},showMarks:{type:Boolean,default:!1},marks:{default:()=>[]},showValue:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},labelAttributes:{default:()=>({})}},{modelValue:{required:!0,type:Number},modelModifiers:{}}),emits:e.mergeModels(["change","update:modelValue"],["update:modelValue"]),setup(t,{emit:k}){const f=k,s=e.useId(),S=e.computed(()=>({width:d(n.value)})),y=e.computed(()=>({left:d(n.value),transform:`translateX(-${d(n.value)})`})),x=()=>{f("change",n.value),r()},$=l=>{n.value=l,f("change",n.value),r()},h=e.useTemplateRef("thumbPopover"),r=()=>{h.value?.showPopover()},c=()=>{h.value?.hidePopover()},n=e.useModel(t,"modelValue"),u=e.computed(()=>{const l=Math.max((String(t.step).split(".")[1]||"").length,(String(t.min).split(".")[1]||"").length,(String(t.max).split(".")[1]||"").length);return Math.pow(10,l)}),o=e.computed(()=>{if(t.max<=t.min||t.step<=0)return[];const l=[],i=t.min*u.value,a=t.max*u.value,g=t.step*u.value;for(let v=i;v<=a;v+=g)l.push(v/u.value);return l}),m=l=>l>=t.min&&l<=t.max&&o.value.includes(l),b=e.computed(()=>{if(t.marks.length){if(typeof t.marks[0]=="object")return t.marks.filter(l=>m(l.value));{const l=t.marks.filter(i=>m(i)).map(i=>({label:String(i),value:i}));return l[0]?.value!==t.min&&l.unshift({label:String(t.min),value:t.min}),l.at(-1)?.value!==t.max&&l.push({label:String(t.max),value:t.max}),l}}return t.showMarks?o.value.map(l=>({label:String(l),value:l})):[{label:String(t.min),value:t.min},{label:String(t.max),value:t.max}]}),d=l=>`${(l-t.min)/(t.max-t.min)*100}%`;return e.watch(()=>t.max,l=>{l<=t.min&&console.warn(`KSlider: max value ${l} must be greater than min value ${t.min}.`)},{immediate:!0}),e.watch(()=>t.step,l=>{t.max>t.min&&(l<=0||(t.max*u.value-t.min*u.value)%(l*u.value)!==0)&&console.warn(`KSlider: step value ${l} is invalid.`)},{immediate:!0}),e.watch(n,l=>{t.max>t.min&&!m(l)&&(console.warn(`KSlider: value ${l} is out of range [${o.value.join(", ")}]. Setting to min value ${t.min}.`),n.value=t.min)},{immediate:!0}),e.watch(()=>t.marks,l=>{if(l.length){let i=[];i=l.filter(a=>!m(typeof t.marks[0]=="object"?a.value:a)),i.length&&console.warn(`KSlider: marks [${i.map(a=>typeof i[0]=="object"?a.value:a).join(", ")}] are out of range [${o.value.join(", ")}].`)}},{immediate:!0}),(l,i)=>(e.openBlock(),e.createElementBlock("div",B,[t.label||l.$slots.label?(e.openBlock(),e.createBlock(V.default,e.mergeProps({key:0},t.labelAttributes,{for:`${e.unref(s)}-input`}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:3},16,["for"])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.createElementVNode("span",{"aria-hidden":"true",class:e.normalizeClass(["lower-range-track",{"is-disabled":t.disabled}]),style:e.normalizeStyle(S.value)},null,6),e.createVNode(w.default,{ref:"thumbPopover","aria-hidden":"true",disabled:t.disabled||!t.showValue,"hide-close-icon":"",placement:"top","popover-timeout":500,trigger:"hover",width:"auto"},{content:e.withCtx(()=>[e.createElementVNode("span",E,e.toDisplayString(n.value),1)]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["thumb",{"is-disabled":t.disabled}]),style:e.normalizeStyle(y.value)},null,6)]),_:1},8,["disabled"]),e.withDirectives(e.createElementVNode("input",{id:`${e.unref(s)}-input`,"onUpdate:modelValue":i[0]||(i[0]=a=>n.value=a),"data-testid":"slider-input",disabled:t.disabled,list:`${e.unref(s)}-markers`,max:t.max,min:t.min,step:t.step,type:"range",onBlur:c,onFocus:r,onInput:x,onMouseup:c,onTouchend:c},null,40,N),[[e.vModelText,n.value,void 0,{number:!0}]]),e.createElementVNode("datalist",{id:`${e.unref(s)}-markers`,"data-testid":"slider-datalist-marks"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createElementBlock("option",{key:`datalist-mark-${a.value}`,"data-testid":`datalist-mark-${a.value}`,label:a.label,style:e.normalizeStyle({left:d(a.value)}),value:a.value},null,12,P))),128))],8,C),e.createElementVNode("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createElementBlock("span",{key:`mark-${a.value}`,"data-testid":`mark-${a.value}`,role:"button",style:e.normalizeStyle({left:d(a.value)}),onClick:g=>$(a.value)},e.toDisplayString(a.label||a.value),13,z))),128))])])]))}});exports.default=K;

package/dist/kongponents173.es.js

@@ -1,182 +0,0 @@
-import { defineComponent as I, useId as A, computed as m, useTemplateRef as D, useModel as E, watch as f, openBlock as d, createElementBlock as o, createBlock as F, mergeProps as L, unref as h, withCtx as $, renderSlot as q, createTextVNode as U, toDisplayString as y, createCommentVNode as W, createElementVNode as u, normalizeStyle as b, normalizeClass as P, createVNode as X, withDirectives as G, vModelText as H, Fragment as B, renderList as C, mergeModels as K } from "vue";
-import J from "./kongponents57.es.js";
-import O from "./kongponents62.es.js";
-const Q = {
-  class: "k-slider",
-  "data-testid": "k-slider"
-}, Y = { class: "slider-container" }, Z = { class: "input-value" }, p = ["id", "disabled", "list", "max", "min", "step"], _ = ["id"], ee = ["data-testid", "label", "value"], te = {
-  "aria-hidden": "true",
-  class: "slider-marks",
-  "data-testid": "slider-marks"
-}, ae = ["data-testid", "onClick"], ue = /* @__PURE__ */ I({
-  __name: "KSlider",
-  props: /* @__PURE__ */ K({
-    label: { default: "" },
-    min: { default: 0 },
-    max: { default: 10 },
-    step: { default: 1 },
-    showMarks: { type: Boolean, default: !1 },
-    marks: { default: () => [] },
-    showValue: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    labelAttributes: { default: () => ({}) }
-  }, {
-    modelValue: {
-      required: !0,
-      type: Number
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["change", "update:modelValue"], ["update:modelValue"]),
-  setup(e, { emit: j }) {
-    const S = j, r = A(), N = m(() => ({ width: s(i.value) })), T = m(() => ({
-      left: s(i.value),
-      transform: `translateX(-${s(i.value)})`
-    })), R = () => {
-      S("change", i.value), g();
-    }, z = (t) => {
-      i.value = t, S("change", i.value), g();
-    }, V = D("thumbPopover"), g = () => {
-      V.value?.showPopover();
-    }, k = () => {
-      V.value?.hidePopover();
-    }, i = E(e, "modelValue"), n = m(() => {
-      const t = Math.max(
-        (String(e.step).split(".")[1] || "").length,
-        (String(e.min).split(".")[1] || "").length,
-        (String(e.max).split(".")[1] || "").length
-      );
-      return Math.pow(10, t);
-    }), c = m(() => {
-      if (e.max <= e.min || e.step <= 0)
-        return [];
-      const t = [], l = e.min * n.value, a = e.max * n.value, w = e.step * n.value;
-      for (let x = l; x <= a; x += w)
-        t.push(x / n.value);
-      return t;
-    }), v = (t) => t >= e.min && t <= e.max && c.value.includes(t), M = m(() => {
-      if (e.marks.length) {
-        if (typeof e.marks[0] == "object")
-          return e.marks.filter((t) => v(t.value));
-        {
-          const t = e.marks.filter((l) => v(l)).map((l) => ({
-            label: String(l),
-            value: l
-          }));
-          return t[0]?.value !== e.min && t.unshift({ label: String(e.min), value: e.min }), t.at(-1)?.value !== e.max && t.push({ label: String(e.max), value: e.max }), t;
-        }
-      }
-      return e.showMarks ? c.value.map((t) => ({
-        label: String(t),
-        value: t
-      })) : [
-        {
-          label: String(e.min),
-          value: e.min
-        },
-        {
-          label: String(e.max),
-          value: e.max
-        }
-      ];
-    }), s = (t) => `${(t - e.min) / (e.max - e.min) * 100}%`;
-    return f(() => e.max, (t) => {
-      t <= e.min && console.warn(`KSlider: max value ${t} must be greater than min value ${e.min}.`);
-    }, { immediate: !0 }), f(() => e.step, (t) => {
-      e.max > e.min && (t <= 0 || (e.max * n.value - e.min * n.value) % (t * n.value) !== 0) && console.warn(`KSlider: step value ${t} is invalid.`);
-    }, { immediate: !0 }), f(i, (t) => {
-      e.max > e.min && !v(t) && (console.warn(`KSlider: value ${t} is out of range [${c.value.join(", ")}]. Setting to min value ${e.min}.`), i.value = e.min);
-    }, { immediate: !0 }), f(() => e.marks, (t) => {
-      if (t.length) {
-        let l = [];
-        l = t.filter((a) => !v(typeof e.marks[0] == "object" ? a.value : a)), l.length && console.warn(`KSlider: marks [${l.map((a) => typeof l[0] == "object" ? a.value : a).join(", ")}] are out of range [${c.value.join(", ")}].`);
-      }
-    }, { immediate: !0 }), (t, l) => (d(), o("div", Q, [
-      e.label || t.$slots.label ? (d(), F(J, L({ key: 0 }, e.labelAttributes, {
-        for: `${h(r)}-input`
-      }), {
-        default: $(() => [
-          q(t.$slots, "label", {}, () => [
-            U(y(e.label), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 16, ["for"])) : W("", !0),
-      u("div", Y, [
-        u("span", {
-          "aria-hidden": "true",
-          class: P(["lower-range-track", { "is-disabled": e.disabled }]),
-          style: b(N.value)
-        }, null, 6),
-        X(O, {
-          ref: "thumbPopover",
-          "aria-hidden": "true",
-          disabled: e.disabled || !e.showValue,
-          "hide-close-icon": "",
-          placement: "top",
-          "popover-timeout": 500,
-          trigger: "hover",
-          width: "auto"
-        }, {
-          content: $(() => [
-            u("span", Z, y(i.value), 1)
-          ]),
-          default: $(() => [
-            u("span", {
-              class: P(["thumb", { "is-disabled": e.disabled }]),
-              style: b(T.value)
-            }, null, 6)
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        G(u("input", {
-          id: `${h(r)}-input`,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
-          "data-testid": "slider-input",
-          disabled: e.disabled,
-          list: `${h(r)}-markers`,
-          max: e.max,
-          min: e.min,
-          step: e.step,
-          type: "range",
-          onBlur: k,
-          onFocus: g,
-          onInput: R,
-          onMouseup: k,
-          onTouchend: k
-        }, null, 40, p), [
-          [
-            H,
-            i.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]),
-        u("datalist", {
-          id: `${h(r)}-markers`,
-          "data-testid": "slider-datalist-marks"
-        }, [
-          (d(!0), o(B, null, C(M.value, (a) => (d(), o("option", {
-            key: `datalist-mark-${a.value}`,
-            "data-testid": `datalist-mark-${a.value}`,
-            label: a.label,
-            style: b({ left: s(a.value) }),
-            value: a.value
-          }, null, 12, ee))), 128))
-        ], 8, _),
-        u("div", te, [
-          (d(!0), o(B, null, C(M.value, (a) => (d(), o("span", {
-            key: `mark-${a.value}`,
-            "data-testid": `mark-${a.value}`,
-            role: "button",
-            style: b({ left: s(a.value) }),
-            onClick: (w) => z(a.value)
-          }, y(a.label || a.value), 13, ae))), 128))
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  ue as default
-};