@kong/kongponents 9.61.3 → 9.61.4

package/dist/{kongponents124.es.js → kongponents123.es.js}

@@ -1,11 +1,11 @@
-import { defineComponent as H, useCssVars as P, useSlots as R, provide as M, computed as o, useAttrs as U, useId as F, ref as y, watch as g, nextTick as x, onMounted as q, onBeforeUnmount as X, onUnmounted as Y, openBlock as l, createElementBlock as r, mergeProps as j, unref as f, createElementVNode as n, normalizeClass as B, createVNode as k, withCtx as p, renderSlot as i, createTextVNode as h, toDisplayString as C, createCommentVNode as c, createBlock as Z } from "vue";
-import { FocusTrap as G } from "./kongponents228.es.js";
+import { defineComponent as H, useCssVars as P, useSlots as R, provide as M, computed as u, useAttrs as U, useId as F, ref as y, watch as g, nextTick as x, onMounted as q, onBeforeUnmount as X, onUnmounted as Y, openBlock as o, createElementBlock as r, mergeProps as j, unref as f, createElementVNode as l, normalizeClass as B, createVNode as k, withCtx as p, renderSlot as n, createTextVNode as h, toDisplayString as C, createCommentVNode as i, createBlock as Z } from "vue";
+import { FocusTrap as G } from "./kongponents253.es.js";
 import { useTextSelection as J } from "./kongponents226.es.js";
 import I from "./kongponents38.es.js";
