@kong/kongponents 9.64.1 → 9.64.2

package/dist/kongponents318.es.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./kongponents560.es.js";
-import { __require as e } from "./kongponents441.es.js";
-var t = /* @__PURE__ */ e();
-const m = /* @__PURE__ */ r(t);
+function r() {
+  return [];
+}
 export {
-  m as default
+  r as default
 };

package/dist/kongponents319.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents560.cjs"),t=require("./kongponents439.cjs");var o=t.__require();const s=e.getDefaultExportFromCjs(o);exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents431.cjs");var t=/^\s+/;function u(e){return e&&e.slice(0,r.default(e)+1).replace(t,"")}exports.default=u;

package/dist/kongponents319.es.js

@@ -1,7 +1,8 @@
-import { getDefaultExportFromCjs as e } from "./kongponents560.es.js";
-import { __require as o } from "./kongponents439.es.js";
-var t = /* @__PURE__ */ o();
-const r = /* @__PURE__ */ e(t);
+import r from "./kongponents431.es.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
+}
 export {
-  r as default
+  t as default
 };

package/dist/kongponents32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),w=require("./kongponents231.cjs"),S=require("./kongponents183.cjs"),r=require("./kongponents220.cjs"),y=require("./kongponents232.cjs"),D=l.defineComponent({__name:"KTreeList",props:{modelValue:{default:null},items:{default:null},disableDrag:{type:Boolean},ignoreDragSelectors:{type:[String,Function],default:""},maxDepth:{default:3},width:{default:""},hideIcons:{type:Boolean},group:{default:"k-tree-list"},collapsible:{type:Boolean},initialCollapseAll:{type:Boolean}},emits:["change","child-change","selected"],setup(t,{expose:m,emit:g}){const s=(e,a)=>(e.forEach(i=>{a.push(i.id),i.children?.length&&s(i.children,a)}),a),u=e=>{const a=s(e,[]),i=new Set(a);return a.length===i.size},f=(e,a)=>{let i=!0;return e.forEach(d=>{i=i&&(!d.children||y.getMaximumDepth(d)<=a)}),i};l.watch(()=>t.modelValue,e=>{e&&!u(e)&&r.warnInvalidProp("modelValue","Item `id` must be unique.")},{immediate:!0}),l.watch(()=>t.items,e=>{e&&!u(e)&&r.warnInvalidProp("items","Item `id` must be unique.")},{immediate:!0}),l.watch(()=>t.maxDepth,e=>{e>5&&r.warnInvalidProp("maxDepth","Maximum depth must be less than or equal to 5.")},{immediate:!0}),l.watch([()=>t.modelValue,()=>t.items],([e,a])=>{e&&a&&r.warnInvalidProp("modelValue / items","You should not provide both v-model (or props.modelValue) and props.items")},{immediate:!0});const n=l.ref([]);l.watch([n,()=>t.maxDepth],([e,a])=>{f(e,a)||r.warnInvalidProp(t.modelValue?"modelValue":"items","Provided list depth exceeds `maxDepth`")},{immediate:!0,deep:!0});const o=g,v=l.computed({get(){return t.modelValue},set(e){n.value=e}}),b=l.computed(()=>({maxWidth:S.normalizeSize(t.width)})),c=(e,a)=>{(a||n.value).forEach(d=>{d.id===e.id?(d.selected=!0,o("selected",e)):d.selected=!1,d.children?.length&&c(e,d.children)})},p=e=>{o("change",e)},x=e=>{o("child-change",e)};l.watch(v,(e,a)=>{JSON.stringify(e)!==JSON.stringify(a)&&(n.value=e||[],n.value.forEach(i=>{i.children||(i.children=[])}))}),l.watch(()=>t.items,(e,a)=>{JSON.stringify(e)!==JSON.stringify(a)&&(n.value=e||[],n.value.forEach(i=>{i.children||(i.children=[])}))});const h=l.useTemplateRef("tree-draggable");return m({collapseAll:()=>{h.value?.collapseAll()},expandAll:()=>{h.value?.expandAll()}}),l.onMounted(()=>{t.modelValue?n.value=t.modelValue:t.items&&(n.value=t.items),n.value.forEach(e=>{e.children||(e.children=[])})}),(e,a)=>(l.openBlock(),l.createElementBlock("div",{class:"k-tree-list","data-testid":"k-tree-list",style:l.normalizeStyle(t.width?b.value:void 0)},[l.createVNode(w.default,{ref:"tree-draggable",collapsible:t.collapsible,"data-testid":`k-tree-list-${t.group}`,"disable-drag":t.disableDrag,filter:t.ignoreDragSelectors,group:t.group,"hide-icons":t.hideIcons,"initial-collapse-all":t.initialCollapseAll,items:n.value,"max-depth":t.maxDepth,onChange:p,onChildChange:x,onSelected:c},l.createSlots({"item-label":l.withCtx(({item:i})=>[l.renderSlot(e.$slots,"item-label",{item:i})]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:l.withCtx(({item:i})=>[l.renderSlot(e.$slots,"item-icon",{item:i})]),key:"0"}:void 0]),1032,["collapsible","data-testid","disable-drag","filter","group","hide-icons","initial-collapse-all","items","max-depth"])],4))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),w=require("./kongponents211.cjs"),S=require("./kongponents187.cjs"),r=require("./kongponents190.cjs"),y=require("./kongponents212.cjs"),D=l.defineComponent({__name:"KTreeList",props:{modelValue:{default:null},items:{default:null},disableDrag:{type:Boolean},ignoreDragSelectors:{type:[String,Function],default:""},maxDepth:{default:3},width:{default:""},hideIcons:{type:Boolean},group:{default:"k-tree-list"},collapsible:{type:Boolean},initialCollapseAll:{type:Boolean}},emits:["change","child-change","selected"],setup(t,{expose:m,emit:g}){const s=(e,a)=>(e.forEach(i=>{a.push(i.id),i.children?.length&&s(i.children,a)}),a),u=e=>{const a=s(e,[]),i=new Set(a);return a.length===i.size},f=(e,a)=>{let i=!0;return e.forEach(d=>{i=i&&(!d.children||y.getMaximumDepth(d)<=a)}),i};l.watch(()=>t.modelValue,e=>{e&&!u(e)&&r.warnInvalidProp("modelValue","Item `id` must be unique.")},{immediate:!0}),l.watch(()=>t.items,e=>{e&&!u(e)&&r.warnInvalidProp("items","Item `id` must be unique.")},{immediate:!0}),l.watch(()=>t.maxDepth,e=>{e>5&&r.warnInvalidProp("maxDepth","Maximum depth must be less than or equal to 5.")},{immediate:!0}),l.watch([()=>t.modelValue,()=>t.items],([e,a])=>{e&&a&&r.warnInvalidProp("modelValue / items","You should not provide both v-model (or props.modelValue) and props.items")},{immediate:!0});const n=l.ref([]);l.watch([n,()=>t.maxDepth],([e,a])=>{f(e,a)||r.warnInvalidProp(t.modelValue?"modelValue":"items","Provided list depth exceeds `maxDepth`")},{immediate:!0,deep:!0});const o=g,v=l.computed({get(){return t.modelValue},set(e){n.value=e}}),b=l.computed(()=>({maxWidth:S.normalizeSize(t.width)})),c=(e,a)=>{(a||n.value).forEach(d=>{d.id===e.id?(d.selected=!0,o("selected",e)):d.selected=!1,d.children?.length&&c(e,d.children)})},p=e=>{o("change",e)},x=e=>{o("child-change",e)};l.watch(v,(e,a)=>{JSON.stringify(e)!==JSON.stringify(a)&&(n.value=e||[],n.value.forEach(i=>{i.children||(i.children=[])}))}),l.watch(()=>t.items,(e,a)=>{JSON.stringify(e)!==JSON.stringify(a)&&(n.value=e||[],n.value.forEach(i=>{i.children||(i.children=[])}))});const h=l.useTemplateRef("tree-draggable");return m({collapseAll:()=>{h.value?.collapseAll()},expandAll:()=>{h.value?.expandAll()}}),l.onMounted(()=>{t.modelValue?n.value=t.modelValue:t.items&&(n.value=t.items),n.value.forEach(e=>{e.children||(e.children=[])})}),(e,a)=>(l.openBlock(),l.createElementBlock("div",{class:"k-tree-list","data-testid":"k-tree-list",style:l.normalizeStyle(t.width?b.value:void 0)},[l.createVNode(w.default,{ref:"tree-draggable",collapsible:t.collapsible,"data-testid":`k-tree-list-${t.group}`,"disable-drag":t.disableDrag,filter:t.ignoreDragSelectors,group:t.group,"hide-icons":t.hideIcons,"initial-collapse-all":t.initialCollapseAll,items:n.value,"max-depth":t.maxDepth,onChange:p,onChildChange:x,onSelected:c},l.createSlots({"item-label":l.withCtx(({item:i})=>[l.renderSlot(e.$slots,"item-label",{item:i})]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:l.withCtx(({item:i})=>[l.renderSlot(e.$slots,"item-icon",{item:i})]),key:"0"}:void 0]),1032,["collapsible","data-testid","disable-drag","filter","group","hide-icons","initial-collapse-all","items","max-depth"])],4))}});exports.default=D;

package/dist/kongponents32.es.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, watch as d, ref as A, computed as h, useTemplateRef as E, onMounted as V, openBlock as I, createElementBlock as k, normalizeStyle as B, createVNode as q, createSlots as N, withCtx as f, renderSlot as g } from "vue";
-import w from "./kongponents231.es.js";
-import { normalizeSize as z } from "./kongponents183.es.js";
-import { warnInvalidProp as o } from "./kongponents220.es.js";
-import { getMaximumDepth as J } from "./kongponents232.es.js";
+import w from "./kongponents211.es.js";
+import { normalizeSize as z } from "./kongponents187.es.js";
+import { warnInvalidProp as o } from "./kongponents190.es.js";
+import { getMaximumDepth as J } from "./kongponents212.es.js";
 const F = /* @__PURE__ */ C({
   __name: "KTreeList",
   props: {

package/dist/kongponents320.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("./kongponents446.cjs"),M=require("./kongponents447.cjs");var c=36e5,H=6e4,o={timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function d(e,r,n){var a,u;if(!e||(a=o.timezoneZ.exec(e),a))return 0;var t;if(a=o.timezoneHH.exec(e),a)return t=parseInt(a[1],10),f(t)?-(t*c):NaN;if(a=o.timezoneHHMM.exec(e),a){t=parseInt(a[2],10);var i=parseInt(a[3],10);return f(t,i)?(u=Math.abs(t)*c+i*H,a[1]==="+"?-u:u):NaN}if(O(e)){r=new Date(r||Date.now());var I=n?r:D(r),v=l(I,e),N=n?v:x(r,v,e);return-N}return NaN}function D(e){return M.default(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}function l(e,r){var n=T.default(e,r),a=M.default(n[0],n[1]-1,n[2],n[3]%24,n[4],n[5],0).getTime(),u=e.getTime(),t=u%1e3;return u-=t>=0?t:1e3+t,a-u}function x(e,r,n){var a=e.getTime(),u=a-r,t=l(new Date(u),n);if(r===t)return r;u-=t-r;var i=l(new Date(u),n);return t===i?t:Math.max(t,i)}function f(e,r){return-23<=e&&e<=23&&(r==null||0<=r&&r<=59)}var s={};function O(e){if(s[e])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),s[e]=!0,!0}catch{return!1}}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents389.cjs"),u=require("./kongponents310.cjs"),f=require("./kongponents287.cjs"),s=require("./kongponents295.cjs");var i=e.default?e.default.prototype:void 0,n=i?i.toString:void 0;function o(r){if(typeof r=="string")return r;if(f.default(r))return u.default(r,o)+"";if(s.default(r))return n?n.call(r):"";var t=r+"";return t=="0"&&1/r==-1/0?"-0":t}exports.default=o;

package/dist/kongponents320.es.js

@@ -1,72 +1,18 @@
-import M from "./kongponents446.es.js";
-import T from "./kongponents447.es.js";
-var c = 36e5, D = 6e4, i = {
-  timezoneZ: /^(Z)$/,
-  timezoneHH: /^([+-]\d{2})$/,
-  timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
-};
-function z(e, r, n) {
-  var t, u;
-  if (!e || (t = i.timezoneZ.exec(e), t))
-    return 0;
-  var a;
-  if (t = i.timezoneHH.exec(e), t)
-    return a = parseInt(t[1], 10), l(a) ? -(a * c) : NaN;
-  if (t = i.timezoneHHMM.exec(e), t) {
-    a = parseInt(t[2], 10);
-    var o = parseInt(t[3], 10);
-    return l(a, o) ? (u = Math.abs(a) * c + o * D, t[1] === "+" ? -u : u) : NaN;
-  }
-  if (p(e)) {
-    r = new Date(r || Date.now());
-    var I = n ? r : H(r), f = v(I, e), N = n ? f : m(r, f, e);
-    return -N;
-  }
-  return NaN;
-}
-function H(e) {
-  return T(
-    e.getFullYear(),
-    e.getMonth(),
-    e.getDate(),
-    e.getHours(),
-    e.getMinutes(),
-    e.getSeconds(),
-    e.getMilliseconds()
-  );
-}
-function v(e, r) {
-  var n = M(e, r), t = T(
-    n[0],
-    n[1] - 1,
-    n[2],
-    n[3] % 24,
-    n[4],
-    n[5],
-    0
-  ).getTime(), u = e.getTime(), a = u % 1e3;
-  return u -= a >= 0 ? a : 1e3 + a, t - u;
-}
-function m(e, r, n) {
-  var t = e.getTime(), u = t - r, a = v(new Date(u), n);
-  if (r === a)
+import t from "./kongponents389.es.js";
+import f from "./kongponents310.es.js";
+import m from "./kongponents287.es.js";
+import p from "./kongponents295.es.js";
+var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
+function y(r) {
+  if (typeof r == "string")
     return r;
-  u -= a - r;
-  var o = v(new Date(u), n);
-  return a === o ? a : Math.max(a, o);
-}
-function l(e, r) {
-  return -23 <= e && e <= 23 && (r == null || 0 <= r && r <= 59);
-}
-var s = {};
-function p(e) {
-  if (s[e]) return !0;
-  try {
-    return new Intl.DateTimeFormat(void 0, { timeZone: e }), s[e] = !0, !0;
-  } catch {
-    return !1;
-  }
+  if (m(r))
+    return f(r, y) + "";
+  if (p(r))
+    return n ? n.call(r) : "";
+  var o = r + "";
+  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
 }
 export {
-  z as default
+  y as default
 };

package/dist/kongponents321.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents220.cjs"),B={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},S={key:1,class:"multiselect-group"},v={class:"multiselect-group-title"},g={class:"select-item-description"},u=".multiselect-item button:not(:disabled)",w=e.defineComponent({__name:"KMultiselectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(o,{expose:f,emit:k}){const p=k,a=l=>"items"in l&&Array.isArray(l.items),d=l=>p("selected",l),m=e.useTemplateRef("itemsContainer"),E=l=>{const n=m.value;if(!n)return;const t=n.querySelectorAll(u);t[l==="down"?0:t.length-1]?.focus()},c=({target:l,key:n})=>{if(n==="ArrowDown"||n==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(l),i=n==="ArrowDown"?s+1:s-1;t[i]?.focus()}}};return f({setFocus:E}),(l,n)=>(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("span",v,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,i=>(e.openBlock(),e.createBlock(r.default,{key:i.key,item:i,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:i},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),o.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${o.filterString} (Add new value)`,value:"add_item",disabled:!o.itemCreationValid},onKeydown:c,onSelected:n[0]||(n[0]=t=>l.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",g,[e.createTextVNode(e.toDisplayString(o.filterString)+" ",1),n[1]||(n[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=w;

package/dist/kongponents321.es.js

@@ -1,4 +1,85 @@
-var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
+import { defineComponent as x, useTemplateRef as y, openBlock as l, createElementBlock as s, Fragment as c, renderList as w, createBlock as d, withCtx as m, renderSlot as S, createElementVNode as u, toDisplayString as C, createTextVNode as B, createCommentVNode as K } from "vue";
+import f from "./kongponents220.es.js";
+const $ = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, h = {
+  key: 1,
+  class: "multiselect-group"
+}, T = { class: "multiselect-group-title" }, V = { class: "select-item-description" }, b = ".multiselect-item button:not(:disabled)", F = /* @__PURE__ */ x({
+  __name: "KMultiselectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: g, emit: A }) {
+    const k = A, p = (t) => "items" in t && Array.isArray(t.items), E = (t) => k("selected", t), v = y("itemsContainer"), I = (t) => {
+      const n = v.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(b);
+      e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, r = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = v.value?.querySelectorAll(b);
+        if (e?.length) {
+          const a = [...e].indexOf(t), o = n === "ArrowDown" ? a + 1 : a - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return g({ setFocus: I }), (t, n) => (l(), s("div", $, [
+      (l(!0), s(c, null, w(i.items, (e, a) => (l(), s(c, {
+        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || a
+      }, [
+        p(e) ? (l(), s("div", h, [
+          u("span", T, C(e.label), 1),
+          (l(!0), s(c, null, w(e.items, (o) => (l(), d(f, {
+            key: o.key,
+            item: o,
+            onKeydown: r,
+            onSelected: E
+          }, {
+            content: m(() => [
+              S(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (l(), d(f, {
+          key: 0,
+          item: e,
+          onKeydown: r,
+          onSelected: E
+        }, {
+          content: m(() => [
+            S(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (l(), d(f, {
+        key: "multiselect-add-item",
+        class: "multiselect-add-item",
+        "data-testid": "multiselect-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: r,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", V, [
+            B(C(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : K("", !0)
+    ], 512));
+  }
+});
 export {
-  a as default
+  F as default
 };

package/dist/kongponents323.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],m={class:"multiselect-item-container"},r=["disabled","value"],u={class:"multiselect-item-label"},c=e.defineComponent({__name:"KMultiselectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,d=()=>{t.item.disabled||n("selected",t.item)};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key||t.item.value,"aria-selected":t.item.selected,class:"multiselect-item","data-testid":`multiselect-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",m,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:d,onKeydown:[i[0]||(i[0]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",u,[e.renderSlot(l.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,r)])],8,a))}});exports.default=c;

package/dist/kongponents323.es.js

@@ -0,0 +1,43 @@
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KMultiselectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: a }) {
+    const d = a, o = () => {
+      e.item.disabled || d("selected", e.item);
+    };
+    return (i, t) => (c(), u("div", {
+      key: e.item.key || e.item.value,
+      "aria-selected": e.item.selected,
+      class: "multiselect-item",
+      "data-testid": `multiselect-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: o,
+          onKeydown: [
+            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
+            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(i.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
+export {
+  K as default
+};

package/dist/kongponents325.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents343.cjs");var t=function(){return e.default.Date.now()};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-loader"},l=e.defineComponent({__name:"SkeletonBase",setup(d){return(o,n)=>(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"})],!0)]))}});exports.default=l;

package/dist/kongponents325.es.js

@@ -1,7 +1,26 @@
-import o from "./kongponents343.es.js";
-var t = function() {
-  return o.Date.now();
-};
+import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents67.es.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (n(), s("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
+    ]));
+  }
+});
 export {
-  t as default
+  _ as default
 };

package/dist/kongponents327.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e,t){return e===t||e!==e&&t!==t}exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents186.cjs"),l=require("./kongponents187.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;

package/dist/kongponents327.es.js

@@ -1,6 +1,50 @@
-function t(n, f) {
-  return n === f || n !== n && f !== f;
-}
+import { defineComponent as h, useCssVars as f, computed as k, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents67.es.js";
+import { KUI_SPACE_50 as C } from "./kongponents186.es.js";
+import { normalizeSize as p } from "./kongponents187.es.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    f((e) => ({
+      v2bf65be7: u.value
+    }));
+    const u = k(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (t(), r("div", _, [
+      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (t(), r(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (t(), r(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  t as default
+  E as default
 };

package/dist/kongponents329.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents330.cjs");function l(e,t,n){var u=e==null?void 0:r.default(e,t);return u===void 0?n:u}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents67.cjs"),u={class:"skeleton-table-wrapper"},a=e.defineComponent({__name:"TableSkeleton",props:{rows:{},columns:{}},setup(n){e.useCssVars(t=>({v33b7f45f:t.columns}));const s=(t,l)=>t===1&&l===1||t!==1&&l!==1?"25":"50";return(t,l)=>(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.rows,r=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"skeleton-table-row"},[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"skeleton-cell-container"},[e.createVNode(c.default,{class:"skeleton-cell",width:s(o,r)},null,8,["width"])]))),128))],!0)]))),128))]))}});exports.default=a;

package/dist/kongponents329.es.js

@@ -1,8 +1,36 @@
-import u from "./kongponents330.es.js";
-function f(e, r, t) {
-  var n = e == null ? void 0 : u(e, r);
-  return n === void 0 ? t : n;
-}
+import { defineComponent as i, useCssVars as d, openBlock as t, createElementBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as f } from "vue";
+import k from "./kongponents67.es.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v33b7f45f: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (t(), n("div", p, [
+      (t(!0), n(a, null, c(s.rows, (l) => (t(), n("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (t(!0), n(a, null, c(s.columns, (o) => (t(), n("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            f(k, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  f as default
+  b as default
 };

package/dist/kongponents331.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents332.cjs"),a=require("./kongponents333.cjs");function r(e,t){return e!=null&&a.default(e,t,u.default)}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-form-wrapper"},n=e.defineComponent({__name:"FormSkeleton",setup(l){return(c,s)=>(e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,o=>e.createElementVNode("div",{key:o,class:"skeleton-form-row"},[e.createVNode(t.default,{height:"2",width:"10"}),e.createVNode(t.default,{height:"2",width:"100"})])),64))]))}});exports.default=n;

package/dist/kongponents331.es.js

@@ -1,8 +1,25 @@
-import n from "./kongponents332.es.js";
-import t from "./kongponents333.es.js";
-function f(a, r) {
-  return a != null && t(a, r, n);
-}
+import { defineComponent as s, openBlock as e, createElementBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents67.es.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (e(), t("div", a, [
+      (e(), t(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
+      }, [
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
+    ]));
+  }
+});
 export {
   f as default
 };

package/dist/kongponents333.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./kongponents472.cjs"),a=require("./kongponents335.cjs"),d=require("./kongponents338.cjs"),f=require("./kongponents473.cjs"),g=require("./kongponents341.cjs"),q=require("./kongponents368.cjs");function h(e,u,i){u=s.default(u,e);for(var l=-1,r=u.length,t=!1;++l<r;){var n=q.default(u[l]);if(!(t=e!=null&&i(e,n)))break;e=e[n]}return t||++l!=r?t:(r=e==null?0:e.length,!!r&&g.default(r)&&f.default(n,r)&&(d.default(e)||a.default(e)))}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents443.cjs"),a={class:"fullscreen-loading-container","data-testid":"full-screen-loader"},c=["src"],u={key:0,class:"progress"},d=e.defineComponent({__name:"FullScreenKongSkeleton",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(t){e.useCssVars(l=>({v4d434712:l.zIndex}));const n=e.ref(0),r=e.ref(0),o=e.computed(()=>t.progress!==null?t.progress:r.value);return e.onMounted(()=>{t.progress||(n.value=setInterval(()=>{r.value>=100&&(clearInterval(n.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(n.value)}),(l,i)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[e.createElementVNode("img",{alt:"Loading",src:e.unref(s.default)},null,8,c),t.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=d;

package/dist/kongponents333.es.js

@@ -1,19 +1,47 @@
-import t from "./kongponents472.es.js";
-import a from "./kongponents335.es.js";
-import u from "./kongponents338.es.js";
-import o from "./kongponents473.es.js";
-import e from "./kongponents341.es.js";
-import g from "./kongponents368.es.js";
-function P(r, m, s) {
-  m = t(m, r);
-  for (var n = -1, i = m.length, f = !1; ++n < i; ) {
-    var l = g(m[n]);
-    if (!(f = r != null && s(r, l)))
-      break;
-    r = r[l];
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
+import h from "./kongponents443.es.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (l(), a("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: v(h)
+        }, null, 8, _),
+        r.hideProgress ? f("", !0) : (l(), a("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: p({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
   }
-  return f || ++n != i ? f : (i = r == null ? 0 : r.length, !!i && e(i) && o(l, i) && (u(r) || a(r)));
-}
+});
 export {
-  P as default
+  z as default
 };

package/dist/kongponents335.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents336.cjs"),a=require("./kongponents337.cjs");var t=Object.prototype,u=t.hasOwnProperty,o=t.propertyIsEnumerable,l=r.default((function(){return arguments})())?r.default:function(e){return a.default(e)&&u.call(e,"callee")&&!o.call(e,"callee")};exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a={class:"fullscreen-loading-container","data-testid":"full-screen-spinner-loader"},u={key:0,class:"progress"},c=e.defineComponent({__name:"FullScreenGenericSpinner",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(n){e.useCssVars(t=>({af01d13c:t.zIndex}));const l=e.ref(0),r=e.ref(0),o=e.computed(()=>n.progress!==null?n.progress:r.value);return e.onMounted(()=>{n.progress||(l.value=setInterval(()=>{r.value>=100&&(clearInterval(l.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(l.value)}),(t,s)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[s[0]||(s[0]=e.createElementVNode("div",{class:"spinner-loader"},null,-1)),n.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=c;

package/dist/kongponents335.es.js

@@ -1,10 +1,43 @@
-import e from "./kongponents336.es.js";
-import o from "./kongponents337.es.js";
-var t = Object.prototype, a = t.hasOwnProperty, n = t.propertyIsEnumerable, c = e(/* @__PURE__ */ (function() {
-  return arguments;
-})()) ? e : function(r) {
-  return o(r) && a.call(r, "callee") && !n.call(r, "callee");
-};
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      af01d13c: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (a(), i("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? f("", !0) : (a(), i("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: g({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  c as default
+  y as default
 };