@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents100.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("./kongponents32.cjs"),C=require("./kongponents24.cjs");;/* empty css                */const B=require("./kongponents56.cjs"),P=require("./kongponents23.cjs"),T=require("./kongponents44.cjs"),x=require("./kongponents195.cjs"),y=require("./kongponents178.cjs"),D={class:"dropdown-list","data-testid":"dropdown-list"},q=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(t,{expose:g,emit:v}){e.watch(()=>t.appearance,o=>{(o==="menu"||o==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>t.label,o=>{o&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=v,h=e.computed(()=>t.disabledTooltip?C.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},w={...c,...t.kpopAttributes,width:t.width||void 0,popoverClasses:`${c.popoverClasses} ${t.kpopAttributes?.popoverClasses||""}`},p=e.computed(()=>l.value?.label||t.triggerText||t.label||""),l=e.ref(),m=o=>{t.selectionMenu&&(l.value=o)},f=()=>{u.value?.hidePopover()},d=(o,n,r)=>{o.value!==r&&(n(),s("toggleDropdown",o.value))};return e.watch(l,(o,n)=>{o&&o!==n&&s("change",o)}),e.onMounted(()=>{if(t.items){const o=t.items.filter(n=>n.selected);o.length&&(l.value=o[0])}}),g({openDropdown:()=>{u.value?.showPopover()},closeDropdown:f}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":t.selectionMenu}])},[e.createVNode(P.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(B.default,e.mergeProps({ref:"kPop"},w,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(y.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",D,[e.renderSlot(o.$slots,"items",{closeDropdown:f,handleSelection:m,items:t.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,k)=>(e.openBlock(),e.createBlock(T.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${k}`,item:i,selected:t.selectionMenu&&l.value?.value===i.value,"selection-menu-child":t.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"]))),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:t.disabledTooltip?t.disabledTooltip:void 0,"max-width":t.disabledTooltip?"240":void 0,position:t.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(b.default,{key:0,appearance:t.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),t.showCaret?(e.openBlock(),e.createBlock(e.unref(x.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("./kongponents32.cjs"),C=require("./kongponents24.cjs");;/* empty css                */const B=require("./kongponents56.cjs"),P=require("./kongponents23.cjs"),T=require("./kongponents44.cjs"),x=require("./kongponents188.cjs"),y=require("./kongponents181.cjs"),D={class:"dropdown-list","data-testid":"dropdown-list"},q=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(t,{expose:g,emit:v}){e.watch(()=>t.appearance,o=>{(o==="menu"||o==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>t.label,o=>{o&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=v,h=e.computed(()=>t.disabledTooltip?C.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},w={...c,...t.kpopAttributes,width:t.width||void 0,popoverClasses:`${c.popoverClasses} ${t.kpopAttributes?.popoverClasses||""}`},p=e.computed(()=>l.value?.label||t.triggerText||t.label||""),l=e.ref(),m=o=>{t.selectionMenu&&(l.value=o)},f=()=>{u.value?.hidePopover()},d=(o,n,r)=>{o.value!==r&&(n(),s("toggleDropdown",o.value))};return e.watch(l,(o,n)=>{o&&o!==n&&s("change",o)}),e.onMounted(()=>{if(t.items){const o=t.items.filter(n=>n.selected);o.length&&(l.value=o[0])}}),g({openDropdown:()=>{u.value?.showPopover()},closeDropdown:f}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":t.selectionMenu}])},[e.createVNode(P.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(B.default,e.mergeProps({ref:"kPop"},w,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(y.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",D,[e.renderSlot(o.$slots,"items",{closeDropdown:f,handleSelection:m,items:t.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,k)=>(e.openBlock(),e.createBlock(T.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${k}`,item:i,selected:t.selectionMenu&&l.value?.value===i.value,"selection-menu-child":t.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"]))),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:t.disabledTooltip?t.disabledTooltip:void 0,"max-width":t.disabledTooltip?"240":void 0,position:t.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(b.default,{key:0,appearance:t.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),t.showCaret?(e.openBlock(),e.createBlock(e.unref(x.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=q;

package/dist/kongponents106.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents215.cjs"),B=require("./kongponents216.cjs"),E=require("./kongponents189.cjs"),g=require("./kongponents217.cjs"),r=require("./kongponents178.cjs"),S=require("./kongponents32.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents33.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>o.iconBackground?r.KUI_COLOR_TEXT_DECORATIVE_AQUA:o.iconVariant===a.EmptyStateIconVariants.Error?r.KUI_COLOR_TEXT_WARNING:r.KUI_COLOR_TEXT_NEUTRAL),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents238.cjs"),B=require("./kongponents185.cjs"),E=require("./kongponents201.cjs"),g=require("./kongponents180.cjs"),r=require("./kongponents181.cjs"),S=require("./kongponents32.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents33.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>o.iconBackground?r.KUI_COLOR_TEXT_DECORATIVE_AQUA:o.iconVariant===a.EmptyStateIconVariants.Error?r.KUI_COLOR_TEXT_WARNING:r.KUI_COLOR_TEXT_NEUTRAL),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;

package/dist/kongponents108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents51.cjs"),L=require("./kongponents49.cjs"),B=require("./kongponents32.cjs"),P=require("./kongponents192.cjs"),R=require("./kongponents232.cjs"),W=require("./kongponents233.cjs"),U=["role"],j={class:"file-upload-input-wrapper"},O={key:1,class:"file-upload-dropzone-wrapper"},G=["aria-disabled","aria-labelledby","tabindex"],H={"aria-hidden":"true",class:"dropzone-icon"},J={key:0},Q={key:1},X=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:C}){const d=C,w=e.useSlots(),r=e.useAttrs(),{stripRequiredLabel:x}=P.default(),N=e.useId(),b=e.computed(()=>r.id?String(r.id):N),E=e.computed(()=>r.name?String(r.name):"uploaded-file"),$=e.computed(()=>{const a={...r};return delete a.id,delete a.name,a}),h=e.useTemplateRef("input"),q=e.computed(()=>!!(l.labelAttributes?.info||w["label-tooltip"])),D=e.computed(()=>x(l.label,y.value)),y=e.computed(()=>r?.required!==void 0&&String(r?.required)!=="false"),g=e.computed(()=>o.value?"Drag & drop a file":"No file selected"),c=e.ref(!1),S=e.computed(()=>{if(c.value){let a="bytes",t=n.value;return n.value>=1024&&n.value<1024*1024&&(t=n.value/1024,a="KB"),n.value>=1024*1024&&(t=n.value/(1024*1024),a="MB"),`File size must be less than ${t}${a}.`}return""}),n=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>p.value||c.value||l.error),s=e.ref(0),i=e.ref(""),v=e.ref(null),F=e.useTemplateRef("dropzone"),M=a=>{p.value=!1;const t=a.target.files,u=t[0]?.size;Number(u)>n.value&&(s.value++,c.value=!0,d("error",t));const T=h.value?.$el?.querySelector("input");t.length?(v.value=t,i.value=t[0]?.name||"",d("file-added",t)):(T.files=v.value,i.value=v.value?.[0]?.name||"")},k=()=>{if(i.value){V();return}const a=h.value?.$el?.querySelector("input");a&&a.click()},V=()=>{v.value=null,i.value="",s.value++,c.value=!1,d("file-removed")},m=e.ref(!1),p=e.ref(!1),I=a=>a?!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(t=>{if(t.startsWith("."))return a.name.toLowerCase().endsWith(t.toLowerCase());if(t.endsWith("/*")){const u=t.slice(0,-2);return a.type.startsWith(u)}else return a.type===t}):!1,z=e.computed(()=>p.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),A=a=>{if(!l.disabled){o.value?F.value?.focus():h.value?.input?.focus(),m.value=!1;const t=a.dataTransfer?.files;if(t&&t.length){const u=t[0]?.size;if(Number(u)>n.value){s.value++,c.value=!0,d("error",t);return}I(t[0])?(p.value=!1,v.value=t,i.value=t[0]?.name||"",d("file-added",t)):(p.value=!0,d("error",t))}}},o=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>r.id,()=>{s.value++},{immediate:!0}),(a,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},$.value,{role:l.disabled?void 0:"region",onDragleave:t[0]||(t[0]=e.withModifiers(u=>m.value=!1,["prevent"])),onDragover:t[1]||(t[1]=e.withModifiers(u=>m.value=!0,["prevent"])),onDrop:e.withModifiers(A,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(K.default,e.mergeProps({key:0},l.labelAttributes,{id:o.value?`file-upload-dropzone-label-${b.value}`:void 0,for:b.value,required:y.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(D.value)+" ",1)]),_:2},[q.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",j,[o.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:s.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":a.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||g.value),3)),(e.openBlock(),e.createBlock(L.default,{id:b.value,key:s.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:m.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||z.value||S.value,help:l.help,hidden:o.value,name:E.value,placeholder:l.placeholder||g.value,title:"",type:"file",onChange:M},e.createSlots({_:2},[a.$slots.icon&&!o.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,o.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode(B.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:k},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","name","placeholder"]))],512),[[e.vShow,!o.value]]),o.value?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${b.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:m.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:k},[e.createElementVNode("div",H,[e.renderSlot(a.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(R.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(W.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(l.placeholder||g.value),1)),e.createVNode(B.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(k,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(a.$slots,"dropzone-footer",{},void 0,!0)],10,G),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||z.value||S.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,U))}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents51.cjs"),L=require("./kongponents49.cjs"),B=require("./kongponents32.cjs"),P=require("./kongponents183.cjs"),R=require("./kongponents241.cjs"),W=require("./kongponents242.cjs"),U=["role"],j={class:"file-upload-input-wrapper"},O={key:1,class:"file-upload-dropzone-wrapper"},G=["aria-disabled","aria-labelledby","tabindex"],H={"aria-hidden":"true",class:"dropzone-icon"},J={key:0},Q={key:1},X=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:C}){const d=C,w=e.useSlots(),r=e.useAttrs(),{stripRequiredLabel:x}=P.default(),N=e.useId(),b=e.computed(()=>r.id?String(r.id):N),E=e.computed(()=>r.name?String(r.name):"uploaded-file"),$=e.computed(()=>{const a={...r};return delete a.id,delete a.name,a}),h=e.useTemplateRef("input"),q=e.computed(()=>!!(l.labelAttributes?.info||w["label-tooltip"])),D=e.computed(()=>x(l.label,y.value)),y=e.computed(()=>r?.required!==void 0&&String(r?.required)!=="false"),g=e.computed(()=>o.value?"Drag & drop a file":"No file selected"),c=e.ref(!1),S=e.computed(()=>{if(c.value){let a="bytes",t=n.value;return n.value>=1024&&n.value<1024*1024&&(t=n.value/1024,a="KB"),n.value>=1024*1024&&(t=n.value/(1024*1024),a="MB"),`File size must be less than ${t}${a}.`}return""}),n=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>p.value||c.value||l.error),s=e.ref(0),i=e.ref(""),v=e.ref(null),F=e.useTemplateRef("dropzone"),M=a=>{p.value=!1;const t=a.target.files,u=t[0]?.size;Number(u)>n.value&&(s.value++,c.value=!0,d("error",t));const T=h.value?.$el?.querySelector("input");t.length?(v.value=t,i.value=t[0]?.name||"",d("file-added",t)):(T.files=v.value,i.value=v.value?.[0]?.name||"")},k=()=>{if(i.value){V();return}const a=h.value?.$el?.querySelector("input");a&&a.click()},V=()=>{v.value=null,i.value="",s.value++,c.value=!1,d("file-removed")},m=e.ref(!1),p=e.ref(!1),I=a=>a?!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(t=>{if(t.startsWith("."))return a.name.toLowerCase().endsWith(t.toLowerCase());if(t.endsWith("/*")){const u=t.slice(0,-2);return a.type.startsWith(u)}else return a.type===t}):!1,z=e.computed(()=>p.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),A=a=>{if(!l.disabled){o.value?F.value?.focus():h.value?.input?.focus(),m.value=!1;const t=a.dataTransfer?.files;if(t&&t.length){const u=t[0]?.size;if(Number(u)>n.value){s.value++,c.value=!0,d("error",t);return}I(t[0])?(p.value=!1,v.value=t,i.value=t[0]?.name||"",d("file-added",t)):(p.value=!0,d("error",t))}}},o=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>r.id,()=>{s.value++},{immediate:!0}),(a,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},$.value,{role:l.disabled?void 0:"region",onDragleave:t[0]||(t[0]=e.withModifiers(u=>m.value=!1,["prevent"])),onDragover:t[1]||(t[1]=e.withModifiers(u=>m.value=!0,["prevent"])),onDrop:e.withModifiers(A,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(K.default,e.mergeProps({key:0},l.labelAttributes,{id:o.value?`file-upload-dropzone-label-${b.value}`:void 0,for:b.value,required:y.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(D.value)+" ",1)]),_:2},[q.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",j,[o.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:s.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":a.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||g.value),3)),(e.openBlock(),e.createBlock(L.default,{id:b.value,key:s.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:m.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||z.value||S.value,help:l.help,hidden:o.value,name:E.value,placeholder:l.placeholder||g.value,title:"",type:"file",onChange:M},e.createSlots({_:2},[a.$slots.icon&&!o.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,o.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode(B.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:k},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","name","placeholder"]))],512),[[e.vShow,!o.value]]),o.value?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${b.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:m.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:k},[e.createElementVNode("div",H,[e.renderSlot(a.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(R.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(W.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(l.placeholder||g.value),1)),e.createVNode(B.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(k,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(a.$slots,"dropzone-footer",{},void 0,!0)],10,G),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||z.value||S.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,U))}});exports.default=X;

package/dist/kongponents110.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents192.cjs"),W=require("./kongponents51.cjs"),w=require("./kongponents178.cjs"),O=require("./kongponents207.cjs"),R=require("./kongponents208.cjs"),D=["id","aria-describedby","aria-invalid","type","value"],U=["aria-label"],z=["id"],H=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{expose:E,emit:V}){e.useCssVars(l=>({c6b8edec:y.value,v9b2c0e7e:S.value})),e.watch(()=>t.hasError,l=>{l&&console.warn("KInput: `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#kinput")},{immediate:!0}),e.watch(()=>t.labelAttributes.help,l=>{l&&console.warn("KInput: `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")});const c=V,a=e.useSlots(),B=e.useTemplateRef("inputElement"),o=e.ref(""),s=e.ref(!1),f=e.ref(0),{stripRequiredLabel:x}=K.default(),n=e.useAttrs(),p=e.computed(()=>n?.required!==void 0&&String(n?.required)!=="false"),I=e.useId(),k=e.computed(()=>n.id?String(n.id):I),b=e.useId(),M=e.computed(()=>x(t.label,p.value)),T=e.computed(()=>!!(t.labelAttributes?.info||a["label-tooltip"])),C=e.computed({get(){return t.modelValue},set(l){m({target:{value:l}})}}),L=e.computed(()=>{const l={...n};return delete l.class,delete l.input,delete l.onInput,l}),u=e.computed(()=>{const l=o.value?.toString().length||0,r=t.modelValue?.toString().length||0;let g=l;return!s.value&&r&&(g=r),!!t.characterLimit&&g>t.characterLimit}),q=e.computed(()=>u.value?s.value?`${o.value?.toString().length} / ${t.characterLimit}`:`${t.modelValue?.toString().length} / ${t.characterLimit}`:""),N=e.computed(()=>!u.value&&!t.error&&!t.hasError&&!!(t.help||a.help)),d=e.computed(()=>u.value?q.value:(t.error||t.hasError)&&t.errorMessage?t.errorMessage:t.help);e.watch(u,(l,r)=>{l!==r&&(c("char-limit-exceeded",{value:o.value,length:o.value.length,characterLimit:t.characterLimit,limitExceeded:l}),f.value+=1)}),e.watch(C,(l,r)=>{l!==r&&m({target:{value:l}})});const m=l=>{const r=JSON.parse(JSON.stringify(l?.target?.value));$(r)},$=l=>{o.value=l,s.value=!0,c("input",l),c("update:modelValue",l)},P=()=>o.value||s.value?o.value:t.modelValue;e.watch(()=>t.error,(l,r)=>{l!==r&&(f.value+=1)});const v=e.ref(null),h=e.ref(null),y=e.ref(w.KUI_ICON_SIZE_40),S=e.ref(w.KUI_ICON_SIZE_40),i=e.ref(!1),A=e.computed(()=>t.type==="password"&&i.value?"text":t.type);return e.onMounted(async()=>{await e.nextTick(),v.value?.offsetWidth&&(y.value=v.value.offsetWidth+"px"),h.value?.offsetWidth&&(S.value=h.value.offsetWidth+"px")}),E({input:B}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(n).class,{"input-error":u.value||t.error||t.hasError}]])},[t.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0,for:k.value},t.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M.value)+" ",1)]),_:2},[T.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":a.before,"has-after-content":a.after||t.type==="password"&&t.showPasswordMaskToggle}])},[a.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(l.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":d.value||a.help?e.unref(b):void 0,"aria-invalid":t.error||t.hasError||u.value?"true":void 0,class:"input",type:A.value},L.value,{value:P(),onInput:m}),null,16,D),a.after||t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:h,class:"after-content-wrapper"},[t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${i.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(g=>i.value=!i.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[i.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,decorative:""}))],40,U)):e.renderSlot(l.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||a.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(f.value),class:"help-text"},[N.value?e.renderSlot(l.$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))],8,z)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents183.cjs"),W=require("./kongponents51.cjs"),w=require("./kongponents181.cjs"),O=require("./kongponents234.cjs"),R=require("./kongponents235.cjs"),D=["id","aria-describedby","aria-invalid","type","value"],U=["aria-label"],z=["id"],H=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{expose:E,emit:V}){e.useCssVars(l=>({c6b8edec:y.value,v9b2c0e7e:S.value})),e.watch(()=>t.hasError,l=>{l&&console.warn("KInput: `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#kinput")},{immediate:!0}),e.watch(()=>t.labelAttributes.help,l=>{l&&console.warn("KInput: `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")});const c=V,a=e.useSlots(),B=e.useTemplateRef("inputElement"),o=e.ref(""),s=e.ref(!1),f=e.ref(0),{stripRequiredLabel:x}=K.default(),n=e.useAttrs(),p=e.computed(()=>n?.required!==void 0&&String(n?.required)!=="false"),I=e.useId(),k=e.computed(()=>n.id?String(n.id):I),b=e.useId(),M=e.computed(()=>x(t.label,p.value)),T=e.computed(()=>!!(t.labelAttributes?.info||a["label-tooltip"])),C=e.computed({get(){return t.modelValue},set(l){m({target:{value:l}})}}),L=e.computed(()=>{const l={...n};return delete l.class,delete l.input,delete l.onInput,l}),u=e.computed(()=>{const l=o.value?.toString().length||0,r=t.modelValue?.toString().length||0;let g=l;return!s.value&&r&&(g=r),!!t.characterLimit&&g>t.characterLimit}),q=e.computed(()=>u.value?s.value?`${o.value?.toString().length} / ${t.characterLimit}`:`${t.modelValue?.toString().length} / ${t.characterLimit}`:""),N=e.computed(()=>!u.value&&!t.error&&!t.hasError&&!!(t.help||a.help)),d=e.computed(()=>u.value?q.value:(t.error||t.hasError)&&t.errorMessage?t.errorMessage:t.help);e.watch(u,(l,r)=>{l!==r&&(c("char-limit-exceeded",{value:o.value,length:o.value.length,characterLimit:t.characterLimit,limitExceeded:l}),f.value+=1)}),e.watch(C,(l,r)=>{l!==r&&m({target:{value:l}})});const m=l=>{const r=JSON.parse(JSON.stringify(l?.target?.value));$(r)},$=l=>{o.value=l,s.value=!0,c("input",l),c("update:modelValue",l)},P=()=>o.value||s.value?o.value:t.modelValue;e.watch(()=>t.error,(l,r)=>{l!==r&&(f.value+=1)});const v=e.ref(null),h=e.ref(null),y=e.ref(w.KUI_ICON_SIZE_40),S=e.ref(w.KUI_ICON_SIZE_40),i=e.ref(!1),A=e.computed(()=>t.type==="password"&&i.value?"text":t.type);return e.onMounted(async()=>{await e.nextTick(),v.value?.offsetWidth&&(y.value=v.value.offsetWidth+"px"),h.value?.offsetWidth&&(S.value=h.value.offsetWidth+"px")}),E({input:B}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(n).class,{"input-error":u.value||t.error||t.hasError}]])},[t.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0,for:k.value},t.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M.value)+" ",1)]),_:2},[T.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":a.before,"has-after-content":a.after||t.type==="password"&&t.showPasswordMaskToggle}])},[a.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(l.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":d.value||a.help?e.unref(b):void 0,"aria-invalid":t.error||t.hasError||u.value?"true":void 0,class:"input",type:A.value},L.value,{value:P(),onInput:m}),null,16,D),a.after||t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:h,class:"after-content-wrapper"},[t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${i.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(g=>i.value=!i.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[i.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,decorative:""}))],40,U)):e.renderSlot(l.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||a.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(f.value),class:"help-text"},[N.value?e.renderSlot(l.$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))],8,z)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=H;

package/dist/kongponents114.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./kongponents24.cjs");;/* empty css                */const p=require("./kongponents206.cjs"),m=require("./kongponents178.cjs"),b=e.defineComponent({__name:"KLabel",props:{info:{default:""},required:{type:Boolean},tooltipAttributes:{default:()=>({})},help:{default:""}},setup(o){e.watch(()=>o.help,t=>{t&&console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const n=e.useSlots(),a=e.computed(()=>!!(o.help||o.info||n.tooltip)),l=e.useId(),u=e.useTemplateRef("label"),s=["a[href]","audio[controls]","button","details","embed","iframe","img[usemap]",'input:not([type="hidden"])',"label","select","textarea","video[controls]","area[href]"].join(", ");function c(t){return t.closest(s)}function d(t){const r=t.target,i=c(r);i&&i!==u.value||t.preventDefault()}return(t,r)=>(e.openBlock(),e.createElementBlock("label",{ref:"label",class:e.normalizeClass(["k-label",{required:o.required}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.value?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},o.tooltipAttributes,{class:"label-tooltip","tooltip-id":e.unref(l),onClick:d}),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.info||o.help),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"aria-describedby":e.unref(l),class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["aria-describedby","color"])]),_:3},16,["tooltip-id"])):e.createCommentVNode("",!0)],2))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./kongponents24.cjs");;/* empty css                */const p=require("./kongponents178.cjs"),m=require("./kongponents181.cjs"),b=e.defineComponent({__name:"KLabel",props:{info:{default:""},required:{type:Boolean},tooltipAttributes:{default:()=>({})},help:{default:""}},setup(o){e.watch(()=>o.help,t=>{t&&console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const n=e.useSlots(),a=e.computed(()=>!!(o.help||o.info||n.tooltip)),l=e.useId(),u=e.useTemplateRef("label"),s=["a[href]","audio[controls]","button","details","embed","iframe","img[usemap]",'input:not([type="hidden"])',"label","select","textarea","video[controls]","area[href]"].join(", ");function c(t){return t.closest(s)}function d(t){const r=t.target,i=c(r);i&&i!==u.value||t.preventDefault()}return(t,r)=>(e.openBlock(),e.createElementBlock("label",{ref:"label",class:e.normalizeClass(["k-label",{required:o.required}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.value?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},o.tooltipAttributes,{class:"label-tooltip","tooltip-id":e.unref(l),onClick:d}),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.info||o.help),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"aria-describedby":e.unref(l),class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["aria-describedby","color"])]),_:3},16,["tooltip-id"])):e.createCommentVNode("",!0)],2))}});exports.default=b;

package/dist/kongponents116.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents212.cjs"),w=require("./kongponents197.cjs"),B=require("./kongponents32.cjs"),x=require("./kongponents184.cjs"),T=require("./kongponents178.cjs"),k=require("./kongponents175.cjs"),$=["aria-label"],N={key:0,class:"modal-header"},A={key:0,class:"modal-title"},O={class:"modal-footer"},D={class:"footer-actions"},I=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:C}){e.useCssVars(t=>({v5582ddaa:t.zIndex,v1ae56e5d:E.value,ee977890:S.value}));const p=C,s=e.useSlots(),r=e.useAttrs(),h=w.useTextSelection(),u=`k-modal-${e.useId()}-overflow-hidden`,n=e.ref(null),m=e.ref(null),E=e.computed(()=>o.fullScreen&&!s.content?"95%":k.normalizeSize(o.maxWidth)),S=e.computed(()=>o.fullScreen&&!s.content?"95vh":k.normalizeSize(o.maxHeight)),V=e.computed(()=>{const t=Object.assign({},r);return delete t.class,t}),f=e.computed(()=>!!o.title||!!s.title||!o.hideCloseIcon),v=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&y(!0)},y=(t=!1,a)=>{(t||a?.target?.classList?.contains("modal-backdrop")&&o.closeOnBackdropClick&&!h.text.value)&&p("cancel")},i=async t=>{t?(await e.nextTick(),await new Promise(a=>setTimeout(a,0)),n.value?.activate()):n.value?.deactivate()},d=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",v):document?.removeEventListener("keydown",v))},b=()=>{const t=n.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");t?.length&&Array.from(t).every(a=>!a.disabled&&!a.readOnly?(a.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{t?(await i(!0),o.inputAutofocus&&b(),d(!0)):(await i(!1),d(!1)),typeof document<"u"&&document?.body?.classList?.toggle(u,t)},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),b())});const l=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(l.value=document.createElement("style"),l.value.textContent=`body.${u} { overflow: hidden; }`,document.head.appendChild(l.value))}),e.onBeforeUnmount(async()=>{await i(!1),d(!1)}),e.onUnmounted(()=>{l.value?.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(r).class]]},V.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:m,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=c=>y(!1,c))},[e.createVNode(e.unref(g.FocusTrap),{ref_key:"focusTrapElement",ref:n,active:!1,"fallback-focus":()=>m.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[f.value?(e.openBlock(),e.createElementBlock("div",N,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=c=>t.$emit("cancel"))},[e.createVNode(e.unref(x.default),{color:`var(--kui-color-text-neutral, ${e.unref(T.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!f.value}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",O,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",D,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=c=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(B.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=c=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,$)):e.createCommentVNode("",!0)}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents206.cjs"),w=require("./kongponents184.cjs"),B=require("./kongponents32.cjs"),x=require("./kongponents176.cjs"),T=require("./kongponents181.cjs"),k=require("./kongponents182.cjs"),$=["aria-label"],N={key:0,class:"modal-header"},A={key:0,class:"modal-title"},O={class:"modal-footer"},D={class:"footer-actions"},I=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:C}){e.useCssVars(t=>({v5582ddaa:t.zIndex,v1ae56e5d:E.value,ee977890:S.value}));const p=C,s=e.useSlots(),r=e.useAttrs(),h=w.useTextSelection(),u=`k-modal-${e.useId()}-overflow-hidden`,n=e.ref(null),m=e.ref(null),E=e.computed(()=>o.fullScreen&&!s.content?"95%":k.normalizeSize(o.maxWidth)),S=e.computed(()=>o.fullScreen&&!s.content?"95vh":k.normalizeSize(o.maxHeight)),V=e.computed(()=>{const t=Object.assign({},r);return delete t.class,t}),f=e.computed(()=>!!o.title||!!s.title||!o.hideCloseIcon),v=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&y(!0)},y=(t=!1,a)=>{(t||a?.target?.classList?.contains("modal-backdrop")&&o.closeOnBackdropClick&&!h.text.value)&&p("cancel")},i=async t=>{t?(await e.nextTick(),await new Promise(a=>setTimeout(a,0)),n.value?.activate()):n.value?.deactivate()},d=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",v):document?.removeEventListener("keydown",v))},b=()=>{const t=n.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");t?.length&&Array.from(t).every(a=>!a.disabled&&!a.readOnly?(a.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{t?(await i(!0),o.inputAutofocus&&b(),d(!0)):(await i(!1),d(!1)),typeof document<"u"&&document?.body?.classList?.toggle(u,t)},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),b())});const l=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(l.value=document.createElement("style"),l.value.textContent=`body.${u} { overflow: hidden; }`,document.head.appendChild(l.value))}),e.onBeforeUnmount(async()=>{await i(!1),d(!1)}),e.onUnmounted(()=>{l.value?.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(r).class]]},V.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:m,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=c=>y(!1,c))},[e.createVNode(e.unref(g.FocusTrap),{ref_key:"focusTrapElement",ref:n,active:!1,"fallback-focus":()=>m.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[f.value?(e.openBlock(),e.createElementBlock("div",N,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=c=>t.$emit("cancel"))},[e.createVNode(e.unref(x.default),{color:`var(--kui-color-text-neutral, ${e.unref(T.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!f.value}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",O,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",D,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=c=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(B.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=c=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,$)):e.createCommentVNode("",!0)}});exports.default=I;

package/dist/kongponents118.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents32.cjs"),m=require("./kongponents216.cjs"),f=require("./kongponents178.cjs"),y=["aria-label"],p={class:"k-modal-fullscreen-body-header"},h={key:0,class:"body-header"},k={key:1,class:"body-header-description"},b={class:"k-modal-fullscreen-body"},V={class:"k-modal-fullscreen-header"},v={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},g={class:"k-modal-fullscreen-title"},N={class:"header-icon"},S={class:"header-content"},B={class:"k-modal-fullscreen-action"},E={class:"k-modal-fullscreen-action-buttons"},C={key:0,class:"k-modal-fullscreen-footer"},T={class:"k-modal-fullscreen-action"},w={class:"k-modal-fullscreen-action-buttons"},$=e.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(o,{emit:i}){const a=o,c=i,l=e.ref(null),u=e.computed(()=>!!a.isVisible);e.watch(()=>a.isVisible,async()=>{typeof document>"u"||(u.value?(document.body.style.overflow="hidden",await e.nextTick(),l.value&&l.value.focus()):document.body.style.overflow="")});const s=t=>{a.isVisible&&(t.keyCode===27?d():t.keyCode===13&&n())},d=()=>{c("canceled")},n=()=>{c("proceed")};return e.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' 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"),r=require("./kongponents32.cjs"),m=require("./kongponents185.cjs"),f=require("./kongponents181.cjs"),y=["aria-label"],p={class:"k-modal-fullscreen-body-header"},h={key:0,class:"body-header"},k={key:1,class:"body-header-description"},b={class:"k-modal-fullscreen-body"},V={class:"k-modal-fullscreen-header"},v={"aria-level":"2",class:"k-modal-fullscreen-header-description",role:"heading"},g={class:"k-modal-fullscreen-title"},N={class:"header-icon"},S={class:"header-content"},B={class:"k-modal-fullscreen-action"},E={class:"k-modal-fullscreen-action-buttons"},C={key:0,class:"k-modal-fullscreen-footer"},T={class:"k-modal-fullscreen-action"},w={class:"k-modal-fullscreen-action-buttons"},$=e.defineComponent({__name:"KModalFullscreen",props:{title:{type:String,required:!0},bodyHeader:{type:String,default:""},bodyHeaderDescription:{type:String,default:""},isVisible:{type:Boolean,default:!1},cancelButtonText:{type:String,default:"Cancel"},actionButtonText:{type:String,default:"Save"},actionButtonAppearance:{type:String,default:"primary"},cancelButtonAppearance:{type:String,default:"secondary"},iconString:{type:String,default:"kong"}},emits:["canceled","proceed"],setup(o,{emit:i}){const a=o,c=i,l=e.ref(null),u=e.computed(()=>!!a.isVisible);e.watch(()=>a.isVisible,async()=>{typeof document>"u"||(u.value?(document.body.style.overflow="hidden",await e.nextTick(),l.value&&l.value.focus()):document.body.style.overflow="")});const s=t=>{a.isVisible&&(t.keyCode===27?d():t.keyCode===13&&n())},d=()=>{c("canceled")},n=()=>{c("proceed")};return e.onMounted(()=>{document.addEventListener("keydown",s),console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
 We suggest using 'KModal' component instead.
 Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",s)}),e.onUnmounted(()=>{document.body.style.overflow=""}),(t,D)=>o.isVisible?(e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":o.title,"aria-modal":"true",class:"k-modal-fullscreen isOpen",role:"dialog",onKeyup:[e.withKeys(n,["enter"]),e.withKeys(d,["esc"])]},[e.createElementVNode("div",{ref_key:"modalBodyContent",ref:l,class:e.normalizeClass(["k-modal-fullscreen-dialog",{"has-footer":t.$slots["footer-content"]}]),tabindex:"0"},[e.createElementVNode("div",p,[t.$slots["body-header"]||o.bodyHeader?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"body-header",{},()=>[e.createTextVNode(e.toDisplayString(o.bodyHeader),1)],!0)])):e.createCommentVNode("",!0),t.$slots["body-header-description"]||o.bodyHeaderDescription?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"body-header-description",{},()=>[e.createTextVNode(e.toDisplayString(o.bodyHeaderDescription),1)],!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",V,[e.createElementVNode("div",v,[e.createElementVNode("div",g,[e.createElementVNode("span",N,[e.renderSlot(t.$slots,"header-icon",{},()=>[e.createVNode(e.unref(m.default),{color:e.unref(f.KUI_COLOR_TEXT_DECORATIVE_AQUA)},null,8,["color"])],!0)]),e.createElementVNode("span",S,[e.renderSlot(t.$slots,"header-content",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])]),e.createElementVNode("div",B,[e.createElementVNode("div",E,[e.renderSlot(t.$slots,"action-buttons",{},()=>[e.createVNode(r.default,{appearance:o.cancelButtonAppearance,class:"cancel-button",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance"]),e.createVNode(r.default,{appearance:o.actionButtonAppearance,class:"proceed-button",onClick:n},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])]),t.$slots["footer-content"]?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"footer-content",{},void 0,!0),e.createElementVNode("div",T,[e.createElementVNode("div",w,[e.renderSlot(t.$slots,"action-buttons",{},()=>[e.createVNode(r.default,{appearance:o.actionButtonAppearance,class:"proceed-button",onClick:n},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance"])],!0)])])])):e.createCommentVNode("",!0)],2)],40,y)):e.createCommentVNode("",!0)}});exports.default=$;

package/dist/kongponents120.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Pe=require("./kongponents192.cjs"),T=require("./kongponents30.cjs"),fe=require("./kongponents49.cjs"),De=require("./kongponents51.cjs"),Le=require("./kongponents56.cjs"),Ue=require("./kongponents23.cjs"),Re=require("./kongponents24.cjs");;/* empty css                */const Oe=require("./kongponents193.cjs"),He=require("./kongponents194.cjs"),Ge=require("./kongponents195.cjs"),H=require("./kongponents184.cjs"),We=require("./kongponents187.cjs"),F=require("./kongponents178.cjs"),Je=require("./kongponents196.cjs"),Ze=require("./kongponents172.cjs"),je=require("./kongponents197.cjs"),Qe=require("./kongponents153.cjs"),me=require("./kongponents175.cjs"),Xe={"data-testid":"multiselect-container"},Ye=["id","tabindex"],_e={key:0},et={key:1,class:"expanded-selection-empty"},tt={class:"multiselect-selection-badge-label"},lt=["aria-label","onClick"],at={class:"multiselect-icons-container"},ot={key:0,class:"multiselect-input-wrapper"},st={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},ut={key:1,class:"help-text"},nt={key:2,"aria-hidden":"true",class:"staging-area"},it={class:"multiselect-selection-badge-label"},rt=36,ct="Filter...",dt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:s=>s.items.filter(P=>P.label?.toLowerCase().includes(s.query?.toLowerCase()))},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(s,{emit:P}){e.useCssVars(t=>({v9681db56:Be.value}));const pe=t=>{const l=[],o=a=>{"value"in a?l.push(a.value):"items"in a&&Array.isArray(a.items)&&a.items.forEach(n=>l.push(n.value))};return t.forEach(o),l},he=t=>{const l=pe(t),o=new Set(l);return l.length===o.size},ge=t=>{for(const l of t)if("value"in l){if(l.label===void 0||l.value===void 0)return!1}else if("items"in l&&Array.isArray(l.items)){if(l.label===void 0)return!1;for(const o of l.items)if(o.label===void 0||o.value===void 0)return!1}return!0},h=e.useAttrs(),G=e.useSlots(),{cloneDeep:q,stripRequiredLabel:ye}=Pe.default();e.watch(()=>s.items,t=>{!t.length||ge(t)&&he(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const g=P,W=e.useTemplateRef("kMultiselectItems"),J=e.computed(()=>h.required!==void 0&&String(h.required)!=="false"),be=e.computed(()=>ye(s.label,J.value)),ke=e.computed(()=>!!(s.labelAttributes?.help||s.labelAttributes?.info||G["label-tooltip"])),Z=t=>I.value||S.value||t?.disabled?"neutral":s.error?"danger":"info",j={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},K=e.ref(0),B=e.ref(0),we=e.useId(),Q=e.computed(()=>h.id?String(h.id):we),X=e.useId(),$=e.useTemplateRef("multiselectElement"),Ce=e.useTemplateRef("multiselectDropdownInputElement"),Y=e.useTemplateRef("multiselectSelectionsStagingElement"),D=e.computed(()=>s.selectedRowCount*rt),f=e.ref(""),_=e.computed(()=>!(!f.value||r.value.filter(t=>t.label===f.value).length)),C=e.ref(null),r=e.ref([]),y=e.ref([]),z=e.ref([]),c=e.ref([]),v=e.ref([]),p=e.ref([]),k=new Set,L=e.ref([]),V=e.ref([]),Se=e.computed(()=>V.value.map(t=>t.label).join(", ")),ee=e.ref(!1),N=e.ref(!1),U=e.ref(!1),I=e.computed(()=>h?.disabled!==void 0&&String(h?.disabled)!=="false"),S=e.computed(()=>h?.readonly!==void 0&&String(h?.readonly)!=="false"),Ie=e.computed({get(){return s.modelValue},set(t){const l=r.value.filter(o=>t.includes(o.value));l.length?se(l):t.length||O()}}),xe=e.computed(()=>{const t={...h};return delete t.class,t}),Ee=e.computed(()=>({...j,...s.kpopAttributes,popoverClasses:`${j.popoverClasses} ${s.kpopAttributes?.popoverClasses??""} ${s.dropdownFooterText||G["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:A.value+"px",maxWidth:A.value+"px",disabled:h.disabled!==void 0&&String(h.disabled)!=="false"||h.readonly!==void 0&&String(h.readonly)!=="false"})),Be=e.computed(()=>me.normalizeSize(s.dropdownMaxHeight)),Ve=e.computed(()=>({...Ee.value})),Ne=e.computed(()=>{const t=s.width?s.width:"300";return me.normalizeSize(t)}),Ae=e.computed(()=>({width:Ne.value})),te=e.computed(()=>({width:A.value+"px"})),le=e.computed(()=>{if(c.value.length===0){if(!s.collapsedContext&&s.placeholder)return s.placeholder;if(s.collapsedContext&&s.searchPlaceholder)return s.searchPlaceholder}return c.value.length===1?`${c.value.length} item selected`:`${c.value.length} items selected`}),qe=e.computed(()=>s.autosuggest?r.value:s.filterFunction({items:r.value,query:f.value})),ae=e.computed(()=>{if(s.autosuggest||!f.value)return y.value;const t=qe.value,l=new Set(t.map(a=>a.value)),o=[];for(const a of y.value)if(w(a)){const n=a.items.filter(u=>l.has(u.value));n.length>0&&o.push({label:a.label,key:a.key,items:n})}else l.has(a.value)&&o.push(a);return o}),Ke=t=>{(I.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},oe=async(t,l,o)=>{t?l.value||(f.value="",o(),ie(),await e.nextTick(),Ce.value?.$el?.querySelector("input")?.focus({preventScroll:!0})):l.value&&(f.value="",o())},E=()=>{setTimeout(()=>{const t=Y.value;if(s.collapsedContext){B.value++;return}if(t){if(t.clientHeight>D.value){const o=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(u=>u.offsetTop>=D.value),a=v.value.length-o.length,n=v.value.splice(a,o.length);for(const u of n)k.has(u.value)||(k.add(u.value),p.value.push(u))}B.value++}},0)},se=t=>{t.forEach(l=>{const o=r.value.filter(a=>a.value===l.value)?.[0]||null;o&&(o.selected=!0,c.value.filter(a=>a.value===o.value).length||(c.value.push(o),v.value.push(o)))}),E()},$e=(t,l=!1)=>{const o=new Set(t.map(a=>a.value));c.value=c.value.filter(a=>!o.has(a.value)),v.value=v.value.filter(a=>!o.has(a.value)),p.value=p.value.filter(a=>!o.has(a.value)),t.forEach(a=>{if(k.delete(a.value),a.selected=!1,p.value.length){const n=p.value.pop();n&&(v.value.push(n),k.delete(n.value))}s.enableItemCreation&&a.custom&&(r.value=r.value.filter(n=>n.value!==a.value),y.value=y.value.filter(n=>w(n)?!0:n.value!==a.value),g("item-removed",a))}),l&&E()},R=(t,l)=>{let o=!1,a=l?t:r.value.filter(u=>u.value===t.value)?.[0]||null;if(s.enableItemCreation&&a?.custom&&(o=!0),a===null&&(a=c.value.filter(u=>u.value===t.value)?.[0]||null),a===null)return;if(a.selected){if(c.value=c.value.filter(u=>u.value!==t.value),v.value.filter(u=>u.value===t.value).length?v.value=v.value.filter(u=>u.value!==t.value):k.delete(t.value)&&(p.value=p.value.filter(u=>u.value!==t.value)),a.selected=!1,p.value.length){const u=p.value.pop();u&&(v.value.push(u),k.delete(u.value))}o&&(r.value=r.value.filter(u=>u.value!==t.value),y.value=y.value.filter(u=>w(u)?!0:u.value!==t.value),g("item-removed",t))}else a.selected=!0,c.value.push(a),v.value.push(a),l&&(a.custom=!0,r.value.push(a),y.value.unshift(a));E();const n=c.value.map(u=>u.value);g("selected",c.value),g("change",a),g("update:modelValue",n)},ue=t=>{s.enableItemCreation&&ne(),t.preventDefault()},ne=()=>{if(!s.enableItemCreation||!f.value||!_.value||!s.itemCreationValidator(f.value))return;const t=r.value.length+1,l={label:f.value.trim(),value:Qe.getUniqueStringId(),key:`${Ze.sanitizeInput(f.value.trim()).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`};g("item-added",l),R(l,!0),f.value=""},w=t=>"items"in t&&Array.isArray(t.items),ie=()=>{const t=[],l=[],o=[];for(const u of ae.value)w(u)?o.push(u):l.push(u);const a=l.filter(u=>u.selected),n=l.filter(u=>!u.selected);t.push(...a,...n);for(const u of o){const i=u.items.filter(m=>m.selected),b=u.items.filter(m=>!m.selected);t.push({label:u.label,key:u.key,items:[...i,...b]})}z.value=t},O=()=>{r.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&g("item-removed",l))}),r.value=r.value.filter(l=>!(l.custom&&!l.disabled)),y.value=y.value.filter(l=>w(l)?!0:!(l.custom&&!l.disabled)),c.value=c.value.filter(l=>l.disabled),v.value=v.value.filter(l=>l.disabled),p.value=p.value.filter(l=>(l.disabled||k.delete(l.value),l.disabled)),f.value="",E();const t=c.value.map(l=>l.value);g("selected",c.value),g("update:modelValue",t),g("query-change","")},re=t=>{f.value=t.trim(),g("query-change",t.trim())},ze=(t,l)=>{t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&W.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ce=()=>{C.value?.showPopover()},Me=t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&W.value?.setFocus(t.key==="ArrowDown"?"down":"up")},Te=async()=>{U.value=!0,de()},de=()=>{ee.value||(ee.value=!0,g("query-change",""))};e.watch(B,()=>{setTimeout(()=>{const t=Y.value;if(s.collapsedContext){L.value=q(v.value),V.value=[],K.value++;return}if(t)if(t.clientHeight>D.value){const o=v.value.pop();o&&!k.has(o.value)&&(p.value.push(o),k.add(o.value)),B.value++}else L.value=q(v.value),V.value=q(p.value),K.value++},0)}),e.watch(K,async()=>{C.value&&typeof C.value.updatePopper=="function"&&(await e.nextTick(),C.value.updatePopper())}),e.watch(ae,()=>{ie()}),e.watch(Ie,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){if(!t.length){O();return}const o=new Set(l),a=new Set(t),n=r.value.filter(i=>a.has(i.value)),u=c.value.filter(i=>!a.has(i.value)&&o.has(i.value));u.length&&$e(u),n.length&&se(n)}}),e.watch(()=>s.items,(t,l)=>{if(JSON.stringify(t)===JSON.stringify(l))return;const o=q(s.items),a=o.some(i=>w(i)),n=[],u=[];if(a)for(const i of o)w(i)?n.push(...i.items):n.push(i);else{const i=new Map;for(const d of o)w(d)||(d.group&&(i.has(d.group)||i.set(d.group,[]),i.get(d.group).push(d)),n.push(d));const b=Array.from(i.keys()).sort((d,x)=>d.toLowerCase().localeCompare(x.toLowerCase())),m=n.filter(d=>!d.group);u.push(...m);for(const d of b)u.push({label:d,items:i.get(d)})}r.value=n;for(let i=0;i<r.value.length;i++){r.value[i].selected===void 0&&(r.value[i].selected=!1);let b=`${r.value[i].label?.replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${i}`;if(b.includes("undefined")&&(b=`multiselect-item-label-${i}`),r.value[i].key=b,s.modelValue.includes(r.value[i].value)||r.value[i].selected){const m=r.value[i];m.selected=!0,c.value.filter(d=>d.value===m.value).length||c.value.push(m),v.value.filter(d=>d.value===m.value).length||v.value.push(m)}}if(a){const i=[],b=[];for(const m of o)if(w(m)){const d=m.items.map(x=>r.value.find(Fe=>Fe.value===x.value)).filter(x=>x!==void 0);b.push({label:m.label,key:m.key,items:d})}else{const d=r.value.find(x=>x.value===m.value);d&&i.push(d)}u.push(...i,...b)}y.value=u,E(),C.value&&typeof C.value.updatePopper=="function"&&e.nextTick(()=>{C.value.updatePopper()})},{deep:!0,immediate:!0});const A=e.ref(300),ve=async()=>{A.value=300,await e.nextTick(),A.value=$.value?.clientWidth||300,E()},M=e.ref();return e.onMounted(()=>{je.useEventListener("resize",ve),M.value=Je.ResizeObserverHelper.create(ve),M.value.observe($.value)}),e.onBeforeUnmount(()=>{M.value&&$.value&&M.value.unobserve($.value)}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":s.error}]]),style:e.normalizeStyle(Ae.value)},[s.label?(e.openBlock(),e.createBlock(De.default,e.mergeProps({key:0},s.labelAttributes,{"data-testid":s.labelAttributes["data-testid"]?s.labelAttributes["data-testid"]:"multiselect-label",for:Q.value,required:J.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value)+" ",1)]),_:2},[ke.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Xe,[e.createVNode(Ue.default,null,{default:e.withCtx(({isToggled:o,toggle:a})=>[e.createVNode(Le.default,e.mergeProps({ref_key:"popper",ref:C,"hide-close-icon":"",offset:e.unref(F.KUI_SPACE_40)},Ve.value,{onClose:()=>oe(!1,o,a),onOpen:()=>oe(!0,o,a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>N.value=!0),onMouseleave:l[9]||(l[9]=()=>N.value=!1)},[!s.collapsedContext&&!S.value?(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(fe.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":f.value,name:"multiselect-options-search",placeholder:s.searchPlaceholder||ct,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:de,onKeydown:e.withKeys(ue,["enter"]),onKeyup:[Me,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":re},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(Oe.default,{ref:"kMultiselectItems","filter-string":f.value,"item-creation-enabled":s.enableItemCreation&&_.value,"item-creation-valid":s.itemCreationValidator(f.value),items:z.value,onAddItem:ne,onSelected:R},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!s.enableItemCreation?(e.openBlock(),e.createBlock(He.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!s.loading&&!z.value.length?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),s.dropdownFooterText||t.$slots["dropdown-footer-text"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${s.dropdownFooterTextPosition}`]),"data-testid":"dropdown-footer"},[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(s.dropdownFooterText),1)],!0)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:Q.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:U.value,hovered:N.value,disabled:I.value,readonly:S.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:I.value||S.value||s.collapsedContext?-1:0},xe.value,{onClick:Ke,onKeydown:[e.withKeys(ce,["enter"]),e.withKeys(ce,["space"])]}),[s.collapsedContext?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(fe.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":S.value}]),"data-testid":"multiselect-input",disabled:I.value,"model-value":f.value,name:"multiselect-options-search",placeholder:le.value,readonly:S.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>U.value=!1),onClick:n=>{o.value&&n.stopPropagation()},onFocus:Te,onKeydown:e.withKeys(ue,["enter"]),onKeyup:n=>ze(n,o),onMouseenter:l[1]||(l[1]=()=>N.value=!0),onMouseleave:l[2]||(l[2]=()=>N.value=!1),"onUpdate:modelValue":re},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):c.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(te.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(n,u)=>(e.openBlock(),e.createBlock(T.default,{key:`${e.unref(X)}-${n.key?n.key:u}-badge-${K.value}`,appearance:Z(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",tt,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!I.value&&!S.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:i=>R(n)},[e.createVNode(e.unref(H.default),{decorative:""})],8,lt)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),V.value.length?(e.openBlock(),e.createBlock(Re.default,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Se.value},{default:e.withCtx(()=>[e.createVNode(T.default,{appearance:Z(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(V.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(le.value),1)),e.createElementVNode("div",at,[!s.loading&&c.value.length&&o.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:O},[e.createVNode(e.unref(H.default),{size:e.unref(F.KUI_ICON_SIZE_40)},null,8,["size"])])):s.loading?(e.openBlock(),e.createBlock(e.unref(We.default),{key:1,class:"multiselect-loading-icon",size:e.unref(F.KUI_ICON_SIZE_40),title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Ge.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:e.unref(F.KUI_ICON_SIZE_40)},null,8,["size"]))])],16,Ye)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),s.help?(e.openBlock(),e.createElementBlock("p",ut,e.toDisplayString(s.help),1)):e.createCommentVNode("",!0),s.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(),e.createElementBlock("div",{key:B.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(te.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(o,a)=>(e.openBlock(),e.createBlock(T.default,{key:`${e.unref(X)}-${o.key?o.key:a}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:o},void 0,!0),e.createElementVNode("span",it,e.toDisplayString(o.label),1)]),_:2},[o.selected&&!o.disabled&&!I.value&&!S.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(H.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode(T.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(p.value.length),1)]),_:1})],4))]))],6))}});exports.default=dt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Pe=require("./kongponents183.cjs"),T=require("./kongponents30.cjs"),fe=require("./kongponents49.cjs"),De=require("./kongponents51.cjs"),Le=require("./kongponents56.cjs"),Ue=require("./kongponents23.cjs"),Re=require("./kongponents24.cjs");;/* empty css                */const Oe=require("./kongponents239.cjs"),He=require("./kongponents240.cjs"),Ge=require("./kongponents188.cjs"),H=require("./kongponents176.cjs"),We=require("./kongponents199.cjs"),F=require("./kongponents181.cjs"),Je=require("./kongponents190.cjs"),Ze=require("./kongponents172.cjs"),je=require("./kongponents184.cjs"),Qe=require("./kongponents153.cjs"),me=require("./kongponents182.cjs"),Xe={"data-testid":"multiselect-container"},Ye=["id","tabindex"],_e={key:0},et={key:1,class:"expanded-selection-empty"},tt={class:"multiselect-selection-badge-label"},lt=["aria-label","onClick"],at={class:"multiselect-icons-container"},ot={key:0,class:"multiselect-input-wrapper"},st={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},ut={key:1,class:"help-text"},nt={key:2,"aria-hidden":"true",class:"staging-area"},it={class:"multiselect-selection-badge-label"},rt=36,ct="Filter...",dt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:s=>s.items.filter(P=>P.label?.toLowerCase().includes(s.query?.toLowerCase()))},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{default:"sticky"},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(s,{emit:P}){e.useCssVars(t=>({v9681db56:Be.value}));const pe=t=>{const l=[],o=a=>{"value"in a?l.push(a.value):"items"in a&&Array.isArray(a.items)&&a.items.forEach(n=>l.push(n.value))};return t.forEach(o),l},he=t=>{const l=pe(t),o=new Set(l);return l.length===o.size},ge=t=>{for(const l of t)if("value"in l){if(l.label===void 0||l.value===void 0)return!1}else if("items"in l&&Array.isArray(l.items)){if(l.label===void 0)return!1;for(const o of l.items)if(o.label===void 0||o.value===void 0)return!1}return!0},h=e.useAttrs(),G=e.useSlots(),{cloneDeep:q,stripRequiredLabel:ye}=Pe.default();e.watch(()=>s.items,t=>{!t.length||ge(t)&&he(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const g=P,W=e.useTemplateRef("kMultiselectItems"),J=e.computed(()=>h.required!==void 0&&String(h.required)!=="false"),be=e.computed(()=>ye(s.label,J.value)),ke=e.computed(()=>!!(s.labelAttributes?.help||s.labelAttributes?.info||G["label-tooltip"])),Z=t=>I.value||S.value||t?.disabled?"neutral":s.error?"danger":"info",j={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},K=e.ref(0),B=e.ref(0),we=e.useId(),Q=e.computed(()=>h.id?String(h.id):we),X=e.useId(),$=e.useTemplateRef("multiselectElement"),Ce=e.useTemplateRef("multiselectDropdownInputElement"),Y=e.useTemplateRef("multiselectSelectionsStagingElement"),D=e.computed(()=>s.selectedRowCount*rt),f=e.ref(""),_=e.computed(()=>!(!f.value||r.value.filter(t=>t.label===f.value).length)),C=e.ref(null),r=e.ref([]),y=e.ref([]),z=e.ref([]),c=e.ref([]),v=e.ref([]),p=e.ref([]),k=new Set,L=e.ref([]),V=e.ref([]),Se=e.computed(()=>V.value.map(t=>t.label).join(", ")),ee=e.ref(!1),N=e.ref(!1),U=e.ref(!1),I=e.computed(()=>h?.disabled!==void 0&&String(h?.disabled)!=="false"),S=e.computed(()=>h?.readonly!==void 0&&String(h?.readonly)!=="false"),Ie=e.computed({get(){return s.modelValue},set(t){const l=r.value.filter(o=>t.includes(o.value));l.length?se(l):t.length||O()}}),xe=e.computed(()=>{const t={...h};return delete t.class,t}),Ee=e.computed(()=>({...j,...s.kpopAttributes,popoverClasses:`${j.popoverClasses} ${s.kpopAttributes?.popoverClasses??""} ${s.dropdownFooterText||G["dropdown-footer-text"]?"has-dropdown-footer":""}`,width:A.value+"px",maxWidth:A.value+"px",disabled:h.disabled!==void 0&&String(h.disabled)!=="false"||h.readonly!==void 0&&String(h.readonly)!=="false"})),Be=e.computed(()=>me.normalizeSize(s.dropdownMaxHeight)),Ve=e.computed(()=>({...Ee.value})),Ne=e.computed(()=>{const t=s.width?s.width:"300";return me.normalizeSize(t)}),Ae=e.computed(()=>({width:Ne.value})),te=e.computed(()=>({width:A.value+"px"})),le=e.computed(()=>{if(c.value.length===0){if(!s.collapsedContext&&s.placeholder)return s.placeholder;if(s.collapsedContext&&s.searchPlaceholder)return s.searchPlaceholder}return c.value.length===1?`${c.value.length} item selected`:`${c.value.length} items selected`}),qe=e.computed(()=>s.autosuggest?r.value:s.filterFunction({items:r.value,query:f.value})),ae=e.computed(()=>{if(s.autosuggest||!f.value)return y.value;const t=qe.value,l=new Set(t.map(a=>a.value)),o=[];for(const a of y.value)if(w(a)){const n=a.items.filter(u=>l.has(u.value));n.length>0&&o.push({label:a.label,key:a.key,items:n})}else l.has(a.value)&&o.push(a);return o}),Ke=t=>{(I.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},oe=async(t,l,o)=>{t?l.value||(f.value="",o(),ie(),await e.nextTick(),Ce.value?.$el?.querySelector("input")?.focus({preventScroll:!0})):l.value&&(f.value="",o())},E=()=>{setTimeout(()=>{const t=Y.value;if(s.collapsedContext){B.value++;return}if(t){if(t.clientHeight>D.value){const o=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(u=>u.offsetTop>=D.value),a=v.value.length-o.length,n=v.value.splice(a,o.length);for(const u of n)k.has(u.value)||(k.add(u.value),p.value.push(u))}B.value++}},0)},se=t=>{t.forEach(l=>{const o=r.value.filter(a=>a.value===l.value)?.[0]||null;o&&(o.selected=!0,c.value.filter(a=>a.value===o.value).length||(c.value.push(o),v.value.push(o)))}),E()},$e=(t,l=!1)=>{const o=new Set(t.map(a=>a.value));c.value=c.value.filter(a=>!o.has(a.value)),v.value=v.value.filter(a=>!o.has(a.value)),p.value=p.value.filter(a=>!o.has(a.value)),t.forEach(a=>{if(k.delete(a.value),a.selected=!1,p.value.length){const n=p.value.pop();n&&(v.value.push(n),k.delete(n.value))}s.enableItemCreation&&a.custom&&(r.value=r.value.filter(n=>n.value!==a.value),y.value=y.value.filter(n=>w(n)?!0:n.value!==a.value),g("item-removed",a))}),l&&E()},R=(t,l)=>{let o=!1,a=l?t:r.value.filter(u=>u.value===t.value)?.[0]||null;if(s.enableItemCreation&&a?.custom&&(o=!0),a===null&&(a=c.value.filter(u=>u.value===t.value)?.[0]||null),a===null)return;if(a.selected){if(c.value=c.value.filter(u=>u.value!==t.value),v.value.filter(u=>u.value===t.value).length?v.value=v.value.filter(u=>u.value!==t.value):k.delete(t.value)&&(p.value=p.value.filter(u=>u.value!==t.value)),a.selected=!1,p.value.length){const u=p.value.pop();u&&(v.value.push(u),k.delete(u.value))}o&&(r.value=r.value.filter(u=>u.value!==t.value),y.value=y.value.filter(u=>w(u)?!0:u.value!==t.value),g("item-removed",t))}else a.selected=!0,c.value.push(a),v.value.push(a),l&&(a.custom=!0,r.value.push(a),y.value.unshift(a));E();const n=c.value.map(u=>u.value);g("selected",c.value),g("change",a),g("update:modelValue",n)},ue=t=>{s.enableItemCreation&&ne(),t.preventDefault()},ne=()=>{if(!s.enableItemCreation||!f.value||!_.value||!s.itemCreationValidator(f.value))return;const t=r.value.length+1,l={label:f.value.trim(),value:Qe.getUniqueStringId(),key:`${Ze.sanitizeInput(f.value.trim()).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`};g("item-added",l),R(l,!0),f.value=""},w=t=>"items"in t&&Array.isArray(t.items),ie=()=>{const t=[],l=[],o=[];for(const u of ae.value)w(u)?o.push(u):l.push(u);const a=l.filter(u=>u.selected),n=l.filter(u=>!u.selected);t.push(...a,...n);for(const u of o){const i=u.items.filter(m=>m.selected),b=u.items.filter(m=>!m.selected);t.push({label:u.label,key:u.key,items:[...i,...b]})}z.value=t},O=()=>{r.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&g("item-removed",l))}),r.value=r.value.filter(l=>!(l.custom&&!l.disabled)),y.value=y.value.filter(l=>w(l)?!0:!(l.custom&&!l.disabled)),c.value=c.value.filter(l=>l.disabled),v.value=v.value.filter(l=>l.disabled),p.value=p.value.filter(l=>(l.disabled||k.delete(l.value),l.disabled)),f.value="",E();const t=c.value.map(l=>l.value);g("selected",c.value),g("update:modelValue",t),g("query-change","")},re=t=>{f.value=t.trim(),g("query-change",t.trim())},ze=(t,l)=>{t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&W.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ce=()=>{C.value?.showPopover()},Me=t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&W.value?.setFocus(t.key==="ArrowDown"?"down":"up")},Te=async()=>{U.value=!0,de()},de=()=>{ee.value||(ee.value=!0,g("query-change",""))};e.watch(B,()=>{setTimeout(()=>{const t=Y.value;if(s.collapsedContext){L.value=q(v.value),V.value=[],K.value++;return}if(t)if(t.clientHeight>D.value){const o=v.value.pop();o&&!k.has(o.value)&&(p.value.push(o),k.add(o.value)),B.value++}else L.value=q(v.value),V.value=q(p.value),K.value++},0)}),e.watch(K,async()=>{C.value&&typeof C.value.updatePopper=="function"&&(await e.nextTick(),C.value.updatePopper())}),e.watch(ae,()=>{ie()}),e.watch(Ie,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){if(!t.length){O();return}const o=new Set(l),a=new Set(t),n=r.value.filter(i=>a.has(i.value)),u=c.value.filter(i=>!a.has(i.value)&&o.has(i.value));u.length&&$e(u),n.length&&se(n)}}),e.watch(()=>s.items,(t,l)=>{if(JSON.stringify(t)===JSON.stringify(l))return;const o=q(s.items),a=o.some(i=>w(i)),n=[],u=[];if(a)for(const i of o)w(i)?n.push(...i.items):n.push(i);else{const i=new Map;for(const d of o)w(d)||(d.group&&(i.has(d.group)||i.set(d.group,[]),i.get(d.group).push(d)),n.push(d));const b=Array.from(i.keys()).sort((d,x)=>d.toLowerCase().localeCompare(x.toLowerCase())),m=n.filter(d=>!d.group);u.push(...m);for(const d of b)u.push({label:d,items:i.get(d)})}r.value=n;for(let i=0;i<r.value.length;i++){r.value[i].selected===void 0&&(r.value[i].selected=!1);let b=`${r.value[i].label?.replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${i}`;if(b.includes("undefined")&&(b=`multiselect-item-label-${i}`),r.value[i].key=b,s.modelValue.includes(r.value[i].value)||r.value[i].selected){const m=r.value[i];m.selected=!0,c.value.filter(d=>d.value===m.value).length||c.value.push(m),v.value.filter(d=>d.value===m.value).length||v.value.push(m)}}if(a){const i=[],b=[];for(const m of o)if(w(m)){const d=m.items.map(x=>r.value.find(Fe=>Fe.value===x.value)).filter(x=>x!==void 0);b.push({label:m.label,key:m.key,items:d})}else{const d=r.value.find(x=>x.value===m.value);d&&i.push(d)}u.push(...i,...b)}y.value=u,E(),C.value&&typeof C.value.updatePopper=="function"&&e.nextTick(()=>{C.value.updatePopper()})},{deep:!0,immediate:!0});const A=e.ref(300),ve=async()=>{A.value=300,await e.nextTick(),A.value=$.value?.clientWidth||300,E()},M=e.ref();return e.onMounted(()=>{je.useEventListener("resize",ve),M.value=Je.ResizeObserverHelper.create(ve),M.value.observe($.value)}),e.onBeforeUnmount(()=>{M.value&&$.value&&M.value.unobserve($.value)}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":s.error}]]),style:e.normalizeStyle(Ae.value)},[s.label?(e.openBlock(),e.createBlock(De.default,e.mergeProps({key:0},s.labelAttributes,{"data-testid":s.labelAttributes["data-testid"]?s.labelAttributes["data-testid"]:"multiselect-label",for:Q.value,required:J.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value)+" ",1)]),_:2},[ke.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Xe,[e.createVNode(Ue.default,null,{default:e.withCtx(({isToggled:o,toggle:a})=>[e.createVNode(Le.default,e.mergeProps({ref_key:"popper",ref:C,"hide-close-icon":"",offset:e.unref(F.KUI_SPACE_40)},Ve.value,{onClose:()=>oe(!1,o,a),onOpen:()=>oe(!0,o,a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>N.value=!0),onMouseleave:l[9]||(l[9]=()=>N.value=!1)},[!s.collapsedContext&&!S.value?(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(fe.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":f.value,name:"multiselect-options-search",placeholder:s.searchPlaceholder||ct,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:de,onKeydown:e.withKeys(ue,["enter"]),onKeyup:[Me,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":re},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(Oe.default,{ref:"kMultiselectItems","filter-string":f.value,"item-creation-enabled":s.enableItemCreation&&_.value,"item-creation-valid":s.itemCreationValidator(f.value),items:z.value,onAddItem:ne,onSelected:R},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!s.enableItemCreation?(e.openBlock(),e.createBlock(He.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!s.loading&&!z.value.length?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),s.dropdownFooterText||t.$slots["dropdown-footer-text"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${s.dropdownFooterTextPosition}`]),"data-testid":"dropdown-footer"},[e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(s.dropdownFooterText),1)],!0)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:Q.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:U.value,hovered:N.value,disabled:I.value,readonly:S.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:I.value||S.value||s.collapsedContext?-1:0},xe.value,{onClick:Ke,onKeydown:[e.withKeys(ce,["enter"]),e.withKeys(ce,["space"])]}),[s.collapsedContext?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(fe.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":S.value}]),"data-testid":"multiselect-input",disabled:I.value,"model-value":f.value,name:"multiselect-options-search",placeholder:le.value,readonly:S.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>U.value=!1),onClick:n=>{o.value&&n.stopPropagation()},onFocus:Te,onKeydown:e.withKeys(ue,["enter"]),onKeyup:n=>ze(n,o),onMouseenter:l[1]||(l[1]=()=>N.value=!0),onMouseleave:l[2]||(l[2]=()=>N.value=!1),"onUpdate:modelValue":re},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):c.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(te.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(n,u)=>(e.openBlock(),e.createBlock(T.default,{key:`${e.unref(X)}-${n.key?n.key:u}-badge-${K.value}`,appearance:Z(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",tt,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!I.value&&!S.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:i=>R(n)},[e.createVNode(e.unref(H.default),{decorative:""})],8,lt)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),V.value.length?(e.openBlock(),e.createBlock(Re.default,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Se.value},{default:e.withCtx(()=>[e.createVNode(T.default,{appearance:Z(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(V.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(le.value),1)),e.createElementVNode("div",at,[!s.loading&&c.value.length&&o.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:O},[e.createVNode(e.unref(H.default),{size:e.unref(F.KUI_ICON_SIZE_40)},null,8,["size"])])):s.loading?(e.openBlock(),e.createBlock(e.unref(We.default),{key:1,class:"multiselect-loading-icon",size:e.unref(F.KUI_ICON_SIZE_40),title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Ge.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:e.unref(F.KUI_ICON_SIZE_40)},null,8,["size"]))])],16,Ye)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),s.help?(e.openBlock(),e.createElementBlock("p",ut,e.toDisplayString(s.help),1)):e.createCommentVNode("",!0),s.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(),e.createElementBlock("div",{key:B.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(te.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(o,a)=>(e.openBlock(),e.createBlock(T.default,{key:`${e.unref(X)}-${o.key?o.key:a}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:o},void 0,!0),e.createElementVNode("span",it,e.toDisplayString(o.label),1)]),_:2},[o.selected&&!o.disabled&&!I.value&&!S.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(H.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode(T.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(p.value.length),1)]),_:1})],4))]))],6))}});exports.default=dt;

package/dist/kongponents123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents43.cjs"),x=require("./kongponents32.cjs"),j=require("./kongponents198.cjs"),L=require("./kongponents199.cjs"),U=require("./kongponents195.cjs"),W=require("./kongponents200.cjs"),R=require("./kongponents196.cjs"),Z=require("./kongponents173.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ue={class:"pagination-text-pages"},ie=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,f=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),s=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),o=e.computed(()=>Math.ceil(t.totalCount/s.value)),P=t.pageSizes.map((a,u)=>({label:`${a}`,key:`size-${u}`,value:a,selected:a===s.value})),q=e.computed(()=>`${s.value} ${s.value===1?"item per page":" items per page"}`),n=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),f.value?f.value.scrollWidth>f.value.clientWidth:!1),z=async()=>{await G()&&(n.value>1||r.value>1)&&(n.value>1?n.value--:r.value>1&&r.value--,b.value=y(l.value,o.value,g.value,c.value))},y=(a,u,i,S)=>{if(t.disablePageJump)return[];let d=[...Array(u).keys()].map(v=>v+1);const H=r.value+2+2*n.value;return d.length<=H||(i?i&&S?d=d.filter(v=>v>a-n.value-1&&v<a+n.value+1):i&&!S&&(d=d.filter(v=>v>u-n.value*2-r.value)):d=d.filter(v=>v<=n.value*2+r.value)),d},V=e.ref(l.value===1),B=e.ref(l.value===o.value),h=e.computed(()=>(l.value-1)*s.value+1),N=e.computed(()=>{const a=h.value-1+s.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),m=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*n.value),g=e.ref(m.value>=n.value+(r.value+1)&&o.value>O.value),c=e.ref(o.value>r.value+2+2*n.value),b=e.ref(y(m.value,o.value,g.value,c.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*s.value+s.value;B.value=a>=t.totalCount,V.value=l.value===1,o.value<=O.value?(g.value=!1,c.value=!1):(g.value=l.value>=n.value+(r.value+1),c.value=l.value<=o.value-n.value-r.value),b.value=y(l.value,o.value,g.value,c.value),k("pageChange",{page:l.value,pageCount:o.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{s.value!==a.value&&(s.value=a.value,k("pageSizeChange",{pageSize:s.value,pageCount:o.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,u)=>{a!==u&&a&&p(a)}),e.watch(o,(a,u)=>{a!==u&&(B.value=l.value===a,c.value=a>r.value+2+2*n.value,b.value=y(m.value,a,!1,c.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(f.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(f.value)}),(a,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:f,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:u[0]||(u[0]=i=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,i=>(e.openBlock(),e.createElementBlock("li",{key:i},[e.createElementVNode("button",{"aria-current":i==m.value&&"page"||void 0,"aria-label":`Go to page ${i}`,class:e.normalizeClass(["pagination-button",{active:i==m.value}]),"data-testid":`page-${i}-button`,type:"button",onClick:S=>p(i)},e.toDisplayString(i),11,te)]))),128)),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:u[1]||(u[1]=i=>p(o.value))},e.toDisplayString(o.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ue,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents43.cjs"),x=require("./kongponents32.cjs"),j=require("./kongponents186.cjs"),L=require("./kongponents187.cjs"),U=require("./kongponents188.cjs"),W=require("./kongponents189.cjs"),R=require("./kongponents190.cjs"),Z=require("./kongponents173.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ue={class:"pagination-text-pages"},ie=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,f=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),s=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),o=e.computed(()=>Math.ceil(t.totalCount/s.value)),P=t.pageSizes.map((a,u)=>({label:`${a}`,key:`size-${u}`,value:a,selected:a===s.value})),q=e.computed(()=>`${s.value} ${s.value===1?"item per page":" items per page"}`),n=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),f.value?f.value.scrollWidth>f.value.clientWidth:!1),z=async()=>{await G()&&(n.value>1||r.value>1)&&(n.value>1?n.value--:r.value>1&&r.value--,b.value=y(l.value,o.value,g.value,c.value))},y=(a,u,i,S)=>{if(t.disablePageJump)return[];let d=[...Array(u).keys()].map(v=>v+1);const H=r.value+2+2*n.value;return d.length<=H||(i?i&&S?d=d.filter(v=>v>a-n.value-1&&v<a+n.value+1):i&&!S&&(d=d.filter(v=>v>u-n.value*2-r.value)):d=d.filter(v=>v<=n.value*2+r.value)),d},V=e.ref(l.value===1),B=e.ref(l.value===o.value),h=e.computed(()=>(l.value-1)*s.value+1),N=e.computed(()=>{const a=h.value-1+s.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),m=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*n.value),g=e.ref(m.value>=n.value+(r.value+1)&&o.value>O.value),c=e.ref(o.value>r.value+2+2*n.value),b=e.ref(y(m.value,o.value,g.value,c.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*s.value+s.value;B.value=a>=t.totalCount,V.value=l.value===1,o.value<=O.value?(g.value=!1,c.value=!1):(g.value=l.value>=n.value+(r.value+1),c.value=l.value<=o.value-n.value-r.value),b.value=y(l.value,o.value,g.value,c.value),k("pageChange",{page:l.value,pageCount:o.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{s.value!==a.value&&(s.value=a.value,k("pageSizeChange",{pageSize:s.value,pageCount:o.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,u)=>{a!==u&&a&&p(a)}),e.watch(o,(a,u)=>{a!==u&&(B.value=l.value===a,c.value=a>r.value+2+2*n.value,b.value=y(m.value,a,!1,c.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(f.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(f.value)}),(a,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:f,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:u[0]||(u[0]=i=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&g.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,i=>(e.openBlock(),e.createElementBlock("li",{key:i},[e.createElementVNode("button",{"aria-current":i==m.value&&"page"||void 0,"aria-label":`Go to page ${i}`,class:e.normalizeClass(["pagination-button",{active:i==m.value}]),"data-testid":`page-${i}-button`,type:"button",onClick:S=>p(i)},e.toDisplayString(i),11,te)]))),128)),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&c.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:u[1]||(u[1]=i=>p(o.value))},e.toDisplayString(o.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ue,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ie;

package/dist/kongponents125.cjs

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

package/dist/kongponents129.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("./kongponents51.cjs"),C=require("./kongponents206.cjs"),B=require("./kongponents178.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=e.computed(()=>!!(t.label||l.default)),n=e.computed(()=>k.value&&(!!t.description||!!l.description)),s=e.computed(()=>!!t.label&&(!!t.description||!!l.description)),p=e.computed(()=>!!l.tooltip),i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{c("change",t.selectedValue),c("update:modelValue",t.selectedValue)},v=e.computed(()=>{const a={...o};return delete a.class,a}),f=e.computed(()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n.value,"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:"",f.value]])},[e.createElementVNode("input",e.mergeProps({id:r.value},v.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.value}])},[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},[p.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n.value?(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.value,"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.value?(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.value?(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("./kongponents51.cjs"),C=require("./kongponents178.cjs"),B=require("./kongponents181.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=e.computed(()=>!!(t.label||l.default)),n=e.computed(()=>k.value&&(!!t.description||!!l.description)),s=e.computed(()=>!!t.label&&(!!t.description||!!l.description)),p=e.computed(()=>!!l.tooltip),i=e.computed(()=>t.selectedValue===t.modelValue),u=()=>{c("change",t.selectedValue),c("update:modelValue",t.selectedValue)},v=e.computed(()=>{const a={...o};return delete a.class,a}),f=e.computed(()=>({disabled:d.value,"radio-card":t.card||t.type==="card","input-error":t.error,checked:i.value,"has-description":n.value,"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:"",f.value]])},[e.createElementVNode("input",e.mergeProps({id:r.value},v.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.value}])},[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},[p.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"]),n.value?(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.value,"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.value?(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.value?(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/kongponents131.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents211.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("./kongponents210.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/kongponents133.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),be=require("./kongponents192.cjs"),he=require("./kongponents51.cjs"),ke=require("./kongponents49.cjs"),ye=require("./kongponents56.cjs"),ge=require("./kongponents23.cjs"),Ce=require("./kongponents204.cjs"),we=require("./kongponents205.cjs"),Se=require("./kongponents195.cjs"),Ie=require("./kongponents184.cjs"),Be=require("./kongponents187.cjs"),Fe=require("./kongponents196.cjs"),L=require("./kongponents172.cjs"),qe=require("./kongponents197.cjs"),$e=require("./kongponents153.cjs"),M=require("./kongponents175.cjs"),Ne=require("./kongponents178.cjs"),xe=["id"],Ee=["aria-live"],Ae={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},Ve={key:1,class:"select-items-container","data-propagate-clicks":"false"},Te={key:1,class:"dropdown-footer dropdown-footer-static"},Ke={key:2,class:"select-empty","data-propagate-clicks":"false"},Pe={key:0,class:"dropdown-footer dropdown-footer-sticky"},ze=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=>({v6d83f125:X.value,v40842193:F.value,v68a417c8:ee.value}));const{stripRequiredLabel:W}=be.default(),f=$,p=e.useAttrs(),k=e.useSlots(),U=e.useId(),T=e.computed(()=>p.id?String(p.id):U),N=e.ref(!1),x=e.ref(),H=e.computed(()=>!!(l.labelAttributes?.info||k["label-tooltip"])),K=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"),P={popoverClasses:`k-select-popover select-popover ${l.dropdownFooterText||k["dropdown-footer-text"]?`has-${l.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},G=e.ref(0),J=e.useTemplateRef("inputElement"),Q=e.computed(()=>W(l.label,K.value)),g=e.ref(!1),s=e.ref(""),z=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),j=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),C=e.ref(!1),E=e.useTemplateRef("popperElement"),h=e.useTemplateRef("selectWrapperElement"),Y=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?q(n[0]):t||V()}}),X=e.computed(()=>M.normalizeSize(l.width||"100%")),F=e.ref(""),Z=e.computed(()=>{const t={...p};return delete t.class,t}),_=e.computed(()=>({...P,...l.kpopAttributes,popoverClasses:`${P.popoverClasses} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value})),ee=e.computed(()=>M.normalizeSize(l.dropdownMaxHeight)),te=e.computed(()=>({..._.value})),le=e.computed(()=>l.placeholder||p.placeholder||"Select..."),oe=e.computed(()=>!y.value&&l.clearable&&!!d.value),D=e.computed(()=>!!(d.value&&(k["selected-item-template"]||l.reuseItemTemplate&&k["item-template"]))),w=t=>"items"in t&&Array.isArray(t.items),A=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(i=>i.value)),c=[];for(const i of B.value)if(w(i)){const m=i.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:i.label,key:i.key,items:m})}else a.has(i.value)&&c.push(i);return c}),ae=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},re=t=>{l.enableItemCreation&&O(),t.preventDefault()},O=()=>{if(!l.enableItemCreation||!s.value||!z.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:L.sanitizeInput(s.value),value:$e.getUniqueStringId(),key:`${L.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},V=()=>{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)},R=e.useTemplateRef("kSelectItems"),ne=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=h.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&R.value?.setFocus(t.key==="ArrowDown"?"down":"up")},se=t=>{s.value!==t&&(s.value=t)},ue=()=>{C.value=!0},ie=()=>{C.value=!1},ce=()=>{l.enableFiltering||J.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()},pe=t=>{N.value=!0,l.enableFiltering&&(s.value=""),t()};return e.watch(Y,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?q(a[0]):t||V()}}),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)),i=[],m=[];if(c)for(const o of a)w(o)?i.push(...o.items):i.push(o);else{const o=new Map;for(const u of a)w(u)||(u.group&&(o.has(u.group)||o.set(u.group,[]),o.get(u.group).push(u)),i.push(u));const S=Array.from(o.keys()).sort((u,b)=>u.toLowerCase().localeCompare(b.toLowerCase())),v=i.filter(u=>!u.group);m.push(...v);for(const u of S)m.push({label:u,items:o.get(u)})}r.value=i,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 u=v.items.map(b=>r.value.find(me=>me.value===b.value)).filter(b=>b!==void 0);S.push({label:v.label,key:v.key,items:u})}else{const u=r.value.find(b=>b.value===v.value);u&&o.push(u)}m.push(...o,...S)}B.value=m,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(()=>{h.value&&(x.value=Fe.ResizeObserverHelper.create(()=>{F.value=`${h.value?.offsetWidth}px`}),x.value.observe(h.value)),qe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!C.value&&N.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),R.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{h.value&&x.value?.unobserve(h.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(he.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:T.value,required:K.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Q.value)+" ",1)]),_:2},[H.value?{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"},te.value,{"close-on-popover-click":"","hide-close-icon":"",offset:e.unref(Ne.KUI_SPACE_40),onClose:()=>ve(a,c.value),onOpen:()=>pe(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",Ae,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(Be.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(Ce.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&z.value,"item-creation-valid":l.itemCreationValidator(s.value),items:A.value,onAddItem:O,onSelected:q},{content:e.withCtx(({item:i})=>[e.renderSlot(t.$slots,"item-template",{item:i},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!A.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&&!A.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",Ke,[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",Pe,[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(j),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:G.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":D.value&&(!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"},Z.value,{onBlur:ie,onClick:ce,onFocus:ue,onKeydown:e.withKeys(re,["enter"]),onKeypress:ae,onKeyup:[i=>ne(i,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(V,["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(()=>[D.value&&(!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=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),be=require("./kongponents183.cjs"),he=require("./kongponents51.cjs"),ke=require("./kongponents49.cjs"),ye=require("./kongponents56.cjs"),ge=require("./kongponents23.cjs"),Ce=require("./kongponents204.cjs"),we=require("./kongponents205.cjs"),Se=require("./kongponents188.cjs"),Ie=require("./kongponents176.cjs"),Be=require("./kongponents199.cjs"),Fe=require("./kongponents190.cjs"),L=require("./kongponents172.cjs"),qe=require("./kongponents184.cjs"),$e=require("./kongponents153.cjs"),M=require("./kongponents182.cjs"),Ne=require("./kongponents181.cjs"),xe=["id"],Ee=["aria-live"],Ae={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},Ve={key:1,class:"select-items-container","data-propagate-clicks":"false"},Te={key:1,class:"dropdown-footer dropdown-footer-static"},Ke={key:2,class:"select-empty","data-propagate-clicks":"false"},Pe={key:0,class:"dropdown-footer dropdown-footer-sticky"},ze=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=>({v6d83f125:X.value,v40842193:F.value,v68a417c8:ee.value}));const{stripRequiredLabel:W}=be.default(),f=$,p=e.useAttrs(),k=e.useSlots(),U=e.useId(),T=e.computed(()=>p.id?String(p.id):U),N=e.ref(!1),x=e.ref(),H=e.computed(()=>!!(l.labelAttributes?.info||k["label-tooltip"])),K=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"),P={popoverClasses:`k-select-popover select-popover ${l.dropdownFooterText||k["dropdown-footer-text"]?`has-${l.dropdownFooterTextPosition}-dropdown-footer`:""}`,popoverTimeout:0,placement:"bottom-start",hideCaret:!0},G=e.ref(0),J=e.useTemplateRef("inputElement"),Q=e.computed(()=>W(l.label,K.value)),g=e.ref(!1),s=e.ref(""),z=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),j=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),C=e.ref(!1),E=e.useTemplateRef("popperElement"),h=e.useTemplateRef("selectWrapperElement"),Y=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?q(n[0]):t||V()}}),X=e.computed(()=>M.normalizeSize(l.width||"100%")),F=e.ref(""),Z=e.computed(()=>{const t={...p};return delete t.class,t}),_=e.computed(()=>({...P,...l.kpopAttributes,popoverClasses:`${P.popoverClasses} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value})),ee=e.computed(()=>M.normalizeSize(l.dropdownMaxHeight)),te=e.computed(()=>({..._.value})),le=e.computed(()=>l.placeholder||p.placeholder||"Select..."),oe=e.computed(()=>!y.value&&l.clearable&&!!d.value),D=e.computed(()=>!!(d.value&&(k["selected-item-template"]||l.reuseItemTemplate&&k["item-template"]))),w=t=>"items"in t&&Array.isArray(t.items),A=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(i=>i.value)),c=[];for(const i of B.value)if(w(i)){const m=i.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:i.label,key:i.key,items:m})}else a.has(i.value)&&c.push(i);return c}),ae=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},re=t=>{l.enableItemCreation&&O(),t.preventDefault()},O=()=>{if(!l.enableItemCreation||!s.value||!z.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:L.sanitizeInput(s.value),value:$e.getUniqueStringId(),key:`${L.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},V=()=>{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)},R=e.useTemplateRef("kSelectItems"),ne=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=h.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&R.value?.setFocus(t.key==="ArrowDown"?"down":"up")},se=t=>{s.value!==t&&(s.value=t)},ue=()=>{C.value=!0},ie=()=>{C.value=!1},ce=()=>{l.enableFiltering||J.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()},pe=t=>{N.value=!0,l.enableFiltering&&(s.value=""),t()};return e.watch(Y,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?q(a[0]):t||V()}}),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)),i=[],m=[];if(c)for(const o of a)w(o)?i.push(...o.items):i.push(o);else{const o=new Map;for(const u of a)w(u)||(u.group&&(o.has(u.group)||o.set(u.group,[]),o.get(u.group).push(u)),i.push(u));const S=Array.from(o.keys()).sort((u,b)=>u.toLowerCase().localeCompare(b.toLowerCase())),v=i.filter(u=>!u.group);m.push(...v);for(const u of S)m.push({label:u,items:o.get(u)})}r.value=i,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 u=v.items.map(b=>r.value.find(me=>me.value===b.value)).filter(b=>b!==void 0);S.push({label:v.label,key:v.key,items:u})}else{const u=r.value.find(b=>b.value===v.value);u&&o.push(u)}m.push(...o,...S)}B.value=m,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(()=>{h.value&&(x.value=Fe.ResizeObserverHelper.create(()=>{F.value=`${h.value?.offsetWidth}px`}),x.value.observe(h.value)),qe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!C.value&&N.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),R.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{h.value&&x.value?.unobserve(h.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label?(e.openBlock(),e.createBlock(he.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:T.value,required:K.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Q.value)+" ",1)]),_:2},[H.value?{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"},te.value,{"close-on-popover-click":"","hide-close-icon":"",offset:e.unref(Ne.KUI_SPACE_40),onClose:()=>ve(a,c.value),onOpen:()=>pe(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",Ae,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(Be.default),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(Ce.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&z.value,"item-creation-valid":l.itemCreationValidator(s.value),items:A.value,onAddItem:O,onSelected:q},{content:e.withCtx(({item:i})=>[e.renderSlot(t.$slots,"item-template",{item:i},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!A.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&&!A.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",Ke,[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",Pe,[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(j),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:G.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":D.value&&(!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"},Z.value,{onBlur:ie,onClick:ce,onFocus:ue,onKeydown:e.withKeys(re,["enter"]),onKeypress:ae,onKeyup:[i=>ne(i,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(V,["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(()=>[D.value&&(!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=ze;

package/dist/kongponents140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents197.cjs"),u=require("./kongponents184.cjs"),f=require("./kongponents178.cjs"),m=require("./kongponents175.cjs"),v={class:"k-slideout"},k={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},y={class:"slideout-header"},C={key:0,class:"slideout-title","data-testid":"slideout-title"},E={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=>({fe411dca:c.value,v097e7e0e:t.maxWidth,v3afc0278:t.zIndex}));const s=a,d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>m.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",v,[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",k,[e.createElementVNode("div",y,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",C,[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(f.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",E,[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("./kongponents176.cjs"),f=require("./kongponents181.cjs"),m=require("./kongponents182.cjs"),v={class:"k-slideout"},k={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},y={class:"slideout-header"},C={key:0,class:"slideout-title","data-testid":"slideout-title"},E={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=>({fe411dca:c.value,v097e7e0e:t.maxWidth,v3afc0278:t.zIndex}));const s=a,d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>m.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",v,[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",k,[e.createElementVNode("div",y,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",C,[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(f.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",E,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;

package/dist/kongponents142.cjs

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