@kong/kongponents 9.61.0 → 9.61.1

package/dist/kongponents332.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents300.cjs"),d=require("./kongponents402.cjs"),o=require("./kongponents367.cjs");function c(t,r,n){for(var u=-1,s=r.length,i={};++u<s;){var e=r[u],l=a.default(t,e);n(l,e)&&d.default(i,o.default(e,t),l)}return i}exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[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:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;

package/dist/kongponents332.es.js

@@ -1,13 +1,47 @@
-import a from "./kongponents300.es.js";
-import s from "./kongponents402.es.js";
-import l from "./kongponents367.es.js";
-function d(e, t, m) {
-  for (var i = -1, n = t.length, o = {}; ++i < n; ) {
-    var r = t[i], f = a(e, r);
-    m(f, r) && s(o, l(r, e), f);
+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: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
+      }
+      a("selected", e.item);
+    };
+    return (t, i) => (c(), u("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-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: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
   }
-  return o;
-}
+});
 export {
-  d as default
+  K as default
 };

package/dist/kongponents334.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents335.cjs"),t=require("./kongponents336.cjs"),u=require("./kongponents337.cjs"),o=require("./kongponents338.cjs");function s(e){return u.default(e)?r.default(o.default(e)):t.default(e)}exports.default=s;
+"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/kongponents334.es.js

@@ -1,10 +1,26 @@
-import o from "./kongponents335.es.js";
-import e from "./kongponents336.es.js";
-import t from "./kongponents337.es.js";
-import m from "./kongponents338.es.js";
-function s(r) {
-  return t(r) ? o(m(r)) : e(r);
-}
+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 {
-  s as default
+  _ as default
 };

package/dist/kongponents336.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents300.cjs");function u(e){return function(t){return r.default(t,e)}}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("./kongponents190.cjs"),l=require("./kongponents183.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/kongponents336.es.js

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

package/dist/kongponents338.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents316.cjs");function i(t){if(typeof t=="string"||r.default(t))return t;var e=t+"";return e=="0"&&1/t==-1/0?"-0":e}exports.default=i;
+"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/kongponents338.es.js

@@ -1,10 +1,36 @@
-import i from "./kongponents316.es.js";
-function o(t) {
-  if (typeof t == "string" || i(t))
-    return t;
-  var r = t + "";
-  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
-}
+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 {
-  o as default
+  b as default
 };

package/dist/kongponents340.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents405.cjs");var t=/^\s+/;function u(e){return e&&e.slice(0,r.default(e)+1).replace(t,"")}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-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/kongponents340.es.js

@@ -1,8 +1,25 @@
-import r from "./kongponents405.es.js";
-var a = /^\s+/;
-function t(e) {
-  return e && e.slice(0, r(e) + 1).replace(a, "");
-}
+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 {
-  t as default
+  f as default
 };

