@kong/kongponents 9.64.21 → 9.64.22-pr.3447.2d54e3f.0

package/dist/kongponents234.es.js

@@ -1,184 +1,36 @@
-import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
-import { DatePicker as Y } from "v-calendar";
-import ae from "./kongponents260.es.js";
-import ne from "./kongponents272.es.js";
-import k from "./kongponents188.es.js";
-import $ from "./kongponents267.es.js";
-import le from "./kongponents263.es.js";
-import ie from "./kongponents265.es.js";
-const re = { class: "calendar-wrapper" }, ue = {
-  key: 2,
-  class: "time-wrapper"
-}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
-  key: 0,
-  class: "help-text"
-}, He = /* @__PURE__ */ K({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ te({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function, default: void 0 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: N }) {
-    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
-      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), D = L(), W = h(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), b = h(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: W.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: p,
-      selectAttribute: z,
-      transparent: !0,
-      trimWeeks: !0
-    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), R = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, j = () => {
-      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
-        return !1;
-      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
-      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
-    }, H = () => {
-      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
-    }, C = (n) => {
-      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: G };
-    };
-    Q(() => {
-      H(), c.value.start = r.value, c.value.end = u.value;
-    });
-    const p = { type: "number" }, q = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, z = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    M(() => r.value, (n) => {
-      if (!n)
-        return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
-    }), M(() => u.value, (n) => {
-      if (!n)
-        return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
-    }), M(() => e.value, () => {
-      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
-    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
-      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
-    });
-    const E = () => t.isRange && o(e.value), O = () => {
-      r.value = c.value.start, u.value = c.value.end;
-    }, S = (n) => {
-      try {
-        return k(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return N({
-      resetTime: O,
-      initTimeInputs: H
-    }), (n, a) => (s(), v("div", re, [
-      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      w.value ? (s(), v("div", ue, [
-        m("div", se, [
-          m("div", oe, [
-            m("label", {
-              class: "time-input-label",
-              for: `time-input-start-${f(D)}`
-            }, [
-              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
-            ], 8, de),
-            B(m("input", {
-              id: `time-input-start-${f(D)}`,
-              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
-              class: A(["time-input-start", { "input-error": y.value }]),
-              "data-testid": "time-input-start",
-              step: x.value,
-              type: "time"
-            }, null, 10, ve), [
-              [U, r.value]
-            ])
-          ]),
-          t.isRange ? (s(), v(X, { key: 0 }, [
-            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
-            m("div", fe, [
-              m("label", {
-                class: "time-input-label",
-                for: `time-input-end-${f(D)}`
-              }, [
-                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
-              ], 8, ye),
-              B(m("input", {
-                id: `time-input-end-${f(D)}`,
-                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
-                class: A(["time-input-end", { "input-error": y.value }]),
-                "data-testid": "time-input-end",
-                step: x.value,
-                type: "time"
-              }, null, 10, De), [
-                [U, u.value]
-              ])
-            ])
-          ], 64)) : g("", !0)
-        ]),
-        Z(_, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: ee(() => [
-            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
+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 {
-  He as default
+  b as default
 };

package/dist/kongponents236.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents288.cjs");var r=/[\\^$.*+?()[\]{}|]/g,a=RegExp(r.source);function t(e){return e=u.default(e),e&&a.test(e)?e.replace(r,"\\$&"):e}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-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/kongponents236.es.js

@@ -1,8 +1,25 @@
-import p from "./kongponents288.es.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
-}
+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 {
-  x as default
+  f as default
 };

package/dist/kongponents238.cjs

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

@@ -1,85 +1,47 @@
-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 "./kongponents198.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",
+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 "./kongponents355.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: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
   },
-  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));
+  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)
+        ]))
+      ])
+    ]));
   }
 });
 export {
-  F as default
+  z as default
 };

package/dist/kongponents240.cjs

@@ -1 +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;
+"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/kongponents240.es.js

@@ -1,43 +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",
+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: {
-    item: {}
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
   },
-  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, $)
+  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)
+        ]))
       ])
