@kong/kongponents 9.64.1 → 9.64.2

package/dist/{kongponents131.es.js → kongponents130.es.js}

@@ -1,11 +1,11 @@
 import { defineComponent as le, ref as d, computed as v, watch as A, onMounted as ie, onBeforeUnmount as ne, openBlock as s, createElementBlock as g, normalizeClass as W, Fragment as j, createElementVNode as r, toDisplayString as m, createTextVNode as T, createVNode as C, withCtx as J, unref as p, createCommentVNode as z, renderList as ue, createBlock as q, nextTick as oe } from "vue";
 import se from "./kongponents49.es.js";
 import F from "./kongponents38.es.js";
-import ve from "./kongponents225.es.js";
-import re from "./kongponents226.es.js";
-import ce from "./kongponents205.es.js";
-import de from "./kongponents227.es.js";
-import { ResizeObserverHelper as ge } from "./kongponents223.es.js";
+import ve from "./kongponents249.es.js";
+import re from "./kongponents250.es.js";
+import ce from "./kongponents221.es.js";
+import de from "./kongponents251.es.js";
+import { ResizeObserverHelper as ge } from "./kongponents209.es.js";
 import { DEFAULT_PAGE_SIZE as fe } from "./kongponents181.es.js";
 const be = {
   class: "pagination-text large-screen",

package/dist/{kongponents133.cjs → kongponents132.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents199.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents200.cjs"),T=require("./kongponents186.cjs"),M=require("./kongponents201.cjs"),f=require("./kongponents202.cjs"),g=require("./kongponents183.cjs"),P=require("./kongponents203.cjs"),h=require("./kongponents204.cjs"),F=["id","aria-labelledby","x-placement"],X=["tabindex"],Y={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},popoverDelay:{default:0},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{},offset:{default:()=>T.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:I,emit:N}){const C=N,s=e.useSlots(),x=e.inject(P.POPOVER_PARENT_ZINDEX_KEY,null),w=e.computed(()=>t.zIndex??(x?.value!=null?x.value+1:1e3));e.provide(P.POPOVER_PARENT_ZINDEX_KEY,w);const y=e.useId(),S=e.useId(),c=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>c.value&&c.value?.children[0]?c.value?.children[0]:null),u=e.ref(null),l=e.ref(null),z=()=>{n.value?a():p()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=h.autoUpdate(r.value,i.value,A))},p=async()=>{if(!t.disabled){u.value&&(clearTimeout(u.value),u.value=null);const o=()=>{B(),n.value=!0};t.trigger==="hover"&&t.popoverDelay>0?(l.value&&clearTimeout(l.value),l.value=setTimeout(o,t.popoverDelay)):o()}},a=()=>{l.value&&(clearTimeout(l.value),l.value=null),u.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},V=()=>{z()},q=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},K=o=>{if(!n.value)return;const v=o.target,$=c.value?.contains(v),H=i.value?.contains(v);$||H||a()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,v)=>(v?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:O,placement:d,update:A}=W.useFloating(r,i,{...b.value==="auto"&&{middleware:[h.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[h.shift(),h.flip()]},strategy:"fixed",transform:!1}),m=e.computed(()=>g.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:m.value}:d.value.includes("bottom")?{marginTop:m.value}:d.value.includes("right")?{marginLeft:m.value}:d.value.includes("left")?{marginRight:m.value}:{}),U=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:g.normalizeSize(t.width),maxWidth:g.normalizeSize(t.maxWidth),maxHeight:g.normalizeSize(t.maxHeight)})),Z=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:p}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",K,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",y)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(f.useEventListener(o,"mouseenter",p),f.useEventListener(o,"focusin",p),f.useEventListener(o,"mouseleave",a),f.useEventListener(o,"focusout",a))})}),e.onBeforeUnmount(()=>{l.value&&clearTimeout(l.value),u.value&&clearTimeout(u.value),k()}),e.watch(n,o=>{C(o?"open":"close")}),(o,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:c,class:"popover-trigger-wrapper",onClick:V},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(R.default,{"aria-controls":e.unref(y),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(M.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(y),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(S):void 0,class:["popover",Z.value],role:"dialog",style:U.value,"x-placement":e.unref(d),onClick:q}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:a},[e.createVNode(e.unref(j.default),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,X)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",Y,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,F),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents239.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents185.cjs"),T=require("./kongponents186.cjs"),M=require("./kongponents240.cjs"),f=require("./kongponents184.cjs"),g=require("./kongponents187.cjs"),P=require("./kongponents188.cjs"),h=require("./kongponents241.cjs"),F=["id","aria-labelledby","x-placement"],X=["tabindex"],Y={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},popoverDelay:{default:0},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{},offset:{default:()=>T.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:I,emit:N}){const C=N,s=e.useSlots(),x=e.inject(P.POPOVER_PARENT_ZINDEX_KEY,null),w=e.computed(()=>t.zIndex??(x?.value!=null?x.value+1:1e3));e.provide(P.POPOVER_PARENT_ZINDEX_KEY,w);const y=e.useId(),S=e.useId(),c=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>c.value&&c.value?.children[0]?c.value?.children[0]:null),u=e.ref(null),l=e.ref(null),z=()=>{n.value?a():p()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=h.autoUpdate(r.value,i.value,A))},p=async()=>{if(!t.disabled){u.value&&(clearTimeout(u.value),u.value=null);const o=()=>{B(),n.value=!0};t.trigger==="hover"&&t.popoverDelay>0?(l.value&&clearTimeout(l.value),l.value=setTimeout(o,t.popoverDelay)):o()}},a=()=>{l.value&&(clearTimeout(l.value),l.value=null),u.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},V=()=>{z()},q=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},K=o=>{if(!n.value)return;const v=o.target,$=c.value?.contains(v),H=i.value?.contains(v);$||H||a()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,v)=>(v?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:O,placement:d,update:A}=W.useFloating(r,i,{...b.value==="auto"&&{middleware:[h.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[h.shift(),h.flip()]},strategy:"fixed",transform:!1}),m=e.computed(()=>g.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:m.value}:d.value.includes("bottom")?{marginTop:m.value}:d.value.includes("right")?{marginLeft:m.value}:d.value.includes("left")?{marginRight:m.value}:{}),U=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:g.normalizeSize(t.width),maxWidth:g.normalizeSize(t.maxWidth),maxHeight:g.normalizeSize(t.maxHeight)})),Z=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:p}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",K,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",y)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(f.useEventListener(o,"mouseenter",p),f.useEventListener(o,"focusin",p),f.useEventListener(o,"mouseleave",a),f.useEventListener(o,"focusout",a))})}),e.onBeforeUnmount(()=>{l.value&&clearTimeout(l.value),u.value&&clearTimeout(u.value),k()}),e.watch(n,o=>{C(o?"open":"close")}),(o,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:c,class:"popover-trigger-wrapper",onClick:V},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(R.default,{"aria-controls":e.unref(y),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(M.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(y),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(S):void 0,class:["popover",Z.value],role:"dialog",style:U.value,"x-placement":e.unref(d),onClick:q}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:a},[e.createVNode(e.unref(j.default),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,X)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",Y,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,F),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;

package/dist/{kongponents133.es.js → kongponents132.es.js}

@@ -1,13 +1,13 @@
 import { defineComponent as ee, useSlots as te, inject as oe, computed as a, provide as le, useId as N, ref as c, onMounted as ae, onBeforeUnmount as ie, watch as re, openBlock as p, createBlock as ne, resolveDynamicComponent as ue, withKeys as se, withModifiers as ce, withCtx as C, createElementVNode as b, renderSlot as k, createVNode as w, unref as n, createTextVNode as O, toDisplayString as U, Transition as ve, withDirectives as de, mergeProps as fe, normalizeStyle as me, createElementBlock as x, createCommentVNode as E, normalizeClass as $, vShow as pe } from "vue";
-import { useFloating as ge } from "./kongponents199.es.js";
+import { useFloating as ge } from "./kongponents239.es.js";
 import he from "./kongponents38.es.js";
-import ye from "./kongponents200.es.js";
+import ye from "./kongponents185.es.js";
 import { KUI_SPACE_60 as Ce, KUI_ICON_SIZE_30 as be } from "./kongponents186.es.js";
