@kong/kongponents 9.66.0 → 9.66.1-pr.3471.85e8b4e.0

package/dist/kongponents210.es.js

@@ -1,62 +1,19 @@
-import I from "./kongponents302.es.js";
-import y from "./kongponents303.es.js";
-import M from "./kongponents300.es.js";
-import j from "./kongponents304.es.js";
-import q from "./kongponents305.es.js";
-import Q from "./kongponents306.es.js";
-import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./kongponents307.es.js";
-import x from "./kongponents299.es.js";
-import K from "./kongponents301.es.js";
-import { getDefaultOptions as V } from "./kongponents308.es.js";
-import Z from "./kongponents309.es.js";
-var B = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, G = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, J = /^'([^]*?)'?$/, N = /''/g, U = /[a-zA-Z]/;
-function de(a, t, e) {
-  var v, d, c, u, m, s, p, k, w, g, O, _, h, $, D, E, S, C;
-  K(2, arguments);
-  var z = String(t), l = V(), n = (v = (d = e?.locale) !== null && d !== void 0 ? d : l.locale) !== null && v !== void 0 ? v : Z, R = x((c = (u = (m = (s = e?.firstWeekContainsDate) !== null && s !== void 0 ? s : e == null || (p = e.locale) === null || p === void 0 || (k = p.options) === null || k === void 0 ? void 0 : k.firstWeekContainsDate) !== null && m !== void 0 ? m : l.firstWeekContainsDate) !== null && u !== void 0 ? u : (w = l.locale) === null || w === void 0 || (g = w.options) === null || g === void 0 ? void 0 : g.firstWeekContainsDate) !== null && c !== void 0 ? c : 1);
-  if (!(R >= 1 && R <= 7))
-    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var W = x((O = (_ = (h = ($ = e?.weekStartsOn) !== null && $ !== void 0 ? $ : e == null || (D = e.locale) === null || D === void 0 || (E = D.options) === null || E === void 0 ? void 0 : E.weekStartsOn) !== null && h !== void 0 ? h : l.weekStartsOn) !== null && _ !== void 0 ? _ : (S = l.locale) === null || S === void 0 || (C = S.options) === null || C === void 0 ? void 0 : C.weekStartsOn) !== null && O !== void 0 ? O : 0);
-  if (!(W >= 0 && W <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  if (!n.localize)
-    throw new RangeError("locale must contain localize property");
-  if (!n.formatLong)
-    throw new RangeError("locale must contain formatLong property");
-  var i = M(a);
-  if (!I(i))
-    throw new RangeError("Invalid time value");
-  var P = Q(i), L = y(i, P), Y = {
-    firstWeekContainsDate: R,
-    weekStartsOn: W,
-    locale: n,
-    _originalDate: i
-  }, A = z.match(G).map(function(r) {
-    var o = r[0];
-    if (o === "p" || o === "P") {
-      var f = q[o];
-      return f(r, n.formatLong);
-    }
-    return r;
-  }).join("").match(B).map(function(r) {
-    if (r === "''")
-      return "'";
-    var o = r[0];
-    if (o === "'")
-      return X(r);
-    var f = j[o];
-    if (f)
-      return !(e != null && e.useAdditionalWeekYearTokens) && F(r) && T(r, t, String(a)), !(e != null && e.useAdditionalDayOfYearTokens) && H(r) && T(r, t, String(a)), f(L, r, n.localize, Y);
-    if (o.match(U))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + o + "`");
-    return r;
-  }).join("");
-  return A;
-}
-function X(a) {
-  var t = a.match(J);
-  return t ? t[1].replace(N, "'") : a;
-}
+import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (l(), a(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", {}, void 0, void 0, 1);
+  }
+});
 export {
-  de as default
+  u as default
 };

package/dist/kongponents211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents290.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),r=t.default(e.default,[["__scopeId","data-v-4b260443"]]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents220.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-72b558ed"]]);exports.default=u;

package/dist/kongponents211.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents290.es.js";
+import o from "./kongponents220.es.js";
 /* empty css                  */
 import t from "./kongponents82.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b260443"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72b558ed"]]);
 export {
   p as default
 };

package/dist/kongponents212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents292.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-72d30b29"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents222.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-63e1d6bf"]]);exports.default=u;