-import Q from "./kongponents184.es.js";
-import { KUI_COLOR_TEXT_NEUTRAL as _ } from "./kongponents189.es.js";
-import { normalizeSize as D } from "./kongponents192.es.js";
-import { POPOVER_PARENT_ZINDEX_KEY as ee } from "./kongponents229.es.js";
+import Q from "./kongponents188.es.js";
+import { KUI_COLOR_TEXT_NEUTRAL as _ } from "./kongponents194.es.js";
+import { normalizeSize as D } from "./kongponents196.es.js";
+import { POPOVER_PARENT_ZINDEX_KEY as ee } from "./kongponents227.es.js";
 const te = ["aria-label"], ae = {
   key: 0,
   class: "modal-header"
@@ -38,25 +38,25 @@ const te = ["aria-label"], ae = {
   emits: ["proceed", "cancel"],
   setup(t, { emit: L }) {
     P((e) => ({
-      v0fbf5d2a: e.zIndex,
-      v4b027edd: z.value,
-      v5c394338: K.value
+      c9546bd4: e.zIndex,
+      v6d2ff071: z.value,
+      v7fba0424: K.value
     }));
     const V = L, m = R();
-    M(ee, o(() => t.zIndex));
-    const E = U(), N = J(), $ = `k-modal-${F()}-overflow-hidden`, s = y(null), A = y(null), z = o(() => t.fullScreen && !m.content ? "95%" : D(t.maxWidth)), K = o(() => t.fullScreen && !m.content ? "95vh" : D(t.maxHeight)), W = o(() => {
+    M(ee, u(() => t.zIndex));
+    const E = U(), N = J(), $ = `k-modal-${F()}-overflow-hidden`, c = y(null), A = y(null), z = u(() => t.fullScreen && !m.content ? "95%" : D(t.maxWidth)), K = u(() => t.fullScreen && !m.content ? "95vh" : D(t.maxHeight)), W = u(() => {
       const e = Object.assign({}, E);
       return delete e.class, e;
-    }), O = o(() => !!t.title || !!m.title || !t.hideCloseIcon), w = (e) => {
+    }), O = () => !!t.title || !!m.title || !t.hideCloseIcon, w = (e) => {
       t.visible && t.closeOnEscape && e.key === "Escape" && S(!0);
     }, S = (e = !1, a) => {
       (e || a?.target?.classList?.contains("modal-backdrop") && t.closeOnBackdropClick && !N.text.value) && V("cancel");
     }, v = async (e) => {
-      e ? (await x(), await new Promise((a) => setTimeout(a, 0)), s.value?.activate()) : s.value?.deactivate();
+      e ? (await x(), await new Promise((a) => setTimeout(a, 0)), c.value?.activate()) : c.value?.deactivate();
     }, b = (e) => {
       typeof document < "u" && (e ? document?.addEventListener("keydown", w) : document?.removeEventListener("keydown", w));
     }, T = () => {
-      const e = s.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");
+      const e = c.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");
       e?.length && Array.from(e).every((a) => !a.disabled && !a.readOnly ? (a.focus(), !1) : !0);
     };
     g(() => t.visible, async (e) => {
@@ -64,73 +64,73 @@ const te = ["aria-label"], ae = {
     }, { immediate: !0 }), g(() => t.inputAutofocus, async (e) => {
       e && (await x(), T());
     });
-    const d = y(null);
+    const s = y(null);
     return q(() => {
-      typeof document < "u" && (d.value = document.createElement("style"), d.value.textContent = `body.${$} { overflow: hidden; }`, document.head.appendChild(d.value));
+      typeof document < "u" && (s.value = document.createElement("style"), s.value.textContent = `body.${$} { overflow: hidden; }`, document.head.appendChild(s.value));
     }), X(async () => {
       await v(!1), b(!1);
     }), Y(() => {
-      d.value?.remove();
-    }), (e, a) => t.visible ? (l(), r("div", j({
+      s.value?.remove();
+    }), (e, a) => t.visible ? (o(), r("div", j({
       key: 0,
       "aria-label": t.title,
       "aria-modal": "true",
       class: ["k-modal", [f(E).class]]
     }, W.value, { role: "dialog" }), [
-      n("div", {
+      l("div", {
         ref_key: "modalWrapperElement",
         ref: A,
         class: B(["modal-backdrop", { "modal-full-screen": t.fullScreen && !e.$slots.content }]),
-        onClick: a[3] || (a[3] = (u) => S(!1, u))
+        onClick: a[3] || (a[3] = (d) => S(!1, d))
       }, [
         k(f(G), {
           ref_key: "focusTrapElement",
-          ref: s,
+          ref: c,
           active: !1,
           "fallback-focus": () => A.value,
           "tabbable-options": t.tabbableOptions
         }, {
           default: p(() => [
-            n("div", {
+            l("div", {
               class: B(["modal-container", { "custom-content": e.$slots.content }]),
               tabindex: "-1"
             }, [
-              i(e.$slots, "content", {}, () => [
-                O.value ? (l(), r("div", ae, [
-                  t.title || e.$slots.title ? (l(), r("div", oe, [
-                    i(e.$slots, "title", {}, () => [
+              n(e.$slots, "content", {}, () => [
+                O() ? (o(), r("div", ae, [
+                  t.title || e.$slots.title ? (o(), r("div", oe, [
+                    n(e.$slots, "title", {}, () => [
                       h(C(t.title), 1)
                     ], !0)
-                  ])) : c("", !0),
-                  t.hideCloseIcon ? c("", !0) : (l(), r("button", {
+                  ])) : i("", !0),
+                  t.hideCloseIcon ? i("", !0) : (o(), r("button", {
                     key: 1,
                     "aria-label": "Close",
                     class: "close-icon",
                     "data-testid": "modal-close-icon",
                     type: "button",
-                    onClick: a[0] || (a[0] = (u) => e.$emit("cancel"))
+                    onClick: a[0] || (a[0] = (d) => e.$emit("cancel"))
                   }, [
                     k(f(Q), {
                       color: `var(--kui-color-text-neutral, ${f(_)})`,
                       decorative: ""
                     }, null, 8, ["color"])
                   ]))
-                ])) : c("", !0),
-                n("div", {
-                  class: B(["modal-content", { "no-header": !O.value }])
+                ])) : i("", !0),
+                l("div", {
+                  class: B(["modal-content", { "no-header": !O() }])
                 }, [
-                  i(e.$slots, "default", {}, void 0, !0)
+                  n(e.$slots, "default", {}, void 0, !0)
                 ], 2),
-                n("div", le, [
-                  i(e.$slots, "footer", {}, () => [
-                    n("div", ne, [
-                      i(e.$slots, "footer-actions", {}, () => [
-                        t.hideCancelButton ? c("", !0) : (l(), Z(I, {
+                l("div", le, [
+                  n(e.$slots, "footer", {}, () => [
+                    l("div", ne, [
+                      n(e.$slots, "footer-actions", {}, () => [
+                        t.hideCancelButton ? i("", !0) : (o(), Z(I, {
                           key: 0,
                           appearance: t.cancelButtonAppearance,
                           "data-testid": "modal-cancel-button",
                           disabled: t.cancelButtonDisabled,
-                          onClick: a[1] || (a[1] = (u) => e.$emit("cancel"))
+                          onClick: a[1] || (a[1] = (d) => e.$emit("cancel"))
                         }, {
                           default: p(() => [
                             h(C(t.cancelButtonText), 1)
@@ -141,7 +141,7 @@ const te = ["aria-label"], ae = {
                           appearance: t.actionButtonAppearance,
                           "data-testid": "modal-action-button",
                           disabled: t.actionButtonDisabled,
-                          onClick: a[2] || (a[2] = (u) => e.$emit("proceed"))
+                          onClick: a[2] || (a[2] = (d) => e.$emit("proceed"))
                         }, {
                           default: p(() => [
                             h(C(t.actionButtonText), 1)
@@ -158,7 +158,7 @@ const te = ["aria-label"], ae = {
           _: 3
         }, 8, ["fallback-focus", "tabbable-options"])
       ], 2)
-    ], 16, te)) : c("", !0);
+    ], 16, te)) : i("", !0);
   }
 });
 export {

package/dist/{kongponents126.cjs → kongponents125.cjs}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents38.cjs"),m=require("./kongponents212.cjs"),f=require("./kongponents189.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("./kongponents38.cjs"),m=require("./kongponents206.cjs"),f=require("./kongponents194.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:`var(--kui-color-text-decorative-aqua, ${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/{kongponents126.es.js → kongponents125.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as $, computed as w, watch as S, nextTick as T, onMounted as V, onBeforeUnmount as K, onUnmounted as A, openBlock as d, createElementBlock as c, withKeys as k, createElementVNode as o, normalizeClass as E, renderSlot as n, createTextVNode as a, toDisplayString as s, createCommentVNode as i, createVNode as r, unref as v, withCtx as y } from "vue";
 import p from "./kongponents38.es.js";
-import D from "./kongponents212.es.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents189.es.js";
+import D from "./kongponents206.es.js";
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents194.es.js";
 const _ = ["aria-label"], O = { class: "k-modal-fullscreen-body-header" }, q = {
   key: 0,
   class: "body-header"

package/dist/kongponents127.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Pe=require("./kongponents212.cjs"),F=require("./kongponents36.cjs"),fe=require("./kongponents55.cjs"),De=require("./kongponents57.cjs"),Le=require("./kongponents62.cjs"),Ue=require("./kongponents29.cjs"),Re=require("./kongponents30.cjs");;/* empty css                */const Oe=require("./kongponents229.cjs"),He=require("./kongponents230.cjs"),Ge=require("./kongponents203.cjs"),H=require("./kongponents188.cjs"),We=require("./kongponents191.cjs"),M=require("./kongponents194.cjs"),Je=require("./kongponents205.cjs"),Ze=require("./kongponents180.cjs"),je=require("./kongponents226.cjs"),Qe=require("./kongponents160.cjs"),me=require("./kongponents196.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=>({a0fe9354:Ve.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=()=>!!(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"},$=e.ref(0),B=e.ref(0),we=e.useId(),Q=e.computed(()=>h.id?String(h.id):we),X=e.useId(),z=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([]),K=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=()=>!!(s.dropdownFooterText||G["dropdown-footer-text"]),Be=()=>({...j,...s.kpopAttributes,popoverClasses:`${j.popoverClasses} ${s.kpopAttributes?.popoverClasses??""} ${Ee()?"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"}),Ve=e.computed(()=>me.normalizeSize(s.dropdownMaxHeight)),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}),$e=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()},ze=(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]})}K.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())},Ke=(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()},Te=t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&W.value?.setFocus(t.key==="ArrowDown"?"down":"up")},Fe=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=[],$.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),$.value++},0)}),e.watch($,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&&ze(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(Me=>Me.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=z.value?.clientWidth||300,E()},T=e.ref();return e.onMounted(()=>{je.useEventListener("resize",ve),T.value=Je.ResizeObserverHelper.create(ve),T.value.observe(z.value)}),e.onBeforeUnmount(()=>{T.value&&z.value&&T.value.unobserve(z.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()?{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:`var(--kui-space-40, ${e.unref(M.KUI_SPACE_40)})`},Be(),{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:[Te,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:K.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"]),!K.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&&!K.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:$e,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:Fe,onKeydown:e.withKeys(ue,["enter"]),onKeyup:n=>Ke(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(F.default,{key:`${e.unref(X)}-${n.key?n.key:u}-badge-${$.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(F.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:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`},null,8,["size"])])):s.loading?(e.openBlock(),e.createBlock(e.unref(We.default),{key:1,class:"multiselect-loading-icon",size:`var(--kui-icon-size-40, ${e.unref(M.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:`var(--kui-icon-size-40, ${e.unref(M.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(F.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(F.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;