-import ke from "./kongponents201.es.js";
-import { useEventListener as g } from "./kongponents202.es.js";
-import { normalizeSize as T } from "./kongponents183.es.js";
-import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents203.es.js";
-import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents204.es.js";
+import ke from "./kongponents240.es.js";
+import { useEventListener as g } from "./kongponents184.es.js";
+import { normalizeSize as T } from "./kongponents187.es.js";
+import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents188.es.js";
+import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents241.es.js";
 const Ie = ["id", "aria-labelledby", "x-placement"], Pe = ["tabindex"], Se = {
   key: 1,
   class: "popover-header"

package/dist/{kongponents137.cjs → kongponents136.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents57.cjs"),C=require("./kongponents224.cjs"),B=require("./kongponents186.cjs"),w=["id","aria-checked","checked","disabled","tabindex"],S={key:0,class:"radio-description"},N=["data-testid","for","tabindex"],$={key:0,class:"card-content-wrapper"},E={key:1,class:"card-label-container"},K={key:0,class:"radio-label"},T={key:1,class:"radio-description"},R={inheritAttrs:!1},A=e.defineComponent({...R,__name:"KRadio",props:{modelValue:{},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},selectedValue:{},error:{type:Boolean},card:{type:Boolean},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{default:"vertical"},type:{default:""}},emits:["change","update:modelValue"],setup(t,{emit:h}){e.watch(()=>t.labelAttributes,a=>{a.help&&console.warn("KRadio: `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")},{deep:!0,immediate:!0}),e.watch(()=>t.type,a=>{a&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio")},{immediate:!0});const c=h,l=e.useSlots(),o=e.useAttrs(),b=e.useId(),r=e.computed(()=>o.id?String(o.id):b),d=e.computed(()=>o?.disabled!==void 0&&String(o?.disabled)!=="false"),k=()=>!!(t.label||l.default),n=()=>k()&&(!!t.description||!!l.description),s=()=>!!t.label&&(!!t.description||!!l.description),f=()=>!!l.tooltip,i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{c("change",t.selectedValue),c("update:modelValue",t.selectedValue)},p=e.computed(()=>{const a={...o};return delete a.class,a}),v=()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n(),"card-horizontal":t.card&&t.cardOrientation==="horizontal","card-vertical":t.card&&t.cardOrientation!=="horizontal"}),g=e.computed(()=>t.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(a,m)=>{const y=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-radio",[a.$attrs.class?a.$attrs.class:"",v()]])},[e.createElementVNode("input",e.mergeProps({id:r.value},p.value,{"aria-checked":i.value,checked:i.value,class:["radio-input",{hidden:t.card&&!t.cardRadioVisible}],disabled:d.value,tabindex:t.card||d.value||i.value?-1:0,type:"radio",onClick:u}),null,16,w),!t.card&&(t.label||a.$slots.default)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["radio-label-wrapper",{"has-description":n()}])},[e.createVNode(V.default,e.mergeProps(t.labelAttributes,{class:"radio-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:2},[f()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n()?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(a.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)],2)):t.label||a.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":t.label,"has-description":s(),"show-radio":t.cardRadioVisible}]),"data-testid":g.value,for:r.value,tabindex:d.value||i.value?-1:0,onKeydown:m[0]||(m[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:e.withKeys(u,["space"])},[a.$slots.default?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.label||s()?(e.openBlock(),e.createElementBlock("span",E,[t.label?(e.openBlock(),e.createElementBlock("span",K,[e.createTextVNode(e.toDisplayString(t.label)+" ",1),l.tooltip?(e.openBlock(),e.createBlock(y,{key:0,class:"label-tooltip"},{content:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(B.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["color"])]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(a.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],42,N)):e.createCommentVNode("",!0)],2)}}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents57.cjs"),C=require("./kongponents189.cjs"),B=require("./kongponents186.cjs"),w=["id","aria-checked","checked","disabled","tabindex"],S={key:0,class:"radio-description"},N=["data-testid","for","tabindex"],$={key:0,class:"card-content-wrapper"},E={key:1,class:"card-label-container"},K={key:0,class:"radio-label"},T={key:1,class:"radio-description"},R={inheritAttrs:!1},A=e.defineComponent({...R,__name:"KRadio",props:{modelValue:{},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},selectedValue:{},error:{type:Boolean},card:{type:Boolean},cardRadioVisible:{type:Boolean,default:!0},cardOrientation:{default:"vertical"},type:{default:""}},emits:["change","update:modelValue"],setup(t,{emit:h}){e.watch(()=>t.labelAttributes,a=>{a.help&&console.warn("KRadio: `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")},{deep:!0,immediate:!0}),e.watch(()=>t.type,a=>{a&&console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio")},{immediate:!0});const c=h,l=e.useSlots(),o=e.useAttrs(),b=e.useId(),r=e.computed(()=>o.id?String(o.id):b),d=e.computed(()=>o?.disabled!==void 0&&String(o?.disabled)!=="false"),k=()=>!!(t.label||l.default),n=()=>k()&&(!!t.description||!!l.description),s=()=>!!t.label&&(!!t.description||!!l.description),f=()=>!!l.tooltip,i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{c("change",t.selectedValue),c("update:modelValue",t.selectedValue)},p=e.computed(()=>{const a={...o};return delete a.class,a}),v=()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n(),"card-horizontal":t.card&&t.cardOrientation==="horizontal","card-vertical":t.card&&t.cardOrientation!=="horizontal"}),g=e.computed(()=>t.card&&o["data-testid"]?`${o["data-testid"]}-label`:void 0);return(a,m)=>{const y=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-radio",[a.$attrs.class?a.$attrs.class:"",v()]])},[e.createElementVNode("input",e.mergeProps({id:r.value},p.value,{"aria-checked":i.value,checked:i.value,class:["radio-input",{hidden:t.card&&!t.cardRadioVisible}],disabled:d.value,tabindex:t.card||d.value||i.value?-1:0,type:"radio",onClick:u}),null,16,w),!t.card&&(t.label||a.$slots.default)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["radio-label-wrapper",{"has-description":n()}])},[e.createVNode(V.default,e.mergeProps(t.labelAttributes,{class:"radio-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:2},[f()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n()?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(a.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)],2)):t.label||a.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["radio-card-wrapper radio-label-wrapper",{"has-label":t.label,"has-description":s(),"show-radio":t.cardRadioVisible}]),"data-testid":g.value,for:r.value,tabindex:d.value||i.value?-1:0,onKeydown:m[0]||(m[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:e.withKeys(u,["space"])},[a.$slots.default?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.label||s()?(e.openBlock(),e.createElementBlock("span",E,[t.label?(e.openBlock(),e.createElementBlock("span",K,[e.createTextVNode(e.toDisplayString(t.label)+" ",1),l.tooltip?(e.openBlock(),e.createBlock(y,{key:0,class:"label-tooltip"},{content:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(B.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["color"])]),_:3})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(a.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],42,N)):e.createCommentVNode("",!0)],2)}}});exports.default=A;

package/dist/{kongponents137.es.js → kongponents136.es.js}

@@ -1,6 +1,6 @@
 import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as n, resolveComponent as q, openBlock as a, createElementBlock as l, normalizeClass as v, createElementVNode as w, mergeProps as $, createVNode as C, createSlots as M, withCtx as u, renderSlot as d, createTextVNode as k, toDisplayString as b, createCommentVNode as o, withKeys as K, withModifiers as U, createBlock as X, unref as R } from "vue";
 import j from "./kongponents57.es.js";
-import F from "./kongponents224.es.js";
+import F from "./kongponents189.es.js";
 import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents186.es.js";
 const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
   key: 0,