-    ], 8, k));
+    ]));
   }
 });
 export {
-  K as default
+  y as default
 };

package/dist/kongponents242.cjs

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

package/dist/kongponents242.es.js

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

package/dist/kongponents243.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}exports.default=u;

package/dist/kongponents243.es.js

@@ -0,0 +1,7 @@
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+export {
+  n as default
+};

package/dist/kongponents244.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents178.cjs"),c=require("@kong/icons"),f=require("./kongponents38.cjs"),V=require("./kongponents42.cjs"),g=require("./kongponents49.cjs"),x=require("./kongponents50.cjs"),N=require("./kongponents55.cjs"),I=require("./kongponents30.cjs");;/* empty css                */const S=require("./kongponents57.cjs"),B={class:"table-column-visibility-menu"},M={class:"apply-button-wrapper"},q=e.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(i,{emit:v}){const y=v,m=e.ref(!1),n=e.ref({}),u=e.ref(!1),r=e.ref(),o=e.ref(""),d=()=>{n.value=i.columns.reduce((t,l)=>(t[l.key]=i.visibilityPreferences[l.key]===void 0?!0:i.visibilityPreferences[l.key],t),{}),u.value=!1},p=C.debounce(t=>{o.value=t,r.value&&s(r.value)},500),b=e.computed(()=>o.value?i.columns.filter(t=>(t.label?t.label:t.key).toLowerCase().includes(o.value.toLowerCase())):i.columns),k=()=>{y("update",JSON.parse(JSON.stringify(n.value))),u.value=!1,o.value=""},h=t=>{m.value=t,t&&r.value&&e.nextTick(()=>{r.value&&s(r.value)}),!t&&u.value&&d(),t||(o.value="")},s=t=>{if(!(t.scrollHeight>t.clientHeight)){t.classList.remove("is-bottom-overflowing");return}const a=t.scrollHeight<t.clientHeight+t.scrollTop+1;t.classList.toggle("is-bottom-overflowing",!a)};return e.watch(()=>i.visibilityPreferences,()=>{d()},{immediate:!0}),e.onMounted(()=>{r.value&&(r.value.addEventListener("scroll",t=>{const l=t.currentTarget;s(l)}),s(r.value))}),e.onBeforeMount(()=>{d()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(g.default,{"data-testid":"table-column-visibility-menu",disabled:i.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:h},{items:e.withCtx(()=>[o.value||b.value.length>5?(e.openBlock(),e.createBlock(N.default,{key:0,modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=a=>o.value=a),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:l[2]||(l[2]=e.withModifiers(()=>{},["stop"])),onInput:e.unref(p)},e.createSlots({before:e.withCtx(()=>[e.createVNode(e.unref(c.SearchIcon),{decorative:""})]),_:2},[o.value?{name:"after",fn:e.withCtx(()=>[e.createVNode(f.default,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:l[0]||(l[0]=e.withModifiers(()=>o.value="",["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CloseIcon),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"menuItemsRef",ref:r,class:"menu-items-wrapper"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createBlock(x.default,{key:a.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${a.key}`,onClick:e.withModifiers(()=>{n.value[a.key]=!n.value[a.key],u.value=!0},["stop"])},{default:e.withCtx(()=>[e.createVNode(V.default,{modelValue:n.value[a.key],"onUpdate:modelValue":w=>n.value[a.key]=w,"aria-labelledby":`${i.tableId}-${a.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${a.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),e.createVNode(S.default,{id:`${i.tableId}-${a.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:a.label},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),e.createElementVNode("div",M,[e.createVNode(f.default,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:k},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode(" Apply ",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(I.default,{placement:"bottom-end",text:m.value?void 0:"Show/Hide Columns"},{default:e.withCtx(()=>[e.createVNode(f.default,{appearance:"tertiary","aria-label":"Show/Hide Columns",class:"menu-button","data-testid":"column-visibility-menu-button",disabled:i.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.TableColumnsIcon),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents262.cjs");var t=function(){return e.default.Date.now()};exports.default=t;