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

package/dist/kongponents226.es.js

@@ -1,47 +1,85 @@
-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 "./kongponents340.es.js";
-const I = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-loader"
-}, _ = ["src"], k = {
-  key: 0,
-  class: "progress"
-}, z = /* @__PURE__ */ d({
-  __name: "FullScreenKongSkeleton",
+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 "./kongponents195.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: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
   },
-  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)
-        ]))
-      ])
-    ]));
+  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 {
-  z as default
+  F as default
 };

package/dist/kongponents228.cjs

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

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

package/dist/kongponents230.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@kong/icons"),l=require("./kongponents183.cjs"),n=require("./kongponents182.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;
+"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/kongponents230.es.js

@@ -1,57 +1,26 @@
-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 "./kongponents183.es.js";
-import { normalizeSize as h } from "./kongponents182.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));
+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 {
-  g as default
+  _ as default
 };

package/dist/kongponents232.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),n=require("./kongponents38.cjs"),l={class:"pagination-offset-button-container"},u=e.defineComponent({__name:"PaginationOffset",props:{previousButtonDisabled:{type:Boolean,default:!1},nextButtonDisabled:{type:Boolean,default:!1}},emits:["getPreviousOffset","getNextOffset"],setup(o,{emit:s}){const a=s;return(d,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(n.default,{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]=e.withModifiers(r=>a("getPreviousOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.BackIcon),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(n.default,{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]=e.withModifiers(r=>a("getNextOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ForwardIcon),{decorative:""})]),_:1},8,["disabled"])]))}});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("./kongponents184.cjs"),l=require("./kongponents182.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/kongponents232.es.js

@@ -1,57 +1,50 @@
-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",
+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 "./kongponents184.es.js";
+import { normalizeSize as p } from "./kongponents182.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: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
+    cardCount: {},
+    maxWidth: {}
   },
-  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"]))
-      }, {
-        default: i(() => [
-          e(s(c), { decorative: "" })
+  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)
         ]),
-        _: 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: "" })
+        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)
         ]),
-        _: 1
-      }, 8, ["disabled"])
+        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 {
-  y as default
+  E as default
 };

package/dist/kongponents234.cjs

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