package/dist/{kongponents139.cjs → kongponents138.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents220.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents190.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;

package/dist/{kongponents139.es.js → kongponents138.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, watch as y, computed as h, openBlock as n, createElementBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
-import { warnInvalidProp as S } from "./kongponents220.es.js";
+import { warnInvalidProp as S } from "./kongponents190.es.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/{kongponents141.cjs → kongponents140.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("./kongponents196.cjs"),ke=require("./kongponents57.cjs"),ye=require("./kongponents55.cjs"),ge=require("./kongponents62.cjs"),we=require("./kongponents29.cjs"),Ce=require("./kongponents221.cjs"),Se=require("./kongponents222.cjs"),Ie=require("./kongponents205.cjs"),Be=require("./kongponents200.cjs"),Fe=require("./kongponents213.cjs"),$e=require("./kongponents223.cjs"),M=require("./kongponents180.cjs"),qe=require("./kongponents202.cjs"),Ne=require("./kongponents161.cjs"),W=require("./kongponents183.cjs"),Ee=require("./kongponents186.cjs"),Ve=["id"],Ae=["aria-live"],Pe={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},ze={key:1,class:"select-items-container","data-propagate-clicks":"false"},Ke={key:1,class:"dropdown-footer dropdown-footer-static"},xe={key:2,class:"select-empty","data-propagate-clicks":"false"},Te={key:0,class:"dropdown-footer dropdown-footer-sticky"},De=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>l.items?.filter(q=>q.label?.toLowerCase().includes(l.query?.toLowerCase())))},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(l,{emit:q}){e.useCssVars(t=>({v69dc3b9a:_.value,v22b09021:F.value,v0c666e4e:le.value}));const{stripRequiredLabel:U}=he.default(),f=q,p=e.useAttrs(),h=e.useSlots(),H=e.useId(),x=e.computed(()=>p.id?String(p.id):H),N=e.ref(!1),E=e.ref(),G=()=>!!(l.labelAttributes?.info||h["label-tooltip"]),T=e.computed(()=>p.required!==void 0&&String(p.required)!=="false"),y=e.computed(()=>p.disabled!==void 0&&String(p.disabled)!=="false"),I=e.computed(()=>p.readonly!==void 0&&String(p.readonly)!=="false"),J={popoverTimeout:0,placement:"bottom-start",hideCaret:!0},V=()=>!!(l.dropdownFooterText||h["dropdown-footer-text"]||h["dropdown-footer"]),A=e.computed(()=>l.dropdownFooterPosition??l.dropdownFooterTextPosition??"sticky"),Q=e.ref(0),j=e.useTemplateRef("inputElement"),Y=e.computed(()=>U(l.label,T.value)),g=e.ref(!1),s=e.ref(""),D=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),X=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),w=e.ref(!1),P=e.useTemplateRef("popperElement"),k=e.useTemplateRef("selectWrapperElement"),Z=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?$(n[0]):t||K()}}),_=e.computed(()=>W.normalizeSize(l.width||"100%")),F=e.ref(""),ee=e.computed(()=>{const t={...p};return delete t.class,t}),te=()=>({...J,...l.kpopAttributes,popoverClasses:`k-select-popover select-popover ${V()?`has-${A.value}-dropdown-footer`:""} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value}),le=e.computed(()=>W.normalizeSize(l.dropdownMaxHeight)),oe=e.computed(()=>l.placeholder||p.placeholder||"Select..."),ae=e.computed(()=>!y.value&&l.clearable&&!!d.value),O=()=>!!(d.value&&(h["selected-item-template"]||l.reuseItemTemplate&&h["item-template"])),C=t=>"items"in t&&Array.isArray(t.items),z=e.computed(()=>{if(!l.enableFiltering||!s.value)return B.value;const t=l.filterFunction({query:s.value,items:r.value}),n=t===!0?r.value:t,a=new Set(n.map(u=>u.value)),c=[];for(const u of B.value)if(C(u)){const m=u.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:u.label,key:u.key,items:m})}else a.has(u.value)&&c.push(u);return c}),re=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},ne=t=>{l.enableItemCreation&&R(),t.preventDefault()},R=()=>{if(!l.enableItemCreation||!s.value||!D.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:M.sanitizeInput(s.value),value:Ne.getUniqueStringId(),key:`${M.sanitizeInput(s.value).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};f("item-added",n),$(n,!0),s.value=""},$=(t,n)=>{n&&(r.value?.push(t),B.value.unshift(t)),r.value?.forEach((a,c)=>{a.key===t.key?(a.selected=!0,d.value=a):a.selected?(a.selected=!1,a.custom&&(r.value?.splice(c,1),f("item-removed",a))):a.selected=!1}),g.value=!0,s.value=t.label},K=()=>{r.value?.forEach((t,n)=>{t.selected=!1,t.custom&&(r.value?.splice(n,1),f("item-removed",t))}),d.value=null,s.value="",f("input",null),f("change",null),f("update:modelValue",null)},L=e.useTemplateRef("kSelectItems"),se=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=k.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&L.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ie=t=>{s.value!==t&&(s.value=t)},ue=()=>{w.value=!0},ce=()=>{w.value=!1},de=()=>{l.enableFiltering||j.value?.$el?.querySelector("input")?.blur()},fe=t=>{(y.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},ve=t=>{t()},pe=(t,n)=>{N.value=!1,d.value?(g.value=!0,s.value=d.value.label):s.value="",n&&t()},me=t=>{N.value=!0,l.enableFiltering&&(s.value=""),t()};return e.watch(Z,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?$(a[0]):t||K()}}),e.watch(()=>l.items,(t,n)=>{if(JSON.stringify(t)===JSON.stringify(n))return;const a=JSON.parse(JSON.stringify(l.items)),c=a.some(o=>C(o)),u=[],m=[];if(c)for(const o of a)C(o)?u.push(...o.items):u.push(o);else{const o=new Map;for(const i of a)C(i)||(i.group&&(o.has(i.group)||o.set(i.group,[]),o.get(i.group).push(i)),u.push(i));const S=Array.from(o.keys()).sort((i,b)=>i.toLowerCase().localeCompare(b.toLowerCase())),v=u.filter(i=>!i.group);m.push(...v);for(const i of S)m.push({label:i,items:o.get(i)})}r.value=u,r.value?.length&&(d.value=null);for(let o=0;o<r.value?.length;o++){r.value[o].selected===void 0&&(r.value[o].selected=!1);let v=`${(r.value[o].label!=null?String(r.value[o].label):"").replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${o}`;v.includes("undefined")&&(v=`select-item-label-${o}`),r.value[o].key=v,(r.value[o].value===l.modelValue||r.value[o].selected)&&(r.value[o].selected=!0,d.value=r.value[o],w.value||(g.value=!0,s.value=d.value.label)),d.value?.value===r.value[o].value&&(r.value[o].selected=!0)}if(c){const o=[],S=[];for(const v of a)if(C(v)){const i=v.items.map(b=>r.value.find(be=>be.value===b.value)).filter(b=>b!==void 0);S.push({label:v.label,key:v.key,items:i})}else{const i=r.value.find(b=>b.value===v.value);i&&o.push(i)}m.push(...o,...S)}B.value=m,P.value&&typeof P.value.updatePopper=="function"&&e.nextTick(()=>{P.value.updatePopper()})},{deep:!0,immediate:!0}),e.watch(s,t=>{g.value&&t||(f("query-change",t),g.value=!1)}),e.watch(d,(t,n)=>{t&&t!==n&&(f("selected",t),f("input",t.value),f("change",t),f("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{k.value&&(E.value=$e.ResizeObserverHelper.create(()=>{F.value=`${k.value?.offsetWidth}px`}),E.value.observe(k.value)),qe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!w.value&&N.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),L.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{k.value&&E.value?.unobserve(k.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(ke.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:x.value,required:T.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Y.value)+" ",1)]),_:2},[G()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(we.default,null,{default:e.withCtx(({toggle:a,isToggled:c})=>[e.createVNode(ge.default,e.mergeProps({ref:"popperElement"},te(),{"close-on-popover-click":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(Ee.KUI_SPACE_40)})`,onClose:()=>pe(a,c.value),onOpen:()=>me(a),onPopoverClick:()=>ve(a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",Pe,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(Fe.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(Ce.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&D.value,"item-creation-valid":l.itemCreationValidator(s.value),items:z.value,onAddItem:R,onSelected:$},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(Se.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),V()&&A.value==="static"?(e.openBlock(),e.createElementBlock("div",Ke,[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{key:0},void 0,!0):e.renderSlot(t.$slots,"dropdown-footer-text",{key:1},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)])),!l.loading&&!z.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Ae),V()&&A.value==="sticky"?(e.openBlock(),e.createElementBlock("div",Te,[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{key:0},void 0,!0):e.renderSlot(t.$slots,"dropdown-footer-text",{key:1},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(X),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:fe},[(e.openBlock(),e.createBlock(ye.default,e.mergeProps({id:x.value,key:Q.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":O()&&(!l.enableFiltering||!c.value),"input-has-focus":w.value||c.value}],"data-testid":"select-input",disabled:y.value,error:l.error,"model-value":s.value,name:"select-options-search",placeholder:d.value&&!l.enableFiltering?d.value.label:oe.value,readonly:I.value,spellcheck:"false"},ee.value,{onBlur:ce,onClick:de,onFocus:ue,onKeydown:e.withKeys(ne,["enter"]),onKeypress:re,onKeyup:[u=>se(u,c),n[0]||(n[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ie}),e.createSlots({after:e.withCtx(()=>[ae.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(K,["stop"])},[e.createVNode(e.unref(Be.default),{decorative:""})])):e.createCommentVNode("",!0),I.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Ie.default),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:y.value}]),decorative:""},null,8,["class"]))]),_:2},[h.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[O()&&(!l.enableFiltering||!c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:I.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:d.value},()=>[e.renderSlot(t.$slots,"item-template",{item:d.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,Ve)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=De;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("./kongponents213.cjs"),ke=require("./kongponents57.cjs"),ye=require("./kongponents55.cjs"),ge=require("./kongponents62.cjs"),we=require("./kongponents29.cjs"),Ce=require("./kongponents233.cjs"),Se=require("./kongponents234.cjs"),Ie=require("./kongponents221.cjs"),Be=require("./kongponents185.cjs"),Fe=require("./kongponents198.cjs"),$e=require("./kongponents209.cjs"),M=require("./kongponents180.cjs"),qe=require("./kongponents184.cjs"),Ne=require("./kongponents160.cjs"),W=require("./kongponents187.cjs"),Ee=require("./kongponents186.cjs"),Ve=["id"],Ae=["aria-live"],Pe={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},ze={key:1,class:"select-items-container","data-propagate-clicks":"false"},Ke={key:1,class:"dropdown-footer dropdown-footer-static"},xe={key:2,class:"select-empty","data-propagate-clicks":"false"},Te={key:0,class:"dropdown-footer dropdown-footer-sticky"},De=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>l.items?.filter(q=>q.label?.toLowerCase().includes(l.query?.toLowerCase())))},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(l,{emit:q}){e.useCssVars(t=>({v69dc3b9a:_.value,v22b09021:F.value,v0c666e4e:le.value}));const{stripRequiredLabel:U}=he.default(),f=q,p=e.useAttrs(),h=e.useSlots(),H=e.useId(),x=e.computed(()=>p.id?String(p.id):H),N=e.ref(!1),E=e.ref(),G=()=>!!(l.labelAttributes?.info||h["label-tooltip"]),T=e.computed(()=>p.required!==void 0&&String(p.required)!=="false"),y=e.computed(()=>p.disabled!==void 0&&String(p.disabled)!=="false"),I=e.computed(()=>p.readonly!==void 0&&String(p.readonly)!=="false"),J={popoverTimeout:0,placement:"bottom-start",hideCaret:!0},V=()=>!!(l.dropdownFooterText||h["dropdown-footer-text"]||h["dropdown-footer"]),A=e.computed(()=>l.dropdownFooterPosition??l.dropdownFooterTextPosition??"sticky"),Q=e.ref(0),j=e.useTemplateRef("inputElement"),Y=e.computed(()=>U(l.label,T.value)),g=e.ref(!1),s=e.ref(""),D=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),X=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),w=e.ref(!1),P=e.useTemplateRef("popperElement"),k=e.useTemplateRef("selectWrapperElement"),Z=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?$(n[0]):t||K()}}),_=e.computed(()=>W.normalizeSize(l.width||"100%")),F=e.ref(""),ee=e.computed(()=>{const t={...p};return delete t.class,t}),te=()=>({...J,...l.kpopAttributes,popoverClasses:`k-select-popover select-popover ${V()?`has-${A.value}-dropdown-footer`:""} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value}),le=e.computed(()=>W.normalizeSize(l.dropdownMaxHeight)),oe=e.computed(()=>l.placeholder||p.placeholder||"Select..."),ae=e.computed(()=>!y.value&&l.clearable&&!!d.value),O=()=>!!(d.value&&(h["selected-item-template"]||l.reuseItemTemplate&&h["item-template"])),C=t=>"items"in t&&Array.isArray(t.items),z=e.computed(()=>{if(!l.enableFiltering||!s.value)return B.value;const t=l.filterFunction({query:s.value,items:r.value}),n=t===!0?r.value:t,a=new Set(n.map(u=>u.value)),c=[];for(const u of B.value)if(C(u)){const m=u.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:u.label,key:u.key,items:m})}else a.has(u.value)&&c.push(u);return c}),re=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},ne=t=>{l.enableItemCreation&&R(),t.preventDefault()},R=()=>{if(!l.enableItemCreation||!s.value||!D.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:M.sanitizeInput(s.value),value:Ne.getUniqueStringId(),key:`${M.sanitizeInput(s.value).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};f("item-added",n),$(n,!0),s.value=""},$=(t,n)=>{n&&(r.value?.push(t),B.value.unshift(t)),r.value?.forEach((a,c)=>{a.key===t.key?(a.selected=!0,d.value=a):a.selected?(a.selected=!1,a.custom&&(r.value?.splice(c,1),f("item-removed",a))):a.selected=!1}),g.value=!0,s.value=t.label},K=()=>{r.value?.forEach((t,n)=>{t.selected=!1,t.custom&&(r.value?.splice(n,1),f("item-removed",t))}),d.value=null,s.value="",f("input",null),f("change",null),f("update:modelValue",null)},L=e.useTemplateRef("kSelectItems"),se=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=k.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&L.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ie=t=>{s.value!==t&&(s.value=t)},ue=()=>{w.value=!0},ce=()=>{w.value=!1},de=()=>{l.enableFiltering||j.value?.$el?.querySelector("input")?.blur()},fe=t=>{(y.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},ve=t=>{t()},pe=(t,n)=>{N.value=!1,d.value?(g.value=!0,s.value=d.value.label):s.value="",n&&t()},me=t=>{N.value=!0,l.enableFiltering&&(s.value=""),t()};return e.watch(Z,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?$(a[0]):t||K()}}),e.watch(()=>l.items,(t,n)=>{if(JSON.stringify(t)===JSON.stringify(n))return;const a=JSON.parse(JSON.stringify(l.items)),c=a.some(o=>C(o)),u=[],m=[];if(c)for(const o of a)C(o)?u.push(...o.items):u.push(o);else{const o=new Map;for(const i of a)C(i)||(i.group&&(o.has(i.group)||o.set(i.group,[]),o.get(i.group).push(i)),u.push(i));const S=Array.from(o.keys()).sort((i,b)=>i.toLowerCase().localeCompare(b.toLowerCase())),v=u.filter(i=>!i.group);m.push(...v);for(const i of S)m.push({label:i,items:o.get(i)})}r.value=u,r.value?.length&&(d.value=null);for(let o=0;o<r.value?.length;o++){r.value[o].selected===void 0&&(r.value[o].selected=!1);let v=`${(r.value[o].label!=null?String(r.value[o].label):"").replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${o}`;v.includes("undefined")&&(v=`select-item-label-${o}`),r.value[o].key=v,(r.value[o].value===l.modelValue||r.value[o].selected)&&(r.value[o].selected=!0,d.value=r.value[o],w.value||(g.value=!0,s.value=d.value.label)),d.value?.value===r.value[o].value&&(r.value[o].selected=!0)}if(c){const o=[],S=[];for(const v of a)if(C(v)){const i=v.items.map(b=>r.value.find(be=>be.value===b.value)).filter(b=>b!==void 0);S.push({label:v.label,key:v.key,items:i})}else{const i=r.value.find(b=>b.value===v.value);i&&o.push(i)}m.push(...o,...S)}B.value=m,P.value&&typeof P.value.updatePopper=="function"&&e.nextTick(()=>{P.value.updatePopper()})},{deep:!0,immediate:!0}),e.watch(s,t=>{g.value&&t||(f("query-change",t),g.value=!1)}),e.watch(d,(t,n)=>{t&&t!==n&&(f("selected",t),f("input",t.value),f("change",t),f("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{k.value&&(E.value=$e.ResizeObserverHelper.create(()=>{F.value=`${k.value?.offsetWidth}px`}),E.value.observe(k.value)),qe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!w.value&&N.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),L.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{k.value&&E.value?.unobserve(k.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(ke.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:x.value,required:T.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Y.value)+" ",1)]),_:2},[G()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(we.default,null,{default:e.withCtx(({toggle:a,isToggled:c})=>[e.createVNode(ge.default,e.mergeProps({ref:"popperElement"},te(),{"close-on-popover-click":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(Ee.KUI_SPACE_40)})`,onClose:()=>pe(a,c.value),onOpen:()=>me(a),onPopoverClick:()=>ve(a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",Pe,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(Fe.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(Ce.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&D.value,"item-creation-valid":l.itemCreationValidator(s.value),items:z.value,onAddItem:R,onSelected:$},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(Se.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),V()&&A.value==="static"?(e.openBlock(),e.createElementBlock("div",Ke,[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{key:0},void 0,!0):e.renderSlot(t.$slots,"dropdown-footer-text",{key:1},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)])),!l.loading&&!z.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Ae),V()&&A.value==="sticky"?(e.openBlock(),e.createElementBlock("div",Te,[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{key:0},void 0,!0):e.renderSlot(t.$slots,"dropdown-footer-text",{key:1},()=>[e.createTextVNode(e.toDisplayString(l.dropdownFooterText),1)],!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(X),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:fe},[(e.openBlock(),e.createBlock(ye.default,e.mergeProps({id:x.value,key:Q.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":O()&&(!l.enableFiltering||!c.value),"input-has-focus":w.value||c.value}],"data-testid":"select-input",disabled:y.value,error:l.error,"model-value":s.value,name:"select-options-search",placeholder:d.value&&!l.enableFiltering?d.value.label:oe.value,readonly:I.value,spellcheck:"false"},ee.value,{onBlur:ce,onClick:de,onFocus:ue,onKeydown:e.withKeys(ne,["enter"]),onKeypress:re,onKeyup:[u=>se(u,c),n[0]||(n[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ie}),e.createSlots({after:e.withCtx(()=>[ae.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(K,["stop"])},[e.createVNode(e.unref(Be.default),{decorative:""})])):e.createCommentVNode("",!0),I.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Ie.default),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:y.value}]),decorative:""},null,8,["class"]))]),_:2},[h.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[O()&&(!l.enableFiltering||!c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:I.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:d.value},()=>[e.renderSlot(t.$slots,"item-template",{item:d.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,Ve)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=De;

package/dist/{kongponents141.es.js → kongponents140.es.js}

@@ -1,19 +1,19 @@
 import { defineComponent as Le, useCssVars as Te, useAttrs as Re, useSlots as Ve, useId as oe, computed as c, ref as y, useTemplateRef as O, watch as L, nextTick as We, onMounted as Me, onBeforeUnmount as Ue, openBlock as f, createElementBlock as g, normalizeClass as T, createBlock as R, mergeProps as Y, createSlots as ae, withCtx as h, createTextVNode as j, toDisplayString as V, renderSlot as v, createCommentVNode as k, createVNode as I, unref as B, createElementVNode as re, withKeys as ie, withModifiers as se, Transition as xe } from "vue";
-import Ge from "./kongponents196.es.js";
+import Ge from "./kongponents213.es.js";
 import He from "./kongponents57.es.js";
 import Je from "./kongponents55.es.js";
 import Qe from "./kongponents62.es.js";
 import Ye from "./kongponents29.es.js";
-import je from "./kongponents221.es.js";
-import Xe from "./kongponents222.es.js";
-import Ze from "./kongponents205.es.js";
-import _e from "./kongponents200.es.js";
-import et from "./kongponents213.es.js";
-import { ResizeObserverHelper as tt } from "./kongponents223.es.js";
+import je from "./kongponents233.es.js";
+import Xe from "./kongponents234.es.js";
+import Ze from "./kongponents221.es.js";
+import _e from "./kongponents185.es.js";
+import et from "./kongponents198.es.js";
+import { ResizeObserverHelper as tt } from "./kongponents209.es.js";
 import { sanitizeInput as ne } from "./kongponents180.es.js";
-import { useEventListener as lt } from "./kongponents202.es.js";
-import { getUniqueStringId as ot } from "./kongponents161.es.js";
-import { normalizeSize as ue } from "./kongponents183.es.js";
+import { useEventListener as lt } from "./kongponents184.es.js";
+import { getUniqueStringId as ot } from "./kongponents160.es.js";
+import { normalizeSize as ue } from "./kongponents187.es.js";
 import { KUI_SPACE_40 as at } from "./kongponents186.es.js";
 const rt = ["id"], it = ["aria-live"], st = {
   key: 0,

package/dist/kongponents143.cjs

@@ -0,0 +1 @@
+"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

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

package/dist/kongponents144.cjs

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

@@ -1,5 +1,16 @@
-import o from "./kongponents25.es.js";
-/* empty css                 */
+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 {
-  o as default
+  h as default
 };

package/dist/{kongponents148.cjs → kongponents147.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents202.cjs"),u=require("./kongponents200.cjs"),m=require("./kongponents186.cjs"),f=require("./kongponents183.cjs"),v=require("./kongponents203.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents184.cjs"),u=require("./kongponents185.cjs"),m=require("./kongponents186.cjs"),f=require("./kongponents187.cjs"),v=require("./kongponents188.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;

package/dist/{kongponents148.es.js → kongponents147.es.js}

@@ -1,9 +1,9 @@
 import { defineComponent as p, useCssVars as C, provide as h, computed as c, useTemplateRef as O, watch as T, onUnmounted as B, openBlock as i, createElementBlock as l, createVNode as n, Transition as f, withCtx as m, normalizeClass as N, createCommentVNode as a, createElementVNode as d, renderSlot as v, createTextVNode as V, toDisplayString as x, withModifiers as z, unref as b } from "vue";
-import { onClickOutside as R } from "./kongponents202.es.js";
-import $ from "./kongponents200.es.js";
+import { onClickOutside as R } from "./kongponents184.es.js";
+import $ from "./kongponents185.es.js";
 import { KUI_COLOR_TEXT_NEUTRAL as g } from "./kongponents186.es.js";
-import { normalizeSize as w } from "./kongponents183.es.js";
-import { POPOVER_PARENT_ZINDEX_KEY as I } from "./kongponents203.es.js";
+import { normalizeSize as w } from "./kongponents187.es.js";
+import { POPOVER_PARENT_ZINDEX_KEY as I } from "./kongponents188.es.js";
 const L = { class: "k-slideout" }, S = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/{kongponents150.cjs → kongponents149.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents239.cjs"),r={key:0,class:"k-stepper"},s=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"},hideStepNumbers:{type:Boolean,default:!1}},setup(t){return(u,o)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,(l,a)=>(e.openBlock(),e.createBlock(n.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state,"step-number":t.hideStepNumbers?void 0:a+1},null,8,["label","max-label-width","state","step-number"]))),128))])):e.createCommentVNode("",!0)}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents238.cjs"),r={key:0,class:"k-stepper"},s=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"},hideStepNumbers:{type:Boolean,default:!1}},setup(t){return(u,o)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,(l,a)=>(e.openBlock(),e.createBlock(n.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state,"step-number":t.hideStepNumbers?void 0:a+1},null,8,["label","max-label-width","state","step-number"]))),128))])):e.createCommentVNode("",!0)}});exports.default=s;