package/dist/kongponents342.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(){return typeof window<"u"}function u(t){return w(t)?(t.nodeName||"").toLowerCase():"#document"}function r(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function S(t){var e;return(e=(w(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function w(t){return s()?t instanceof Node||t instanceof r(t).Node:!1}function p(t){return s()?t instanceof Element||t instanceof r(t).Element:!1}function g(t){return s()?t instanceof HTMLElement||t instanceof r(t).HTMLElement:!1}function d(t){return!s()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof r(t).ShadowRoot}function N(t){const{overflow:e,overflowX:i,overflowY:c,display:n}=b(t);return/auto|scroll|overlay|hidden|clip/.test(e+c+i)&&n!=="inline"&&n!=="contents"}function k(t){return/^(table|td|th)$/.test(u(t))}function T(t){try{if(t.matches(":popover-open"))return!0}catch{}try{return t.matches(":modal")}catch{return!1}}const O=/transform|translate|scale|rotate|perspective|filter/,R=/paint|layout|strict|content/,o=t=>!!t&&t!=="none";let a;function v(t){const e=p(t)?b(t):t;return o(e.transform)||o(e.translate)||o(e.scale)||o(e.rotate)||o(e.perspective)||!L()&&(o(e.backdropFilter)||o(e.filter))||O.test(e.willChange||"")||R.test(e.contain||"")}function W(t){let e=l(t);for(;g(e)&&!y(e);){if(v(e))return e;if(T(e))return null;e=l(e)}return null}function L(){return a==null&&(a=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),a}function y(t){return/^(html|body|#document)$/.test(u(t))}function b(t){return r(t).getComputedStyle(t)}function A(t){return p(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function l(t){if(u(t)==="html")return t;const e=t.assignedSlot||t.parentNode||d(t)&&t.host||S(t);return d(e)?e.host:e}function h(t){const e=l(t);return y(e)?t.ownerDocument?t.ownerDocument.body:t.body:g(e)&&N(e)?e:h(e)}function m(t,e,i){var c;e===void 0&&(e=[]),i===void 0&&(i=!0);const n=h(t),D=n===((c=t.ownerDocument)==null?void 0:c.body),f=r(n);if(D){const E=C(f);return e.concat(f,f.visualViewport||[],N(n)?n:[],E&&i?m(E):[])}else return e.concat(n,m(n,[],i))}function C(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}exports.getComputedStyle=b;exports.getContainingBlock=W;exports.getDocumentElement=S;exports.getFrameElement=C;exports.getNearestOverflowAncestor=h;exports.getNodeName=u;exports.getNodeScroll=A;exports.getOverflowAncestors=m;exports.getParentNode=l;exports.getWindow=r;exports.isContainingBlock=v;exports.isElement=p;exports.isHTMLElement=g;exports.isLastTraversableNode=y;exports.isNode=w;exports.isOverflowElement=N;exports.isShadowRoot=d;exports.isTableElement=k;exports.isTopLayer=T;exports.isWebKit=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents447.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/kongponents342.es.js

@@ -1,136 +1,47 @@
-function u() {
-  return typeof window < "u";
-}
-function a(t) {
-  return m(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var n;
-  return (t == null || (n = t.ownerDocument) == null ? void 0 : n.defaultView) || window;
-}
-function L(t) {
-  var n;
-  return (n = (m(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : n.documentElement;
-}
-function m(t) {
-  return u() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function h(t) {
-  return u() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function g(t) {
-  return u() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function p(t) {
-  return !u() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-function y(t) {
-  const {
-    overflow: n,
-    overflowX: r,
-    overflowY: c,
-    display: e
-  } = b(t);
-  return /auto|scroll|overlay|hidden|clip/.test(n + c + r) && e !== "inline" && e !== "contents";
-}
-function _(t) {
-  return /^(table|td|th)$/.test(a(t));
-}
-function T(t) {
-  try {
-    if (t.matches(":popover-open"))
-      return !0;
-  } catch {
+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 "./kongponents447.es.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (l(), a("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: v(h)
+        }, null, 8, _),
+        r.hideProgress ? f("", !0) : (l(), a("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: p({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
   }
-  try {
-    return t.matches(":modal");
-  } catch {
-    return !1;
-  }
-}
-const v = /transform|translate|scale|rotate|perspective|filter/, C = /paint|layout|strict|content/, o = (t) => !!t && t !== "none";
-let s;
-function D(t) {
-  const n = h(t) ? b(t) : t;
-  return o(n.transform) || o(n.translate) || o(n.scale) || o(n.rotate) || o(n.perspective) || !R() && (o(n.backdropFilter) || o(n.filter)) || v.test(n.willChange || "") || C.test(n.contain || "");
-}
-function W(t) {
-  let n = f(t);
-  for (; g(n) && !N(n); ) {
-    if (D(n))
-      return n;
-    if (T(n))
-      return null;
-    n = f(n);
-  }
-  return null;
-}
-function R() {
-  return s == null && (s = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), s;
-}
-function N(t) {
-  return /^(html|body|#document)$/.test(a(t));
-}
-function b(t) {
-  return i(t).getComputedStyle(t);
-}
-function $(t) {
-  return h(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function f(t) {
-  if (a(t) === "html")
-    return t;
-  const n = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    p(t) && t.host || // Fallback.
-    L(t)
-  );
-  return p(n) ? n.host : n;
-}
-function S(t) {
-  const n = f(t);
-  return N(n) ? t.ownerDocument ? t.ownerDocument.body : t.body : g(n) && y(n) ? n : S(n);
-}
-function w(t, n, r) {
-  var c;
-  n === void 0 && (n = []), r === void 0 && (r = !0);
-  const e = S(t), E = e === ((c = t.ownerDocument) == null ? void 0 : c.body), l = i(e);
-  if (E) {
-    const d = k(l);
-    return n.concat(l, l.visualViewport || [], y(e) ? e : [], d && r ? w(d) : []);
-  } else
-    return n.concat(e, w(e, [], r));
-}
-function k(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
+});
 export {
-  b as getComputedStyle,
-  W as getContainingBlock,
-  L as getDocumentElement,
-  k as getFrameElement,
-  S as getNearestOverflowAncestor,
-  a as getNodeName,
-  $ as getNodeScroll,
-  w as getOverflowAncestors,
-  f as getParentNode,
-  i as getWindow,
-  D as isContainingBlock,
-  h as isElement,
-  g as isHTMLElement,
-  N as isLastTraversableNode,
-  m as isNode,
-  y as isOverflowElement,
-  p as isShadowRoot,
-  _ as isTableElement,
-  T as isTopLayer,
-  R as isWebKit
+  z as default
 };

package/dist/kongponents344.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents446.cjs"),P=require("./kongponents421.cjs"),F=require("./kongponents433.cjs"),f=require("./kongponents240.cjs"),R=require("./kongponents428.cjs"),$=require("./kongponents424.cjs"),q=require("./kongponents426.cjs"),I={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:C,expanded:!0,initialPage:b.value,maxDate:a.maxDate,minDate:a.minDate,mode:"date",modelConfig:T,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=$.default(t.value.start,t.value.end);return(q.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 T={type:"number"},C={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},x=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",I,[a.isRange?(e.openBlock(),e.createBlock(e.unref(B.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(B.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(x(t.value.start)),1)):t.value&&t.value instanceof Date?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(x(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"),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;