@kong/kongponents 9.66.6 → 9.66.7

package/dist/kongponents227.es.js

@@ -1,174 +1,51 @@
-import { defineComponent as B, ref as u, computed as D, watch as L, onMounted as $, onBeforeMount as H, openBlock as m, createElementBlock as h, createVNode as o, withCtx as n, unref as b, createBlock as C, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as g, Fragment as P, renderList as z, createTextVNode as w, toDisplayString as E, nextTick as U } from "vue";
-import { debounce as A } from "./kongponents178.es.js";
-import { TableColumnsIcon as J, SearchIcon as R, CloseIcon as F } from "@kong/icons";
-import p from "./kongponents38.es.js";
-import O from "./kongponents42.es.js";
-import j from "./kongponents49.es.js";
-import q from "./kongponents50.es.js";
-import G from "./kongponents55.es.js";
-import Q from "./kongponents30.es.js";
-/* empty css                 */
-import W from "./kongponents57.es.js";
-const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, ue = /* @__PURE__ */ B({
-  __name: "ColumnVisibilityMenu",
+import { defineComponent as u, openBlock as f, createElementBlock as p, createVNode as e, withModifiers as n, withCtx as i, unref as s } from "vue";
+import { BackIcon as c, ForwardIcon as b } from "@kong/icons";
+import r from "./kongponents38.es.js";
+const m = { class: "pagination-offset-button-container" }, y = /* @__PURE__ */ u({
+  __name: "PaginationOffset",
   props: {
-    columns: {},
-    tableId: {},
-    visibilityPreferences: {},
-    disabled: { type: Boolean }
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
   },
-  emits: ["update"],
-  setup(a, { emit: I }) {
-    const V = I, y = u(!1), r = u({}), d = u(!1), s = u(), i = u(""), f = () => {
-      r.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, x = A((e) => {
-      i.value = e, s.value && c(s.value);
-    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
-      V("update", JSON.parse(JSON.stringify(r.value))), d.value = !1, i.value = "";
-    }, M = (e) => {
-      y.value = e, e && s.value && U(() => {
-        s.value && c(s.value);
-      }), !e && d.value && f(), e || (i.value = "");
-    }, c = (e) => {
-      if (!(e.scrollHeight > e.clientHeight)) {
-        e.classList.remove("is-bottom-overflowing");
-        return;
-      }
-      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
-      e.classList.toggle("is-bottom-overflowing", !l);
-    };
-    return L(() => a.visibilityPreferences, () => {
-      f();
-    }, { immediate: !0 }), $(() => {
-      s.value && (s.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        c(t);
-      }), c(s.value));
-    }), H(() => {
-      f();
-    }), (e, t) => (m(), h("div", X, [
-      o(j, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: a.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: M
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (f(), p("div", m, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = n((d) => a("getPreviousOffset"), ["prevent"]))
       }, {
-        items: n(() => [
-          i.value || k.value.length > 5 ? (m(), C(G, {
-            key: 0,
-            modelValue: i.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
-            modelModifiers: { trim: !0 },
-            autocapitalize: "off",
-            autocomplete: "off",
-            autocorrect: "off",
-            class: "search-input",
-            "data-testid": "search-input",
-            name: "column-search",
-            placeholder: "Search columns",
-            spellcheck: "false",
-            type: "search",
-            onClick: t[2] || (t[2] = v(() => {
-            }, ["stop"])),
-            onInput: b(x)
-          }, K({
-            before: n(() => [
-              o(b(R), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            i.value ? {
-              name: "after",
-              fn: n(() => [
-                o(p, {
-                  appearance: "tertiary",
-                  "aria-label": "Clear search",
-                  class: "clear-search",
-                  "data-testid": "clear-search-button",
-                  icon: "",
-                  size: "small",
-                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
-                }, {
-                  default: n(() => [
-                    o(b(F), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
-          g("div", {
-            ref_key: "menuItemsRef",
-            ref: s,
-            class: "menu-items-wrapper"
-          }, [
-            (m(!0), h(P, null, z(k.value, (l) => (m(), C(q, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: v(() => {
-                r.value[l.key] = !r.value[l.key], d.value = !0;
-              }, ["stop"])
-            }, {
-              default: n(() => [
-                o(O, {
-                  modelValue: r.value[l.key],
-                  "onUpdate:modelValue": (T) => r.value[l.key] = T,
-                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  "data-testid": `column-visibility-checkbox-${l.key}`
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
-                o(W, {
-                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  class: "visibility-checkbox-label",
-                  title: l.label
-                }, {
-                  default: n(() => [
-                    w(E(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "title"])
-              ]),
-              _: 2
-            }, 1032, ["data-testid", "onClick"]))), 128))
-          ], 512),
-          g("div", Y, [
-            o(p, {
-              appearance: "tertiary",
-              class: "apply-button",
-              "data-testid": "apply-button",
-              onClick: S
-            }, {
-              default: n(() => [...t[3] || (t[3] = [
-                w(" Apply ", -1)
-              ])]),
-              _: 1
-            })
-          ])
+        default: i(() => [
+          e(s(c), { decorative: "" })
         ]),
-        default: n(() => [
-          o(Q, {
-            placement: "bottom-end",
-            text: y.value ? void 0 : "Show/Hide Columns"
-          }, {
-            default: n(() => [
-              o(p, {
-                appearance: "tertiary",
-                "aria-label": "Show/Hide Columns",
-                class: "menu-button",
-                "data-testid": "column-visibility-menu-button",
-                disabled: a.disabled,
-                icon: "",
-                size: "large"
-              }, {
-                default: n(() => [
-                  o(b(J), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = n((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: i(() => [
+          e(s(b), { decorative: "" })
         ]),
         _: 1
       }, 8, ["disabled"])
@@ -176,5 +53,5 @@ const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-
   }
 });
 export {
-  ue as default
+  y as default
 };

package/dist/{kongponents233.cjs → kongponents232.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents182.cjs"),l=require("./kongponents184.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents182.cjs"),l=require("./kongponents186.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/{kongponents233.es.js → kongponents232.es.js}

@@ -1,7 +1,7 @@
 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 "./kongponents182.es.js";
-import { normalizeSize as p } from "./kongponents184.es.js";
+import { normalizeSize as p } from "./kongponents186.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: {

package/dist/{kongponents239.cjs → kongponents238.cjs}

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

package/dist/{kongponents239.es.js → kongponents238.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, useCssVars as i, ref as n, computed as u, onMounted as m, onUnmounted as v, openBlock as a, createElementBlock as l, createElementVNode as t, createVNode as g, normalizeStyle as p, createCommentVNode as f } from "vue";
-import h from "./kongponents342.es.js";
+import h from "./kongponents343.es.js";
 const I = {
   class: "fullscreen-loading-container",
   "data-testid": "full-screen-loader"

package/dist/kongponents242.cjs

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

package/dist/kongponents242.es.js

@@ -0,0 +1,4 @@
+import f from "./kongponents212.es.js";
+export {
+  f as default
+};

package/dist/kongponents243.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./kongponents244.cjs"),n=require("./kongponents245.cjs"),a=require("./kongponents246.cjs");function d(e,t){a.default(2,arguments);var u=n.default(e).getTime(),r=i.default(t);return new Date(u+r)}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents186.cjs"),a=["aria-current","data-testid"],c={class:"step-circle"},i={key:3,class:"step-number"},s=["title"],u=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const o=e.computed(()=>({maxWidth:n.normalizeSize(t.maxLabelWidth)}));return(d,m)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",c,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(r.CheckIcon),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(r.ProgressIcon),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(r.CloseIcon),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(o.value),title:t.label},e.toDisplayString(t.label),13,s)],2)],8,a))}});exports.default=u;

package/dist/kongponents243.es.js

@@ -1,11 +1,57 @@
-import m from "./kongponents244.es.js";
-import a from "./kongponents245.es.js";
-import i from "./kongponents246.es.js";
-function d(t, r) {
-  i(2, arguments);
-  var e = a(t).getTime(), o = m(r);
-  return new Date(e + o);
-}
+import { defineComponent as m, computed as u, openBlock as l, createElementBlock as r, createElementVNode as a, normalizeClass as d, createBlock as i, unref as t, toDisplayString as s, createCommentVNode as k, normalizeStyle as z } from "vue";
+import { CheckIcon as v, ProgressIcon as b, CloseIcon as f } from "@kong/icons";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as I } from "./kongponents182.es.js";
+import { normalizeSize as h } from "./kongponents186.es.js";
+const p = ["aria-current", "data-testid"], y = { class: "step-circle" }, C = {
+  key: 3,
+  class: "step-number"
+}, x = ["title"], g = /* @__PURE__ */ m({
+  __name: "KStep",
+  props: {
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {},
+    stepNumber: {}
+  },
+  setup(e) {
+    const n = u(() => ({
+      maxWidth: h(e.maxLabelWidth)
+    }));
+    return (E, $) => (l(), r("li", {
+      "aria-current": e.state === "active" ? "step" : "false",
+      class: "step",
+      "data-testid": `step-${e.state}`
+    }, [
+      a("div", {
+        class: d(["step-container", `${e.state}`])
+      }, [
+        a("div", y, [
+          e.state === "completed" ? (l(), i(t(v), {
+            key: 0,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Completed"
+          }, null, 8, ["color", "size"])) : e.state === "pending" ? (l(), i(t(b), {
+            key: 1,
+            color: `var(--kui-color-text-primary, ${t(I)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Pending"
+          }, null, 8, ["color", "size"])) : e.state === "error" ? (l(), i(t(f), {
+            key: 2,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Error"
+          }, null, 8, ["color", "size"])) : e.stepNumber ? (l(), r("span", C, s(e.stepNumber), 1)) : k("", !0)
+        ]),
+        a("span", {
+          class: "step-label",
+          style: z(n.value),
+          title: e.label
+        }, s(e.label), 13, x)
+      ], 2)
+    ], 8, p));
+  }
+});
 export {
-  d as default
+  g as default
 };

package/dist/kongponents245.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents257.cjs"),s=require("./kongponents246.cjs");function o(e){s.default(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||r.default(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents201.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/kongponents245.es.js

@@ -1,10 +1,85 @@
-import r from "./kongponents257.es.js";
-import o from "./kongponents246.es.js";
-function a(e) {
-  o(1, arguments);
-  var t = Object.prototype.toString.call(e);
-  return e instanceof Date || r(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
-}
+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 "./kongponents201.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/kongponents247.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents256.cjs"),t=require("./kongponents245.cjs"),n=require("./kongponents246.cjs");function i(e){if(n.default(1,arguments),!r.default(e)&&typeof e!="number")return!1;var u=t.default(e);return!isNaN(Number(u))}exports.default=i;
+"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/kongponents247.es.js

@@ -1,12 +1,43 @@
-import o from "./kongponents256.es.js";
-import t from "./kongponents245.es.js";
-import m from "./kongponents246.es.js";
-function u(r) {
-  if (m(1, arguments), !o(r) && typeof r != "number")
-    return !1;
-  var e = t(r);
-  return !isNaN(Number(e));
-}
+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 {
-  u as default
+  K as default
 };

package/dist/kongponents249.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./kongponents343.cjs"),w=require("./kongponents344.cjs"),v=require("./kongponents345.cjs"),l=require("./kongponents346.cjs"),b=require("./kongponents347.cjs"),o=require("./kongponents348.cjs"),d=require("./kongponents349.cjs");var s={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},x={G:function(n,r,t){var e=n.getUTCFullYear()>0?1:0;switch(r){case"G":case"GG":case"GGG":return t.era(e,{width:"abbreviated"});case"GGGGG":return t.era(e,{width:"narrow"});default:return t.era(e,{width:"wide"})}},y:function(n,r,t){if(r==="yo"){var e=n.getUTCFullYear(),a=e>0?e:1-e;return t.ordinalNumber(a,{unit:"year"})}return d.default.y(n,r)},Y:function(n,r,t,e){var a=b.default(n,e),u=a>0?a:1-a;if(r==="YY"){var g=u%100;return o.default(g,2)}return r==="Yo"?t.ordinalNumber(u,{unit:"year"}):o.default(u,r.length)},R:function(n,r){var t=v.default(n);return o.default(t,r.length)},u:function(n,r){var t=n.getUTCFullYear();return o.default(t,r.length)},Q:function(n,r,t){var e=Math.ceil((n.getUTCMonth()+1)/3);switch(r){case"Q":return String(e);case"QQ":return o.default(e,2);case"Qo":return t.ordinalNumber(e,{unit:"quarter"});case"QQQ":return t.quarter(e,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(e,{width:"narrow",context:"formatting"});default:return t.quarter(e,{width:"wide",context:"formatting"})}},q:function(n,r,t){var e=Math.ceil((n.getUTCMonth()+1)/3);switch(r){case"q":return String(e);case"qq":return o.default(e,2);case"qo":return t.ordinalNumber(e,{unit:"quarter"});case"qqq":return t.quarter(e,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(e,{width:"narrow",context:"standalone"});default:return t.quarter(e,{width:"wide",context:"standalone"})}},M:function(n,r,t){var e=n.getUTCMonth();switch(r){case"M":case"MM":return d.default.M(n,r);case"Mo":return t.ordinalNumber(e+1,{unit:"month"});case"MMM":return t.month(e,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(e,{width:"narrow",context:"formatting"});default:return t.month(e,{width:"wide",context:"formatting"})}},L:function(n,r,t){var e=n.getUTCMonth();switch(r){case"L":return String(e+1);case"LL":return o.default(e+1,2);case"Lo":return t.ordinalNumber(e+1,{unit:"month"});case"LLL":return t.month(e,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(e,{width:"narrow",context:"standalone"});default:return t.month(e,{width:"wide",context:"standalone"})}},w:function(n,r,t,e){var a=l.default(n,e);return r==="wo"?t.ordinalNumber(a,{unit:"week"}):o.default(a,r.length)},I:function(n,r,t){var e=w.default(n);return r==="Io"?t.ordinalNumber(e,{unit:"week"}):o.default(e,r.length)},d:function(n,r,t){return r==="do"?t.ordinalNumber(n.getUTCDate(),{unit:"date"}):d.default.d(n,r)},D:function(n,r,t){var e=m.default(n);return r==="Do"?t.ordinalNumber(e,{unit:"dayOfYear"}):o.default(e,r.length)},E:function(n,r,t){var e=n.getUTCDay();switch(r){case"E":case"EE":case"EEE":return t.day(e,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(e,{width:"short",context:"formatting"});default:return t.day(e,{width:"wide",context:"formatting"})}},e:function(n,r,t,e){var a=n.getUTCDay(),u=(a-e.weekStartsOn+8)%7||7;switch(r){case"e":return String(u);case"ee":return o.default(u,2);case"eo":return t.ordinalNumber(u,{unit:"day"});case"eee":return t.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(a,{width:"short",context:"formatting"});default:return t.day(a,{width:"wide",context:"formatting"})}},c:function(n,r,t,e){var a=n.getUTCDay(),u=(a-e.weekStartsOn+8)%7||7;switch(r){case"c":return String(u);case"cc":return o.default(u,r.length);case"co":return t.ordinalNumber(u,{unit:"day"});case"ccc":return t.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(a,{width:"narrow",context:"standalone"});case"cccccc":return t.day(a,{width:"short",context:"standalone"});default:return t.day(a,{width:"wide",context:"standalone"})}},i:function(n,r,t){var e=n.getUTCDay(),a=e===0?7:e;switch(r){case"i":return String(a);case"ii":return o.default(a,r.length);case"io":return t.ordinalNumber(a,{unit:"day"});case"iii":return t.day(e,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(e,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(e,{width:"short",context:"formatting"});default:return t.day(e,{width:"wide",context:"formatting"})}},a:function(n,r,t){var e=n.getUTCHours(),a=e/12>=1?"pm":"am";switch(r){case"a":case"aa":return t.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(a,{width:"narrow",context:"formatting"});default:return t.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(n,r,t){var e=n.getUTCHours(),a;switch(e===12?a=s.noon:e===0?a=s.midnight:a=e/12>=1?"pm":"am",r){case"b":case"bb":return t.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(a,{width:"narrow",context:"formatting"});default:return t.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(n,r,t){var e=n.getUTCHours(),a;switch(e>=17?a=s.evening:e>=12?a=s.afternoon:e>=4?a=s.morning:a=s.night,r){case"B":case"BB":case"BBB":return t.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(a,{width:"narrow",context:"formatting"});default:return t.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(n,r,t){if(r==="ho"){var e=n.getUTCHours()%12;return e===0&&(e=12),t.ordinalNumber(e,{unit:"hour"})}return d.default.h(n,r)},H:function(n,r,t){return r==="Ho"?t.ordinalNumber(n.getUTCHours(),{unit:"hour"}):d.default.H(n,r)},K:function(n,r,t){var e=n.getUTCHours()%12;return r==="Ko"?t.ordinalNumber(e,{unit:"hour"}):o.default(e,r.length)},k:function(n,r,t){var e=n.getUTCHours();return e===0&&(e=24),r==="ko"?t.ordinalNumber(e,{unit:"hour"}):o.default(e,r.length)},m:function(n,r,t){return r==="mo"?t.ordinalNumber(n.getUTCMinutes(),{unit:"minute"}):d.default.m(n,r)},s:function(n,r,t){return r==="so"?t.ordinalNumber(n.getUTCSeconds(),{unit:"second"}):d.default.s(n,r)},S:function(n,r){return d.default.S(n,r)},X:function(n,r,t,e){var a=e._originalDate||n,u=a.getTimezoneOffset();if(u===0)return"Z";switch(r){case"X":return h(u);case"XXXX":case"XX":return c(u);default:return c(u,":")}},x:function(n,r,t,e){var a=e._originalDate||n,u=a.getTimezoneOffset();switch(r){case"x":return h(u);case"xxxx":case"xx":return c(u);default:return c(u,":")}},O:function(n,r,t,e){var a=e._originalDate||n,u=a.getTimezoneOffset();switch(r){case"O":case"OO":case"OOO":return"GMT"+f(u,":");default:return"GMT"+c(u,":")}},z:function(n,r,t,e){var a=e._originalDate||n,u=a.getTimezoneOffset();switch(r){case"z":case"zz":case"zzz":return"GMT"+f(u,":");default:return"GMT"+c(u,":")}},t:function(n,r,t,e){var a=e._originalDate||n,u=Math.floor(a.getTime()/1e3);return o.default(u,r.length)},T:function(n,r,t,e){var a=e._originalDate||n,u=a.getTime();return o.default(u,r.length)}};function f(i,n){var r=i>0?"-":"+",t=Math.abs(i),e=Math.floor(t/60),a=t%60;if(a===0)return r+String(e);var u=n;return r+String(e)+u+o.default(a,2)}function h(i,n){if(i%60===0){var r=i>0?"-":"+";return r+o.default(Math.abs(i)/60,2)}return c(i,n)}function c(i,n){var r=n||"",t=i>0?"-":"+",e=Math.abs(i),a=o.default(Math.floor(e/60),2),u=o.default(e%60,2);return t+a+r+u}exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents215.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.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",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},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(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;