package/dist/{kongponents150.es.js → kongponents149.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, openBlock as l, createElementBlock as a, Fragment as n, renderList as m, createBlock as o, createCommentVNode as p } from "vue";
-import u from "./kongponents239.es.js";
+import u from "./kongponents238.es.js";
 const c = {
   key: 0,
   class: "k-stepper"

package/dist/{kongponents152.cjs → kongponents151.cjs}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),We=require("./kongponents25.cjs");;/* empty css                */const Ge=require("./kongponents61.cjs"),Je=require("./kongponents30.cjs");;/* empty css                */const Xe=require("./kongponents209.cjs"),Ze=require("./kongponents224.cjs"),Qe=require("./kongponents196.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Ye=require("./kongponents13.cjs"),K=require("./kongponents186.cjs"),_e=require("./kongponents233.cjs"),et=require("./kongponents183.cjs"),ge=require("./kongponents181.cjs"),tt={class:"k-table"},at={key:0,class:"table-toolbar","data-testid":"table-toolbar"},lt={key:0,class:"toolbar-default-items-container"},ot={key:2,class:"table-error-state","data-testid":"table-error-state"},rt={key:3,class:"table-empty-state","data-testid":"table-empty-state"},nt={key:4,class:"table-container"},st=["data-tableid"],it=["aria-sort","data-testid","onClick","onMouseover"],ut=["onMousedown","onMouseover"],ct=["aria-describedby"],dt=["onMousedown","onMouseover"],vt=["role","tabindex"],ft=e.defineComponent({__name:"KTable",props:{resizeColumns:{type:Boolean,default:!1},tablePreferences:{type:Object,default:()=>({})},clientSort:{type:Boolean,default:!1},rowHover:{type:Boolean,default:!0},sortHandlerFunction:{type:Function,default:()=>({})},rowAttrs:{type:Function,default:()=>({})},cellAttrs:{type:Function,default:()=>({})},loading:{type:Boolean,default:!1},emptyStateTitle:{type:String,default:"No Data"},emptyStateMessage:{type:String,default:"There is no data to display."},emptyStateActionRoute:{type:[Object,String],default:""},emptyStateActionMessage:{type:String,default:""},emptyStateIconVariant:{type:String,default:Ye.EmptyStateIconVariants.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:r=>!!r.length&&r.every(L=>typeof L=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(r,{emit:L}){e.useCssVars(t=>({v60cb3642:we.value}));const{useDebounce:U,useRequest:pe,useSwrvState:me,clientSideSorter:W}=Qe.default(),o=r,V=L,G=e.useAttrs(),ye=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),be=e.computed(()=>E.value.filter(t=>t.hidable)),he=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),B=e.ref(!1),u=e.ref(1),N=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),ke=e.computed(()=>!!ye.toolbar||O.value),Se=e.computed(()=>({maxHeight:et.normalizeSize(o.maxHeight)})),Ce=t=>`column-${t}`,w=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},ze=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":B.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),we=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Ee=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:N.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Pe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,N.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Oe=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:Ae,generateDebouncedFn:$e}=U(t=>{oe.value=t},350),Ie=$e(0),{data:re,error:ne,revalidate:Ve,isValidating:Te}=pe(()=>Oe.value,()=>Ee(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:Me,swrvState:se}=me(re,ne,Te),S=e.ref(!0),ie=e.computed(()=>({hasData:Me.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:He}=U(Ve,500),qe=He(0),Ke=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},Le=({page:t})=>{u.value=t},De=({pageSize:t})=>{b.value=[null],k.value=null,N.value=t,u.value=1,q()},Fe=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?B.value=!0:t.target.scrollTop===0&&(B.value=!B.value))},Re=e.computed(()=>({pageSize:N.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",Re.value)},xe=()=>{u.value++,k.value=$.value},je=()=>{u.value--,k.value=x.value},Ue=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ie(t):Ae(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,N],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await qe(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),We=require("./kongponents25.cjs");;/* empty css                */const Ge=require("./kongponents61.cjs"),Je=require("./kongponents30.cjs");;/* empty css                */const Xe=require("./kongponents194.cjs"),Ze=require("./kongponents189.cjs"),Qe=require("./kongponents213.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Ye=require("./kongponents13.cjs"),K=require("./kongponents186.cjs"),_e=require("./kongponents206.cjs"),et=require("./kongponents187.cjs"),ge=require("./kongponents181.cjs"),tt={class:"k-table"},at={key:0,class:"table-toolbar","data-testid":"table-toolbar"},lt={key:0,class:"toolbar-default-items-container"},ot={key:2,class:"table-error-state","data-testid":"table-error-state"},rt={key:3,class:"table-empty-state","data-testid":"table-empty-state"},nt={key:4,class:"table-container"},st=["data-tableid"],it=["aria-sort","data-testid","onClick","onMouseover"],ut=["onMousedown","onMouseover"],ct=["aria-describedby"],dt=["onMousedown","onMouseover"],vt=["role","tabindex"],ft=e.defineComponent({__name:"KTable",props:{resizeColumns:{type:Boolean,default:!1},tablePreferences:{type:Object,default:()=>({})},clientSort:{type:Boolean,default:!1},rowHover:{type:Boolean,default:!0},sortHandlerFunction:{type:Function,default:()=>({})},rowAttrs:{type:Function,default:()=>({})},cellAttrs:{type:Function,default:()=>({})},loading:{type:Boolean,default:!1},emptyStateTitle:{type:String,default:"No Data"},emptyStateMessage:{type:String,default:"There is no data to display."},emptyStateActionRoute:{type:[Object,String],default:""},emptyStateActionMessage:{type:String,default:""},emptyStateIconVariant:{type:String,default:Ye.EmptyStateIconVariants.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:r=>!!r.length&&r.every(L=>typeof L=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(r,{emit:L}){e.useCssVars(t=>({v60cb3642:we.value}));const{useDebounce:U,useRequest:pe,useSwrvState:me,clientSideSorter:W}=Qe.default(),o=r,V=L,G=e.useAttrs(),ye=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),be=e.computed(()=>E.value.filter(t=>t.hidable)),he=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),B=e.ref(!1),u=e.ref(1),N=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),ke=e.computed(()=>!!ye.toolbar||O.value),Se=e.computed(()=>({maxHeight:et.normalizeSize(o.maxHeight)})),Ce=t=>`column-${t}`,w=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},ze=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":B.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),we=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Ee=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:N.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Pe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,N.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Oe=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:Ae,generateDebouncedFn:$e}=U(t=>{oe.value=t},350),Ie=$e(0),{data:re,error:ne,revalidate:Ve,isValidating:Te}=pe(()=>Oe.value,()=>Ee(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:Me,swrvState:se}=me(re,ne,Te),S=e.ref(!0),ie=e.computed(()=>({hasData:Me.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:He}=U(Ve,500),qe=He(0),Ke=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},Le=({page:t})=>{u.value=t},De=({pageSize:t})=>{b.value=[null],k.value=null,N.value=t,u.value=1,q()},Fe=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?B.value=!0:t.target.scrollTop===0&&(B.value=!B.value))},Re=e.computed(()=>({pageSize:N.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",Re.value)},xe=()=>{u.value++,k.value=$.value},je=()=>{u.value--,k.value=x.value},Ue=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ie(t):Ae(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,N],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await qe(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
 Docs: https://kongponents.konghq.com/components/table-data.html`),Pe()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",tt,[ke.value?(e.openBlock(),e.createElementBlock("div",at,[e.renderSlot(t.$slots,"toolbar",{state:ie.value},void 0,!0),O.value?(e.openBlock(),e.createElementBlock("div",lt,[e.createVNode(_e.default,{columns:be.value,"table-id":e.unref(m),"visibility-preferences":he.value,onUpdate:a[0]||(a[0]=l=>M.value=l)},null,8,["columns","table-id","visibility-preferences"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(S.value||r.loading||I.value)&&!r.error?(e.openBlock(),e.createBlock(We.default,{key:1,"data-testid":"table-skeleton",type:"table"})):r.error?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(fe.default,{"icon-variant":"error",message:r.errorStateMessage,title:r.errorStateTitle},e.createSlots({_:2},[r.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{"data-testid":de(r.errorStateActionMessage),to:r.errorStateActionRoute?r.errorStateActionRoute:void 0,onClick:a[1]||(a[1]=l=>t.$emit("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!r.error&&!S.value&&!r.loading&&!I.value&&f.value&&!f.value.length?(e.openBlock(),e.createElementBlock("div",rt,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(fe.default,{"icon-variant":r.emptyStateIconVariant,message:r.emptyStateMessage,title:r.emptyStateTitle},e.createSlots({_:2},[r.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{appearance:r.searchInput?"tertiary":"primary","data-testid":de(r.emptyStateActionMessage),to:r.emptyStateActionRoute?r.emptyStateActionRoute:void 0,onClick:a[2]||(a[2]=l=>t.$emit("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(r.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",nt,[e.createElementVNode("div",{class:"table-wrapper",style:e.normalizeStyle(Se.value),onScrollPassive:Fe},[e.createElementVNode("table",{class:e.normalizeClass(["table",{"has-hover":r.rowHover,"is-clickable":H.value}]),"data-tableid":e.unref(m)},[e.createElementVNode("thead",{class:e.normalizeClass({"is-scrolled":B.value})},[e.createElementVNode("tr",{ref_key:"headerRow",ref:J,class:e.normalizeClass({"is-scrolled":B.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(l,s)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(m)}-headers-${s}`,"aria-sort":r.sortable&&l.key===v.value?d.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Be(l,s)]),"data-testid":`table-header-${l.key}`,style:e.normalizeStyle(_.value[l.key]),onClick:()=>{r.sortable&&l.sortable&&(t.$emit("sort",{prevKey:v.value,sortColumnKey:l.key,sortColumnOrder:d.value==="asc"?"desc":"asc"}),Ke(l))},onMouseleave:a[7]||(a[7]=n=>T.value=""),onMouseover:n=>T.value=l.key},[r.resizeColumns&&s!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:a[3]||(a[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,y.value[s-1].key),onMouseleave:a[4]||(a[4]=n=>z.value=""),onMouseover:n=>z.value=y.value[s-1].key},null,40,ut)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":l.tooltip||t.$slots[w(l.key)]?`${w(l.key)}-${e.unref(m)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:P.value===l.key}])},[e.renderSlot(t.$slots,Ce(l.key),{column:R(l)},()=>[e.createElementVNode("span",{class:e.normalizeClass(["table-header-label",{"sr-only":l.hideLabel}])},e.toDisplayString(l.label?l.label:l.key),3)],!0),l.tooltip||t.$slots[w(l.key)]?(e.openBlock(),e.createBlock(Je.default,{key:0,"data-testid":w(l.key),"tooltip-id":`${w(l.key)}-${e.unref(m)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,w(l.key),{column:R(l)},()=>[e.createTextVNode(e.toDisplayString(l.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(Ze.default),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):e.createCommentVNode("",!0),r.sortable&&!l.hideLabel&&l.sortable?(e.openBlock(),e.createBlock(e.unref(Xe.default),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])):e.createCommentVNode("",!0)],10,ct),r.resizeColumns&&s!==y.value.length-1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:a[5]||(a[5]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,l.key),onMouseleave:a[6]||(a[6]=n=>z.value=""),onMouseover:n=>z.value=l.key},null,40,dt)):e.createCommentVNode("",!0)],46,it))),128))],2)],2),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(l,s)=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({ref_for:!0},r.rowAttrs(l),{key:`table-${e.unref(m)}-row-${s}`,role:H.value?"link":null,tabindex:H.value?0:null}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(n,i)=>(e.openBlock(),e.createElementBlock("td",e.mergeProps({ref_for:!0},r.cellAttrs({headerKey:n.key,row:l,rowIndex:s,colIndex:i}),{key:`table-${e.unref(m)}-cell-${i}`,class:{"resize-hover":r.resizeColumns&&ee.value===n.key&&i!==y.value.length-1},style:_.value[n.key]},e.toHandlers(ze.value(l[n.key],l),!0)),[e.renderSlot(t.$slots,n.key,{row:R(l),rowKey:s,rowValue:l[n.key]},()=>[e.createTextVNode(e.toDisplayString(l[n.key]),1)],!0)],16))),128))],16,vt))),128))])],10,st)],36),Ue.value?(e.openBlock(),e.createBlock(Ge.default,{key:0,class:"table-pagination","current-page":u.value,"data-testid":"table-pagination","disable-page-jump":r.disablePaginationPageJump,"initial-page-size":N.value,neighbors:r.paginationNeighbors,offset:r.paginationOffset,"offset-next-button-disabled":!$.value||!Q.value,"offset-previous-button-disabled":!x.value,"page-sizes":r.paginationPageSizes,"total-count":D.value,onGetNextOffset:xe,onGetPreviousOffset:je,onPageChange:Le,onPageSizeChange:De},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=ft;

package/dist/{kongponents152.es.js → kongponents151.es.js}

@@ -6,15 +6,15 @@ import kt from "./kongponents25.es.js";
 import St from "./kongponents61.es.js";
 import Ct from "./kongponents30.es.js";
 /* empty css                 */
-import zt from "./kongponents209.es.js";
-import $t from "./kongponents224.es.js";
-import Pt from "./kongponents196.es.js";
+import zt from "./kongponents194.es.js";
+import $t from "./kongponents189.es.js";
+import Pt from "./kongponents213.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ot } from "./kongponents13.es.js";
 import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents186.es.js";
-import At from "./kongponents233.es.js";
-import { normalizeSize as wt } from "./kongponents183.es.js";
+import At from "./kongponents206.es.js";
+import { normalizeSize as wt } from "./kongponents187.es.js";
 import { DEFAULT_PAGE_SIZE as Ee } from "./kongponents181.es.js";
 const Ht = { class: "k-table" }, Mt = {
   key: 0,

package/dist/{kongponents156.cjs → kongponents155.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents196.cjs"),R=require("./kongponents57.cjs"),n=require("./kongponents215.cjs"),q=["data-value"],D=["id","aria-invalid","rows","value"],h=2048,p=n.IS_MAYBE_FIREFOX?0:n.getScrollbarSize(),S=n.cssSupports("field-sizing","content"),F=e.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>h},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{emit:E}){e.useCssVars(a=>({d3e3864c:a.rows})),e.watch(()=>t.isResizable,a=>{a&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),e.watch(()=>t.hasError,a=>{a&&console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0});const u=E,i=e.useAttrs(),s=e.useSlots(),{stripRequiredLabel:k}=C.default(),v=e.computed(()=>i?.required!==void 0&&String(i?.required)!=="false"),l=e.ref(""),x=e.computed(()=>k(t.label,v.value)),y=()=>!!(t.labelAttributes?.help||t.labelAttributes?.info||s["label-tooltip"]),T=e.computed(()=>t.error||t.hasError||o.value?!0:void 0),f=e.ref(0),A=e.computed({get(){return t.modelValue},set(a){c({target:{value:a}})}}),L=e.useId(),g=e.computed(()=>i.id?String(i.id):L),z=e.computed(()=>{const a={...i};return delete a.class,a}),o=e.computed(()=>typeof t.characterLimit=="boolean"?t.characterLimit?l.value.length>h:!1:l.value.length>t.characterLimit),c=a=>{const r=JSON.parse(JSON.stringify(a?.target?.value));u("input",r),u("update:modelValue",r),l.value=r},B=()=>!o.value&&!!(t.help||s.help),d=e.computed(()=>{const a=typeof t.characterLimit=="number"?t.characterLimit:h;return o.value?`${l.value?.toString().length} / ${a}`:t.help});e.watch(o,(a,r)=>{a!==r&&(u("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(t.characterLimit),limitExceeded:a}),f.value+=1)}),e.watch(A,(a,r)=>{a!==r&&c({target:{value:a}})});const w=()=>l.value?l.value:t.modelValue,b=n.IS_MAYBE_FIREFOX?()=>{}:a=>{const{target:r,clientX:m,clientY:I}=a;if(!(r instanceof HTMLTextAreaElement))return;const{right:N,bottom:V}=r.getBoundingClientRect();m>N-p&&I>V-p&&(r.style.height="")};return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-textarea",[a.$attrs.class,{"input-error":t.error||t.hasError||o.value}]])},[t.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:g.value},t.labelAttributes,{required:v.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.value)+" ",1)]),_:2},[y()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-textarea-wrapper",{autosize:t.autosize,legacy:t.autosize&&!e.unref(S)}]),"data-allow-mismatch":"class","data-value":e.unref(S)?null:l.value},[e.createElementVNode("textarea",e.mergeProps({id:g.value},z.value,{"aria-invalid":T.value,class:["input-textarea",{resizable:t.resizable||t.isResizable}],rows:t.rows,value:w(),onDblclick:r[0]||(r[0]=(...m)=>e.unref(b)&&e.unref(b)(...m)),onInput:c}),null,16,D)],10,q),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||s.help?(e.openBlock(),e.createElementBlock("p",{key:String(f.value),class:"help-text"},[B()?e.renderSlot(a.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))])):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents213.cjs"),R=require("./kongponents57.cjs"),n=require("./kongponents201.cjs"),q=["data-value"],D=["id","aria-invalid","rows","value"],h=2048,p=n.IS_MAYBE_FIREFOX?0:n.getScrollbarSize(),S=n.cssSupports("field-sizing","content"),F=e.defineComponent({inheritAttrs:!1,__name:"KTextArea",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},characterLimit:{type:[Boolean,Number],default:()=>h},rows:{default:5},error:{type:Boolean},resizable:{type:Boolean},autosize:{type:Boolean},help:{default:""},isResizable:{type:Boolean},hasError:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{emit:E}){e.useCssVars(a=>({d3e3864c:a.rows})),e.watch(()=>t.isResizable,a=>{a&&console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0}),e.watch(()=>t.hasError,a=>{a&&console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea")},{immediate:!0});const u=E,i=e.useAttrs(),s=e.useSlots(),{stripRequiredLabel:k}=C.default(),v=e.computed(()=>i?.required!==void 0&&String(i?.required)!=="false"),l=e.ref(""),x=e.computed(()=>k(t.label,v.value)),y=()=>!!(t.labelAttributes?.help||t.labelAttributes?.info||s["label-tooltip"]),T=e.computed(()=>t.error||t.hasError||o.value?!0:void 0),f=e.ref(0),A=e.computed({get(){return t.modelValue},set(a){c({target:{value:a}})}}),L=e.useId(),g=e.computed(()=>i.id?String(i.id):L),z=e.computed(()=>{const a={...i};return delete a.class,a}),o=e.computed(()=>typeof t.characterLimit=="boolean"?t.characterLimit?l.value.length>h:!1:l.value.length>t.characterLimit),c=a=>{const r=JSON.parse(JSON.stringify(a?.target?.value));u("input",r),u("update:modelValue",r),l.value=r},B=()=>!o.value&&!!(t.help||s.help),d=e.computed(()=>{const a=typeof t.characterLimit=="number"?t.characterLimit:h;return o.value?`${l.value?.toString().length} / ${a}`:t.help});e.watch(o,(a,r)=>{a!==r&&(u("char-limit-exceeded",{value:l.value,length:l.value.length,characterLimit:Number(t.characterLimit),limitExceeded:a}),f.value+=1)}),e.watch(A,(a,r)=>{a!==r&&c({target:{value:a}})});const w=()=>l.value?l.value:t.modelValue,b=n.IS_MAYBE_FIREFOX?()=>{}:a=>{const{target:r,clientX:m,clientY:I}=a;if(!(r instanceof HTMLTextAreaElement))return;const{right:N,bottom:V}=r.getBoundingClientRect();m>N-p&&I>V-p&&(r.style.height="")};return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-textarea",[a.$attrs.class,{"input-error":t.error||t.hasError||o.value}]])},[t.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:g.value},t.labelAttributes,{required:v.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.value)+" ",1)]),_:2},[y()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-textarea-wrapper",{autosize:t.autosize,legacy:t.autosize&&!e.unref(S)}]),"data-allow-mismatch":"class","data-value":e.unref(S)?null:l.value},[e.createElementVNode("textarea",e.mergeProps({id:g.value},z.value,{"aria-invalid":T.value,class:["input-textarea",{resizable:t.resizable||t.isResizable}],rows:t.rows,value:w(),onDblclick:r[0]||(r[0]=(...m)=>e.unref(b)&&e.unref(b)(...m)),onInput:c}),null,16,D)],10,q),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||s.help?(e.openBlock(),e.createElementBlock("p",{key:String(f.value),class:"help-text"},[B()?e.renderSlot(a.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))])):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=F;