package/dist/kongponents212.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents292.es.js";
+import o from "./kongponents222.es.js";
 /* empty css                  */
 import t from "./kongponents82.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72d30b29"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63e1d6bf"]]);
 export {
-  p as default
+  f as default
 };

package/dist/kongponents213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents294.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-72a28527"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents224.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-c1dc80ad"]]);exports.default=u;

package/dist/kongponents213.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents294.es.js";
+import o from "./kongponents224.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
+import t from "./kongponents82.es.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c1dc80ad"]]);
 export {
-  a as default
+  c as default
 };

package/dist/kongponents214.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents296.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-409cfb15"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents226.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-f750ceb7"]]);exports.default=u;

package/dist/kongponents214.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents296.es.js";
+import o from "./kongponents226.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-409cfb15"]]);
+import t from "./kongponents82.es.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
 export {
-  c as default
+  f as default
 };

package/dist/kongponents215.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents389.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-c348456b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents228.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-bc7e2b16"]]);exports.default=u;

package/dist/kongponents215.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents389.es.js";
+import o from "./kongponents228.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c348456b"]]);
+import e from "./kongponents82.es.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
 export {
-  s as default
+  m as default
 };

package/dist/kongponents216.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents391.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-02f131b4"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents230.cjs");;/* empty css                 */const r=require("./kongponents82.cjs"),u=r.default(e.default,[["__scopeId","data-v-5e7cf03a"]]);exports.default=u;

package/dist/kongponents216.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents391.es.js";
+import e from "./kongponents230.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-02f131b4"]]);
+import r from "./kongponents82.es.js";
+const p = /* @__PURE__ */ r(e, [["__scopeId", "data-v-5e7cf03a"]]);
 export {
-  f as default
+  p as default
 };

package/dist/kongponents217.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=e.defineComponent({__name:"KPopTeleportWrapper",props:{useTeleport:{type:Boolean},target:{default:null}},setup(t){return(o,l)=>t.useTeleport?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.target},[e.renderSlot(o.$slots,"default")],8,["to"])):e.renderSlot(o.$slots,"default",{},void 0,void 0,1)}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents305.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-cf7c2833"]]);exports.default=u;

package/dist/kongponents217.es.js

@@ -1,19 +1,7 @@
-import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
-const u = /* @__PURE__ */ r({
-  __name: "KPopTeleportWrapper",
-  props: {
-    useTeleport: { type: Boolean },
-    target: { default: null }
-  },
-  setup(e) {
-    return (t, n) => e.useTeleport ? (l(), a(p, {
-      key: 0,
-      to: e.target
-    }, [
-      o(t.$slots, "default")
-    ], 8, ["to"])) : o(t.$slots, "default", {}, void 0, void 0, 1);
-  }
-});
+import o from "./kongponents305.es.js";
+/* empty css                  */
+import t from "./kongponents82.es.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf7c2833"]]);
 export {
-  u as default
+  f as default
 };

package/dist/kongponents218.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents335.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-51a543d6"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./kongponents284.cjs"),n=require("./kongponents285.cjs"),o=require("./kongponents286.cjs");function i(r,e){var u={};return e=o.default(e),n.default(r,function(s,t,a){l.default(u,t,e(s,t,a))}),u}exports.default=i;

package/dist/kongponents218.es.js

@@ -1,7 +1,12 @@
-import o from "./kongponents335.es.js";
-/* empty css                  */
-import t from "./kongponents82.es.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51a543d6"]]);
+import t from "./kongponents284.es.js";
+import u from "./kongponents285.es.js";
+import f from "./kongponents286.es.js";
+function l(s, r) {
+  var o = {};
+  return r = f(r), u(s, function(m, a, n) {
+    t(o, a, r(m, a, n));
+  }), o;
+}
 export {
-  m as default
+  l as default
 };

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

