@kong/kongponents 9.64.5 → 9.64.6

package/dist/kongponents257.es.js

@@ -1,26 +1,184 @@
-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"
+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 "./kongponents389.es.js";
+import ae from "./kongponents301.es.js";
+import ne from "./kongponents313.es.js";
+import k from "./kongponents200.es.js";
+import $ from "./kongponents308.es.js";
+import le from "./kongponents304.es.js";
+import ie from "./kongponents306.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
         })
-      ], !0)
+      ])) : g("", !0)
     ]));
   }
 });
 export {
-  _ as default
+  He as default
 };

package/dist/kongponents259.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("./kongponents191.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 u=require("./kongponents514.cjs");function c(t){if(typeof t=="function")try{t=t()}catch{t=""}return Array.isArray(t)?t=u.default(t):t=String(t||""),t}var f=(function(){function t(e){e===void 0&&(e=0),this.items=new Map,this.ttl=e}return t.prototype.serializeKey=function(e){return c(e)},t.prototype.get=function(e){var i=this.serializeKey(e);return this.items.get(i)},t.prototype.set=function(e,i,a){var n=this.serializeKey(e),r=a||this.ttl,s=Date.now(),o={data:i,createdAt:s,expiresAt:r?s+r:1/0};this.dispatchExpire(r,o,n),this.items.set(n,o)},t.prototype.dispatchExpire=function(e,i,a){var n=this;e&&setTimeout(function(){var r=Date.now(),s=r>=i.expiresAt;s&&n.delete(a)},e)},t.prototype.delete=function(e){this.items.delete(e)},t})();exports.default=f;

package/dist/kongponents259.es.js

@@ -1,50 +1,42 @@
-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 "./kongponents191.es.js";
-import { normalizeSize as p } from "./kongponents184.es.js";
-const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
-  __name: "CardSkeleton",
-  props: {
-    cardCount: {},
-    maxWidth: {}
-  },
-  setup(o) {
-    f((e) => ({
-      v2bf65be7: u.value
-    }));
-    const u = k(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
-    return (e, S) => (t(), r("div", _, [
-      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
-        key: m,
-        class: "skeleton-card"
-      }, [
-        l("div", v, [
-          i(e.$slots, "card-header", {}, () => [
-            n(d, { width: "50" })
-          ], !0)
-        ]),
-        l("div", w, [
-          i(e.$slots, "card-content", {}, () => [
-            (t(), r(s, null, c(3, (a) => n(d, {
-              key: a,
-              width: "100"
-            })), 64)),
-            n(d, { width: "50" })
-          ], !0)
-        ]),
-        l("div", x, [
-          i(e.$slots, "card-footer", {}, () => [
-            (t(), r(s, null, c(2, (a) => n(d, {
-              key: a,
-              height: "2",
-              width: "5"
-            })), 64))
-          ], !0)
-        ])
-      ]))), 128))
-    ]));
-  }
-});
+import p from "./kongponents514.es.js";
+function f(t) {
+  if (typeof t == "function")
+    try {
+      t = t();
+    } catch {
+      t = "";
+    }
+  return Array.isArray(t) ? t = p(t) : t = String(t || ""), t;
+}
+var c = (
+  /** @class */
+  (function() {
+    function t(e) {
+      e === void 0 && (e = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = e;
+    }
+    return t.prototype.serializeKey = function(e) {
+      return f(e);
+    }, t.prototype.get = function(e) {
+      var i = this.serializeKey(e);
+      return this.items.get(i);
+    }, t.prototype.set = function(e, i, s) {
+      var n = this.serializeKey(e), r = s || this.ttl, a = Date.now(), o = {
+        data: i,
+        createdAt: a,
+        expiresAt: r ? a + r : 1 / 0
+      };
+      this.dispatchExpire(r, o, n), this.items.set(n, o);
+    }, t.prototype.dispatchExpire = function(e, i, s) {
+      var n = this;
+      e && setTimeout(function() {
+        var r = Date.now(), a = r >= i.expiresAt;
+        a && n.delete(s);
+      }, e);
+    }, t.prototype.delete = function(e) {
+      this.items.delete(e);
+    }, t;
+  })()
+);
 export {
-  E as default
+  c as default
 };

package/dist/{kongponents256.cjs → kongponents260.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("vue"),T=require("./kongponents451.cjs"),k=require("./kongponents255.cjs");var b=function(){return b=Object.assign||function(l){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(l[a]=n[a])}return l},b.apply(this,arguments)},V=function(l,n,r,i){function a(e){return e instanceof r?e:new r(function(f){f(e)})}return new(r||(r=Promise))(function(e,f){function h(o){try{t(i.next(o))}catch(u){f(u)}}function s(o){try{t(i.throw(o))}catch(u){f(u)}}function t(o){o.done?e(o.value):a(o.value).then(h,s)}t((i=i.apply(l,n||[])).next())})},C=function(l,n){var r={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},i,a,e,f;return f={next:h(0),throw:h(1),return:h(2)},typeof Symbol=="function"&&(f[Symbol.iterator]=function(){return this}),f;function h(t){return function(o){return s([t,o])}}function s(t){if(i)throw new TypeError("Generator is already executing.");for(;r;)try{if(i=1,a&&(e=t[0]&2?a.return:t[0]?a.throw||((e=a.return)&&e.call(a),0):a.next)&&!(e=e.call(a,t[1])).done)return e;switch(a=0,e&&(t=[t[0]&2,e.value]),t[0]){case 0:case 1:e=t;break;case 4:return r.label++,{value:t[1],done:!1};case 5:r.label++,a=t[1],t=[0];continue;case 7:t=r.ops.pop(),r.trys.pop();continue;default:if(e=r.trys,!(e=e.length>0&&e[e.length-1])&&(t[0]===6||t[0]===2)){r=0;continue}if(t[0]===3&&(!e||t[1]>e[0]&&t[1]<e[3])){r.label=t[1];break}if(t[0]===6&&r.label<e[1]){r.label=e[1],e=t;break}if(e&&r.label<e[2]){r.label=e[2],r.ops.push(t);break}e[2]&&r.ops.pop(),r.trys.pop();continue}t=n.call(l,r)}catch(o){t=[6,o],a=0}finally{i=e=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}},N=function(l,n){var r=typeof Symbol=="function"&&l[Symbol.iterator];if(!r)return l;var i=r.call(l),a,e=[],f;try{for(;(n===void 0||n-- >0)&&!(a=i.next()).done;)e.push(a.value)}catch(h){f={error:h}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(f)throw f.error}}return e},Q=function(l,n,r){if(r||arguments.length===2)for(var i=0,a=n.length,e;i<a;i++)(e||!(i in n))&&(e||(e=Array.prototype.slice.call(n,0,i)),e[i]=n[i]);return l.concat(e||Array.prototype.slice.call(n))},J=new k.default,A=new k.default,D=new k.default,x={cache:J,refreshInterval:0,ttl:0,serverTTL:1e3,dedupingInterval:2e3,revalidateOnFocus:!0,revalidateDebounce:0,shouldRetryOnError:!0,errorRetryInterval:5e3,errorRetryCount:5,fetcher:T.default.fetcher,isOnline:T.default.isOnline,isDocumentVisible:T.default.isDocumentVisible};function U(l,n,r){var i=A.get(l);if(i)i.data.push(n);else{var a=5e3;A.set(l,[n],r>0?r+a:r)}}function X(l,n,r){if(r.isDocumentVisible()&&!(r.errorRetryCount!==void 0&&n>r.errorRetryCount)){var i=Math.min(n||0,r.errorRetryCount),a=i*r.errorRetryInterval;setTimeout(function(){l(null,{errorRetryCount:i+1,shouldRetryOnError:!0})},a)}}function z(l){var n=l.shouldRetry,r=n===void 0?void 0:n,i=l.error;return typeof r=="function"?r(i):typeof r=="boolean"?r:x.shouldRetryOnError}var F=function(l,n,r,i){return r===void 0&&(r=J),i===void 0&&(i=x.ttl),V(void 0,void 0,void 0,function(){var a,e,f,h,s,t,o;return C(this,function(u){switch(u.label){case 0:if(!Z(n))return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,n];case 2:return a=u.sent(),[3,4];case 3:return h=u.sent(),e=h,[3,4];case 4:return[3,6];case 5:a=n,u.label=6;case 6:if(f=!1,s={data:a,error:e,isValidating:f},typeof a<"u")try{r.set(l,s,i)}catch(v){console.error("swrv(mutate): failed to set cache",v)}return t=A.get(l),t&&t.data.length&&(o=t.data.filter(function(v){return v.key===l}),o.forEach(function(v,m){typeof s.data<"u"&&(v.data=s.data),v.error=s.error,v.isValidating=s.isValidating,v.isLoading=s.isValidating;var g=m===o.length-1;g||delete o[m]}),o=o.filter(Boolean)),[2,s]}})})};function Y(){for(var l=this,n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i,a,e=b({},x),f=!1,h=!1;if(!R.getCurrentScope())return console.error("useSWRV must be called inside setup() or an active effectScope()."),null;var s=typeof window>"u"||typeof document>"u";n.length>=1&&(i=n[0]),n.length>=2&&(a=n[1]),n.length>2&&(e=b(b({},e),n[2]));var t=s?e.serverTTL:e.ttl,o=typeof i=="function"?i:R.ref(i);typeof a>"u"&&(a=e.fetcher);var u=null;u||(u=R.reactive({data:void 0,error:void 0,isValidating:!0,isLoading:!0,key:null}));var v=function(d,c){return V(l,void 0,void 0,function(){var H,y,O,E,I,M,S,P=this;return C(this,function(_){switch(_.label){case 0:return H=u.data===void 0,y=o.value,y?(O=e.cache.get(y),E=O&&O.data,u.isValidating=!0,u.isLoading=!E,E&&(u.data=E.data,u.error=E.error),I=d||a,!I||!e.isDocumentVisible()&&!H||c?.forceRevalidate!==void 0&&!c?.forceRevalidate?(u.isValidating=!1,u.isLoading=!1,[2]):O&&(M=!!(Date.now()-O.createdAt>=e.dedupingInterval||c?.forceRevalidate),!M)?(u.isValidating=!1,u.isLoading=!1,[2]):(S=function(){return V(P,void 0,void 0,function(){var w,q,L,B,W,G;return C(this,function(p){switch(p.label){case 0:return w=D.get(y),w?[3,2]:(q=Array.isArray(y)?y:[y],L=I.apply(void 0,Q([],N(q),!1)),D.set(y,L,e.dedupingInterval),[4,F(y,L,e.cache,t)]);case 1:return p.sent(),[3,4];case 2:return[4,F(y,w.data,e.cache,t)];case 3:p.sent(),p.label=4;case 4:return u.isValidating=!1,u.isLoading=!1,D.delete(y),u.error!==void 0&&(B=z({shouldRetry:e.shouldRetryOnError,error:u.error}),W=z({shouldRetry:c?c.shouldRetryOnError:!0,error:u.error}),G=!f&&B&&W,G&&X(v,c?c.errorRetryCount:1,e)),[2]}})})},E&&e.revalidateDebounce?(setTimeout(function(){return V(P,void 0,void 0,function(){return C(this,function(w){switch(w.label){case 0:return f?[3,2]:[4,S()];case 1:w.sent(),w.label=2;case 2:return[2]}})})},e.revalidateDebounce),[3,3]):[3,1])):[2];case 1:return[4,S()];case 2:_.sent(),_.label=3;case 3:return[2]}})})},m=function(){return V(l,void 0,void 0,function(){return C(this,function(d){return[2,v(null,{shouldRetryOnError:!1})]})})},g=null;if(!s){var j=function(){return V(l,void 0,void 0,function(){return C(this,function(d){switch(d.label){case 0:return!u.error&&e.isOnline()?[4,v()]:[3,2];case 1:return d.sent(),[3,3];case 2:g&&(clearTimeout(g),g=null),d.label=3;case 3:return e.refreshInterval&&!f&&(g=setTimeout(j,e.refreshInterval)),[2]}})})};e.refreshInterval&&(g=setTimeout(j,e.refreshInterval)),e.revalidateOnFocus&&(document.addEventListener("visibilitychange",m,!1),window.addEventListener("focus",m,!1))}R.onScopeDispose(function(){f=!0,g&&(clearTimeout(g),g=null),!s&&e.revalidateOnFocus&&(document.removeEventListener("visibilitychange",m,!1),window.removeEventListener("focus",m,!1));var d=A.get(o.value);d&&(d.data=d.data.filter(function(c){return c!==u}))});try{R.watch(o,function(d){R.isReadonly(o)||(o.value=d),u.key=d,u.isValidating=!!d,U(o.value,u,t),!s&&!h&&o.value&&v(),h=!1},{immediate:!0})}catch{}var K=b(b({},R.toRefs(u)),{mutate:function(d,c){return v(d,b(b({},c),{forceRevalidate:!0}))}});return K}function Z(l){return l!==null&&typeof l=="object"&&typeof l.then=="function"}exports.default=Y;exports.mutate=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("vue"),T=require("./kongponents515.cjs"),k=require("./kongponents259.cjs");var b=function(){return b=Object.assign||function(l){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(l[a]=n[a])}return l},b.apply(this,arguments)},V=function(l,n,r,i){function a(e){return e instanceof r?e:new r(function(f){f(e)})}return new(r||(r=Promise))(function(e,f){function h(o){try{t(i.next(o))}catch(u){f(u)}}function s(o){try{t(i.throw(o))}catch(u){f(u)}}function t(o){o.done?e(o.value):a(o.value).then(h,s)}t((i=i.apply(l,n||[])).next())})},C=function(l,n){var r={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},i,a,e,f;return f={next:h(0),throw:h(1),return:h(2)},typeof Symbol=="function"&&(f[Symbol.iterator]=function(){return this}),f;function h(t){return function(o){return s([t,o])}}function s(t){if(i)throw new TypeError("Generator is already executing.");for(;r;)try{if(i=1,a&&(e=t[0]&2?a.return:t[0]?a.throw||((e=a.return)&&e.call(a),0):a.next)&&!(e=e.call(a,t[1])).done)return e;switch(a=0,e&&(t=[t[0]&2,e.value]),t[0]){case 0:case 1:e=t;break;case 4:return r.label++,{value:t[1],done:!1};case 5:r.label++,a=t[1],t=[0];continue;case 7:t=r.ops.pop(),r.trys.pop();continue;default:if(e=r.trys,!(e=e.length>0&&e[e.length-1])&&(t[0]===6||t[0]===2)){r=0;continue}if(t[0]===3&&(!e||t[1]>e[0]&&t[1]<e[3])){r.label=t[1];break}if(t[0]===6&&r.label<e[1]){r.label=e[1],e=t;break}if(e&&r.label<e[2]){r.label=e[2],r.ops.push(t);break}e[2]&&r.ops.pop(),r.trys.pop();continue}t=n.call(l,r)}catch(o){t=[6,o],a=0}finally{i=e=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}},N=function(l,n){var r=typeof Symbol=="function"&&l[Symbol.iterator];if(!r)return l;var i=r.call(l),a,e=[],f;try{for(;(n===void 0||n-- >0)&&!(a=i.next()).done;)e.push(a.value)}catch(h){f={error:h}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(f)throw f.error}}return e},Q=function(l,n,r){if(r||arguments.length===2)for(var i=0,a=n.length,e;i<a;i++)(e||!(i in n))&&(e||(e=Array.prototype.slice.call(n,0,i)),e[i]=n[i]);return l.concat(e||Array.prototype.slice.call(n))},J=new k.default,A=new k.default,D=new k.default,x={cache:J,refreshInterval:0,ttl:0,serverTTL:1e3,dedupingInterval:2e3,revalidateOnFocus:!0,revalidateDebounce:0,shouldRetryOnError:!0,errorRetryInterval:5e3,errorRetryCount:5,fetcher:T.default.fetcher,isOnline:T.default.isOnline,isDocumentVisible:T.default.isDocumentVisible};function U(l,n,r){var i=A.get(l);if(i)i.data.push(n);else{var a=5e3;A.set(l,[n],r>0?r+a:r)}}function X(l,n,r){if(r.isDocumentVisible()&&!(r.errorRetryCount!==void 0&&n>r.errorRetryCount)){var i=Math.min(n||0,r.errorRetryCount),a=i*r.errorRetryInterval;setTimeout(function(){l(null,{errorRetryCount:i+1,shouldRetryOnError:!0})},a)}}function z(l){var n=l.shouldRetry,r=n===void 0?void 0:n,i=l.error;return typeof r=="function"?r(i):typeof r=="boolean"?r:x.shouldRetryOnError}var F=function(l,n,r,i){return r===void 0&&(r=J),i===void 0&&(i=x.ttl),V(void 0,void 0,void 0,function(){var a,e,f,h,s,t,o;return C(this,function(u){switch(u.label){case 0:if(!Z(n))return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,n];case 2:return a=u.sent(),[3,4];case 3:return h=u.sent(),e=h,[3,4];case 4:return[3,6];case 5:a=n,u.label=6;case 6:if(f=!1,s={data:a,error:e,isValidating:f},typeof a<"u")try{r.set(l,s,i)}catch(v){console.error("swrv(mutate): failed to set cache",v)}return t=A.get(l),t&&t.data.length&&(o=t.data.filter(function(v){return v.key===l}),o.forEach(function(v,m){typeof s.data<"u"&&(v.data=s.data),v.error=s.error,v.isValidating=s.isValidating,v.isLoading=s.isValidating;var g=m===o.length-1;g||delete o[m]}),o=o.filter(Boolean)),[2,s]}})})};function Y(){for(var l=this,n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i,a,e=b({},x),f=!1,h=!1;if(!R.getCurrentScope())return console.error("useSWRV must be called inside setup() or an active effectScope()."),null;var s=typeof window>"u"||typeof document>"u";n.length>=1&&(i=n[0]),n.length>=2&&(a=n[1]),n.length>2&&(e=b(b({},e),n[2]));var t=s?e.serverTTL:e.ttl,o=typeof i=="function"?i:R.ref(i);typeof a>"u"&&(a=e.fetcher);var u=null;u||(u=R.reactive({data:void 0,error:void 0,isValidating:!0,isLoading:!0,key:null}));var v=function(d,c){return V(l,void 0,void 0,function(){var H,y,O,E,I,M,S,P=this;return C(this,function(_){switch(_.label){case 0:return H=u.data===void 0,y=o.value,y?(O=e.cache.get(y),E=O&&O.data,u.isValidating=!0,u.isLoading=!E,E&&(u.data=E.data,u.error=E.error),I=d||a,!I||!e.isDocumentVisible()&&!H||c?.forceRevalidate!==void 0&&!c?.forceRevalidate?(u.isValidating=!1,u.isLoading=!1,[2]):O&&(M=!!(Date.now()-O.createdAt>=e.dedupingInterval||c?.forceRevalidate),!M)?(u.isValidating=!1,u.isLoading=!1,[2]):(S=function(){return V(P,void 0,void 0,function(){var w,q,L,B,W,G;return C(this,function(p){switch(p.label){case 0:return w=D.get(y),w?[3,2]:(q=Array.isArray(y)?y:[y],L=I.apply(void 0,Q([],N(q),!1)),D.set(y,L,e.dedupingInterval),[4,F(y,L,e.cache,t)]);case 1:return p.sent(),[3,4];case 2:return[4,F(y,w.data,e.cache,t)];case 3:p.sent(),p.label=4;case 4:return u.isValidating=!1,u.isLoading=!1,D.delete(y),u.error!==void 0&&(B=z({shouldRetry:e.shouldRetryOnError,error:u.error}),W=z({shouldRetry:c?c.shouldRetryOnError:!0,error:u.error}),G=!f&&B&&W,G&&X(v,c?c.errorRetryCount:1,e)),[2]}})})},E&&e.revalidateDebounce?(setTimeout(function(){return V(P,void 0,void 0,function(){return C(this,function(w){switch(w.label){case 0:return f?[3,2]:[4,S()];case 1:w.sent(),w.label=2;case 2:return[2]}})})},e.revalidateDebounce),[3,3]):[3,1])):[2];case 1:return[4,S()];case 2:_.sent(),_.label=3;case 3:return[2]}})})},m=function(){return V(l,void 0,void 0,function(){return C(this,function(d){return[2,v(null,{shouldRetryOnError:!1})]})})},g=null;if(!s){var j=function(){return V(l,void 0,void 0,function(){return C(this,function(d){switch(d.label){case 0:return!u.error&&e.isOnline()?[4,v()]:[3,2];case 1:return d.sent(),[3,3];case 2:g&&(clearTimeout(g),g=null),d.label=3;case 3:return e.refreshInterval&&!f&&(g=setTimeout(j,e.refreshInterval)),[2]}})})};e.refreshInterval&&(g=setTimeout(j,e.refreshInterval)),e.revalidateOnFocus&&(document.addEventListener("visibilitychange",m,!1),window.addEventListener("focus",m,!1))}R.onScopeDispose(function(){f=!0,g&&(clearTimeout(g),g=null),!s&&e.revalidateOnFocus&&(document.removeEventListener("visibilitychange",m,!1),window.removeEventListener("focus",m,!1));var d=A.get(o.value);d&&(d.data=d.data.filter(function(c){return c!==u}))});try{R.watch(o,function(d){R.isReadonly(o)||(o.value=d),u.key=d,u.isValidating=!!d,U(o.value,u,t),!s&&!h&&o.value&&v(),h=!1},{immediate:!0})}catch{}var K=b(b({},R.toRefs(u)),{mutate:function(d,c){return v(d,b(b({},c),{forceRevalidate:!0}))}});return K}function Z(l){return l!==null&&typeof l=="object"&&typeof l.then=="function"}exports.default=Y;exports.mutate=F;

package/dist/{kongponents256.es.js → kongponents260.es.js}

@@ -1,6 +1,6 @@
 import { getCurrentScope as K, ref as N, reactive as Q, onScopeDispose as U, watch as X, isReadonly as Y, toRefs as Z } from "vue";
-import _ from "./kongponents451.es.js";
-import T from "./kongponents255.es.js";
+import _ from "./kongponents515.es.js";
+import T from "./kongponents259.es.js";
 var m = function() {
   return m = Object.assign || function(o) {
     for (var n, r = 1, i = arguments.length; r < i; r++) {

package/dist/kongponents261.cjs

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

@@ -1,36 +1,26 @@
-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))
+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 {
-  b as default
+  _ as default
 };

package/dist/kongponents263.cjs

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

@@ -1,25 +1,50 @@
-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"
+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 "./kongponents185.es.js";
+import { normalizeSize as p } from "./kongponents193.es.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    f((e) => ({
+      v2bf65be7: u.value
+    }));
+    const u = k(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (t(), r("div", _, [
+      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
+        key: m,
+        class: "skeleton-card"
       }, [
-        o(r, {
-          height: "2",
-          width: "10"
-        }),
-        o(r, {
-          height: "2",
-          width: "100"
-        })
-      ])), 64))
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (t(), r(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (t(), r(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
     ]));
   }
 });
 export {
-  f as default
+  E as default
 };

package/dist/kongponents265.cjs

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

package/dist/kongponents265.es.js

@@ -1,47 +1,36 @@
-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 "./kongponents353.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 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: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
+    rows: {},
+    columns: {}
   },
-  setup(r) {
-    i((t) => ({
-      v4d434712: t.zIndex
+  setup(s) {
+    d((e) => ({
+      v33b7f45f: e.columns
     }));
-    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)
-        ]))
-      ])
+    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 {
-  z as default
+  b as default
 };

package/dist/kongponents267.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"),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;