package/dist/{kongponents156.es.js → kongponents155.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as J, useCssVars as X, watch as n, useAttrs as Y, useSlots as G, computed as l, ref as k, useId as j, openBlock as s, createElementBlock as f, normalizeClass as A, createBlock as Q, mergeProps as z, createSlots as W, withCtx as g, createTextVNode as b, toDisplayString as S, renderSlot as T, createCommentVNode as I, createElementVNode as N, unref as u, createVNode as _, Transition as ee, Fragment as te } from "vue";
-import ae from "./kongponents196.es.js";
+import ae from "./kongponents213.es.js";
 import re from "./kongponents57.es.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as le, cssSupports as ie } from "./kongponents215.es.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as le, cssSupports as ie } from "./kongponents201.es.js";
 const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 2048, R = w ? 0 : le(), B = ie("field-sizing", "content"), me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "KTextArea",

package/dist/{kongponents158.cjs → kongponents157.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents228.cjs"),u=require("./kongponents251.cjs"),d=require("./kongponents200.cjs"),s=require("./kongponents224.cjs"),_=require("./kongponents188.cjs"),k=require("./kongponents190.cjs"),o=require("./kongponents186.cjs"),m={class:"toaster-icon-container"},p={class:"toaster-content"},f={key:0,class:"toaster-title"},g={key:1,class:"toaster-message"},v=["onClick"],I=e.defineComponent({__name:"KToaster",props:{toasterState:{default:()=>[]},zIndex:{}},emits:["close"],setup(r,{emit:c}){const a=c,l=n=>{switch(n){case"info":return s.default;case"success":return i.default;case"warning":return k.default;case"danger":return u.default;case"system":return _.default;default:return s.default}};return(n,B)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{class:"k-toaster",name:"kongponents-slide-up-transition",tag:"div"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.toasterState,t=>(e.openBlock(),e.createElementBlock("div",{key:t.key,class:e.normalizeClass(["toaster",`${t.appearance}`]),role:"alert"},[e.createElementVNode("div",m,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(t.appearance)),{class:"toaster-icon",color:`var(--kui-toaster-icon-color, var(--kui-color-background-inverse, ${e.unref(o.KUI_COLOR_BACKGROUND_INVERSE)}))`,decorative:""},null,8,["color"]))]),e.createElementVNode("div",p,[t.title?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.message?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)]),e.createElementVNode("button",{"aria-label":"Close",class:"toaster-close-icon","data-testid":"toaster-close-icon",type:"button",onClick:e.withModifiers(C=>a("close",t.key),["stop"])},[e.createVNode(e.unref(d.default),{color:`var(--kui-color-text-neutral-weak, ${e.unref(o.KUI_COLOR_TEXT_NEUTRAL_WEAK)})`,size:`var(--kui-icon-size-50, ${e.unref(o.KUI_ICON_SIZE_50)})`},null,8,["color","size"])],8,v)],2))),128))]),_:1}))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents229.cjs"),u=require("./kongponents232.cjs"),d=require("./kongponents185.cjs"),s=require("./kongponents189.cjs"),_=require("./kongponents217.cjs"),k=require("./kongponents218.cjs"),o=require("./kongponents186.cjs"),m={class:"toaster-icon-container"},p={class:"toaster-content"},f={key:0,class:"toaster-title"},g={key:1,class:"toaster-message"},v=["onClick"],I=e.defineComponent({__name:"KToaster",props:{toasterState:{default:()=>[]},zIndex:{}},emits:["close"],setup(r,{emit:c}){const a=c,l=n=>{switch(n){case"info":return s.default;case"success":return i.default;case"warning":return k.default;case"danger":return u.default;case"system":return _.default;default:return s.default}};return(n,B)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{class:"k-toaster",name:"kongponents-slide-up-transition",tag:"div"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.toasterState,t=>(e.openBlock(),e.createElementBlock("div",{key:t.key,class:e.normalizeClass(["toaster",`${t.appearance}`]),role:"alert"},[e.createElementVNode("div",m,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(t.appearance)),{class:"toaster-icon",color:`var(--kui-toaster-icon-color, var(--kui-color-background-inverse, ${e.unref(o.KUI_COLOR_BACKGROUND_INVERSE)}))`,decorative:""},null,8,["color"]))]),e.createElementVNode("div",p,[t.title?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.message?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)]),e.createElementVNode("button",{"aria-label":"Close",class:"toaster-close-icon","data-testid":"toaster-close-icon",type:"button",onClick:e.withModifiers(C=>a("close",t.key),["stop"])},[e.createVNode(e.unref(d.default),{color:`var(--kui-color-text-neutral-weak, ${e.unref(o.KUI_COLOR_TEXT_NEUTRAL_WEAK)})`,size:`var(--kui-icon-size-50, ${e.unref(o.KUI_ICON_SIZE_50)})`},null,8,["color","size"])],8,v)],2))),128))]),_:1}))}});exports.default=I;

