@kong/kongponents 9.61.3 → 9.61.4

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 "./kongponents207.es.js";
-import re from "./kongponents208.es.js";
-import ce from "./kongponents196.es.js";
-import de from "./kongponents209.es.js";
-import { ResizeObserverHelper as ge } from "./kongponents210.es.js";
+import ve from "./kongponents209.es.js";
+import re from "./kongponents210.es.js";
+import ce from "./kongponents203.es.js";
+import de from "./kongponents211.es.js";
+import { ResizeObserverHelper as ge } from "./kongponents205.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("./kongponents246.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents184.cjs"),T=require("./kongponents189.cjs"),M=require("./kongponents247.cjs"),f=require("./kongponents226.cjs"),g=require("./kongponents192.cjs"),P=require("./kongponents229.cjs"),h=require("./kongponents248.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("./kongponents224.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents188.cjs"),T=require("./kongponents194.cjs"),M=require("./kongponents225.cjs"),f=require("./kongponents226.cjs"),g=require("./kongponents196.cjs"),P=require("./kongponents227.cjs"),h=require("./kongponents228.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 "./kongponents246.es.js";
+import { useFloating as ge } from "./kongponents224.es.js";
 import he from "./kongponents38.es.js";
-import ye from "./kongponents184.es.js";
-import { KUI_SPACE_60 as Ce, KUI_ICON_SIZE_30 as be } from "./kongponents189.es.js";
-import ke from "./kongponents247.es.js";
+import ye from "./kongponents188.es.js";
+import { KUI_SPACE_60 as Ce, KUI_ICON_SIZE_30 as be } from "./kongponents194.es.js";
+import ke from "./kongponents225.es.js";
 import { useEventListener as g } from "./kongponents226.es.js";
-import { normalizeSize as T } from "./kongponents192.es.js";
-import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents229.es.js";
-import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents248.es.js";
+import { normalizeSize as T } from "./kongponents196.es.js";
+import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents227.es.js";
+import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents228.es.js";
 const Ie = ["id", "aria-labelledby", "x-placement"], Pe = ["tabindex"], Se = {
   key: 1,
   class: "popover-header"

package/dist/kongponents136.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents57.cjs"),C=require("./kongponents200.cjs"),B=require("./kongponents194.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,7 +1,7 @@
-import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as a, resolveComponent as q, openBlock as l, createElementBlock as i, normalizeClass as v, createElementVNode as w, mergeProps as $, createVNode as C, createSlots as M, withCtx as u, renderSlot as s, createTextVNode as k, toDisplayString as b, createCommentVNode as d, withKeys as K, withModifiers as U, createBlock as X, unref as R } from "vue";
+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 "./kongponents186.es.js";
-import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents189.es.js";
+import F from "./kongponents200.es.js";
+import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents194.es.js";
 const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
   key: 0,
   class: "radio-description"
@@ -41,88 +41,88 @@ const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
     }, { deep: !0, immediate: !0 }), V(() => e.type, (t) => {
       t && 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 p = A, r = D(), o = E(), S = P(), h = a(() => o.id ? String(o.id) : S), c = a(() => o?.disabled !== void 0 && String(o?.disabled) !== "false"), T = a(() => !!(e.label || r.default)), m = a(() => T.value && (!!e.description || !!r.description)), f = a(() => !!e.label && (!!e.description || !!r.description)), B = a(() => !!r.tooltip), n = a(() => e.selectedValue === e.modelValue), g = () => {
+    const p = A, s = D(), i = E(), S = P(), h = n(() => i.id ? String(i.id) : S), c = n(() => i?.disabled !== void 0 && String(i?.disabled) !== "false"), T = () => !!(e.label || s.default), m = () => T() && (!!e.description || !!s.description), f = () => !!e.label && (!!e.description || !!s.description), B = () => !!s.tooltip, r = n(() => e.selectedValue === e.modelValue), g = () => {
       p("change", e.selectedValue), p("update:modelValue", e.selectedValue);
-    }, I = a(() => {
-      const t = { ...o };
+    }, I = n(() => {
+      const t = { ...i };
       return delete t.class, t;
-    }), L = a(() => ({
+    }), L = () => ({
       disabled: c.value,
       "radio-card": e.card || e.type === "card",
       "input-error": e.error,
-      checked: n.value,
-      "has-description": m.value,
+      checked: r.value,
+      "has-description": m(),
       "card-horizontal": e.card && e.cardOrientation === "horizontal",
       // Add vertical class for `vertical` or an invalid prop value
       "card-vertical": e.card && e.cardOrientation !== "horizontal"
-    })), N = a(() => e.card && o["data-testid"] ? `${o["data-testid"]}-label` : void 0);
+    }), N = n(() => e.card && i["data-testid"] ? `${i["data-testid"]}-label` : void 0);
     return (t, y) => {
       const O = q("KTooltip");
-      return l(), i("div", {
+      return a(), l("div", {
         class: v(["k-radio", [
           t.$attrs.class ? t.$attrs.class : "",
-          L.value
+          L()
         ]])
       }, [
         w("input", $({ id: h.value }, I.value, {
-          "aria-checked": n.value,
-          checked: n.value,
+          "aria-checked": r.value,
+          checked: r.value,
           class: ["radio-input", { hidden: e.card && !e.cardRadioVisible }],
           disabled: c.value,
-          tabindex: e.card || c.value || n.value ? -1 : 0,
+          tabindex: e.card || c.value || r.value ? -1 : 0,
           type: "radio",
           onClick: g
         }), null, 16, H),
-        !e.card && (e.label || t.$slots.default) ? (l(), i("div", {
+        !e.card && (e.label || t.$slots.default) ? (a(), l("div", {
           key: 0,
-          class: v(["radio-label-wrapper", { "has-description": m.value }])
+          class: v(["radio-label-wrapper", { "has-description": m() }])
         }, [
           C(j, $(e.labelAttributes, {
             class: "radio-label",
             for: h.value
           }), M({
             default: u(() => [
-              s(t.$slots, "default", {}, () => [
+              d(t.$slots, "default", {}, () => [
                 k(b(e.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            B.value ? {
+            B() ? {
               name: "tooltip",
               fn: u(() => [
-                s(t.$slots, "tooltip", {}, void 0, !0)
+                d(t.$slots, "tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["for"]),
-          m.value ? (l(), i("div", J, [
-            s(t.$slots, "description", {}, () => [
+          m() ? (a(), l("div", J, [
+            d(t.$slots, "description", {}, () => [
               w("p", null, b(e.description), 1)
             ], !0)
-          ])) : d("", !0)
-        ], 2)) : e.label || t.$slots.default ? (l(), i("label", {
+          ])) : o("", !0)
+        ], 2)) : e.label || t.$slots.default ? (a(), l("label", {
           key: 1,
-          class: v(["radio-card-wrapper radio-label-wrapper", { "has-label": e.label, "has-description": f.value, "show-radio": e.cardRadioVisible }]),
+          class: v(["radio-card-wrapper radio-label-wrapper", { "has-label": e.label, "has-description": f(), "show-radio": e.cardRadioVisible }]),
           "data-testid": N.value,
           for: h.value,
-          tabindex: c.value || n.value ? -1 : 0,
+          tabindex: c.value || r.value ? -1 : 0,
           onKeydown: y[0] || (y[0] = K(U(() => {
           }, ["prevent"]), ["space"])),
           onKeyup: K(g, ["space"])
         }, [
-          t.$slots.default ? (l(), i("span", W, [
-            s(t.$slots, "default", {}, void 0, !0)
-          ])) : d("", !0),
-          e.label || f.value ? (l(), i("span", Y, [
-            e.label ? (l(), i("span", Z, [
+          t.$slots.default ? (a(), l("span", W, [
+            d(t.$slots, "default", {}, void 0, !0)
+          ])) : o("", !0),
+          e.label || f() ? (a(), l("span", Y, [
+            e.label ? (a(), l("span", Z, [
               k(b(e.label) + " ", 1),
-              r.tooltip ? (l(), X(O, {
+              s.tooltip ? (a(), X(O, {
                 key: 0,
                 class: "label-tooltip"
               }, {
                 content: u(() => [
-                  s(t.$slots, "tooltip", {}, void 0, !0)
+                  d(t.$slots, "tooltip", {}, void 0, !0)
                 ]),
                 default: u(() => [
                   C(R(F), {
@@ -132,15 +132,15 @@ const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
                   }, null, 8, ["color"])
                 ]),
                 _: 3
-              })) : d("", !0)
-            ])) : d("", !0),
-            f.value ? (l(), i("span", x, [
-              s(t.$slots, "description", {}, () => [
+              })) : o("", !0)
+            ])) : o("", !0),
+            f() ? (a(), l("span", x, [
+              d(t.$slots, "description", {}, () => [
                 k(b(e.description), 1)
               ], !0)
-            ])) : d("", !0)
-          ])) : d("", !0)
-        ], 42, Q)) : d("", !0)
+            ])) : o("", !0)
+          ])) : o("", !0)
+        ], 42, Q)) : o("", !0)
       ], 2);
     };
   }

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("./kongponents206.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("./kongponents215.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 "./kongponents206.es.js";
+import { warnInvalidProp as S } from "./kongponents215.es.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/kongponents140.cjs

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