package/dist/kongponents219.es.js

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

package/dist/kongponents220.cjs

@@ -0,0 +1 @@
+"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/kongponents220.es.js

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

package/dist/{kongponents221.cjs → kongponents222.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents182.cjs"),l=require("./kongponents185.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents185.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/{kongponents221.es.js → kongponents222.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as h, useCssVars as f, computed as k, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
 import d from "./kongponents67.es.js";
-import { KUI_SPACE_50 as C } from "./kongponents182.es.js";
-import { normalizeSize as p } from "./kongponents185.es.js";
+import { KUI_SPACE_50 as C } from "./kongponents185.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: {

package/dist/{kongponents227.cjs → kongponents228.cjs}

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

@@ -1,5 +1,5 @@
 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 "./kongponents387.es.js";
+import h from "./kongponents303.es.js";
 const I = {
   class: "fullscreen-loading-container",
   "data-testid": "full-screen-loader"

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

package/dist/kongponents234.es.js

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

package/dist/kongponents236.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents49.cjs"),C=require("./kongponents50.cjs"),h=require("./kongponents55.cjs"),S=require("./kongponents307.cjs"),b=require("@kong/icons"),B={key:0,class:"item-filtering-wrapper"},T={key:1,class:"no-items","data-testid":"filter-selector-no-items"},F={ref:"itemWrapper",class:"items-wrapper"},V=e.defineComponent({__name:"FilterSelector",props:{filters:{},itemFiltering:{type:Boolean,default:!1},label:{default:"Add filter"}},emits:["select"],setup(r,{emit:u}){const s=e.useTemplateRef("filterSelector"),d=e.useTemplateRef("itemWrapper"),f=e.useTemplateRef("itemFilteringInput"),a=e.ref(!1),i=e.ref(""),m=e.computed(()=>i.value.toLocaleLowerCase()),n=e.ref(!1),c=e.computed(()=>Object.entries(r.filters).filter(([,t])=>(r.itemFiltering===!1||t.label.toLocaleLowerCase().includes(m.value))&&!t.readonly).map(([t,l])=>({label:l.label,value:t,onClick:()=>v(t)}))),p=u,v=t=>{p("select",t)},g=async t=>{t?(n.value=!0,await e.nextTick(),i.value="",f.value?.input?.focus()):n.value=!1,a.value=!a.value},k=async()=>{a.value?s.value?.closeDropdown():(s.value?.openDropdown(),await e.nextTick(),d.value?.scrollTo({top:0}))};return(t,l)=>(e.openBlock(),e.createBlock(w.default,{ref:"filterSelector",width:"auto",onToggleDropdown:g},{default:e.withCtx(()=>[e.createVNode(S.default,{"data-testid":"filter-selector",label:r.label,"pill-focus":n.value,onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:k},{"open-icon":e.withCtx(()=>[e.createVNode(e.unref(b.AddIcon),{decorative:""})]),_:1},8,["label","pill-focus"])]),items:e.withCtx(()=>[r.itemFiltering?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(h.default,{ref:"itemFilteringInput",modelValue:i.value,"onUpdate:modelValue":l[1]||(l[1]=o=>i.value=o),"data-testid":"filter-selector-item-filtering",placeholder:"Search…",onClick:l[2]||(l[2]=e.withModifiers(()=>{},["stop"]))},null,8,["modelValue"])])):e.createCommentVNode("",!0),r.itemFiltering&&c.value.length===0?(e.openBlock(),e.createElementBlock("div",T," No filters found ")):e.createCommentVNode("",!0),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>(e.openBlock(),e.createBlock(C.default,{key:o.value,"data-testid":"dropdown-item-trigger",item:o,value:o.value,onClick:o.onClick},{default:e.withCtx(()=>[e.renderSlot(t.$slots,`filter-item-${o.value}`,{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},1032,["item","value","onClick"]))),128))],512)]),_:3},512))}});exports.default=V;