package/dist/{kongponents158.es.js → kongponents157.es.js}

@@ -1,10 +1,10 @@
 import { defineComponent as d, openBlock as t, createBlock as a, TransitionGroup as k, withCtx as f, createElementBlock as o, Fragment as v, renderList as C, normalizeClass as g, createElementVNode as s, resolveDynamicComponent as h, unref as r, toDisplayString as c, createCommentVNode as i, withModifiers as y, createVNode as E } from "vue";
-import I from "./kongponents228.es.js";
-import $ from "./kongponents251.es.js";
-import B from "./kongponents200.es.js";
-import l from "./kongponents224.es.js";
-import N from "./kongponents188.es.js";
-import K from "./kongponents190.es.js";
+import I from "./kongponents229.es.js";
+import $ from "./kongponents232.es.js";
+import B from "./kongponents185.es.js";
+import l from "./kongponents189.es.js";
+import N from "./kongponents217.es.js";
+import K from "./kongponents218.es.js";
 import { KUI_COLOR_BACKGROUND_INVERSE as O, KUI_ICON_SIZE_50 as T, KUI_COLOR_TEXT_NEUTRAL_WEAK as w } from "./kongponents186.es.js";
 const x = { class: "toaster-icon-container" }, z = { class: "toaster-content" }, R = {
   key: 0,

package/dist/kongponents160.cjs

@@ -0,0 +1 @@
+"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

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

package/dist/kongponents161.cjs

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

package/dist/kongponents161.es.js

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

package/dist/kongponents162.cjs

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

package/dist/kongponents162.es.js

@@ -1,4 +1,4 @@
-import o from "./kongponents30.es.js";
+import o from "./kongponents32.es.js";
 /* empty css                 */
 export {
   o as default

package/dist/kongponents163.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents32.cjs");;/* empty css                */exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents235.cjs"),l=require("./kongponents186.cjs"),n=require("./kongponents179.cjs"),a=require("./kongponents190.cjs"),u=["href"],c=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.default),{key:0,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(l.KUI_ICON_SIZE_30)})`},null,8,["size"]))],8,u)):e.createCommentVNode("",!0)}});exports.default=c;