@kong/kongponents 9.64.16 → 9.64.17

package/dist/kongponents267.es.js

@@ -0,0 +1,182 @@
+import { defineComponent as D, ref as u, computed as L, watch as T, onMounted as $, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as E, renderList as P, createTextVNode as C, toDisplayString as z, nextTick as U } from "vue";
+import { debounce as A } from "./kongponents178.es.js";
+import J from "./kongponents185.es.js";
+import R from "./kongponents193.es.js";
+import F from "./kongponents279.es.js";
+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" }, me = /* @__PURE__ */ D({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(a, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
+      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = A((e) => {
+      i.value = e, n.value && m(n.value);
+    }, 500), k = L(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
+    }, M = (e) => {
+      y.value = e, e && n.value && U(() => {
+        n.value && m(n.value);
+      }), !e && d.value && b(), e || (i.value = "");
+    }, m = (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 T(() => a.visibilityPreferences, () => {
+      b();
+    }, { immediate: !0 }), $(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      b();
+    }), (e, t) => (c(), h("div", X, [
+      o(j, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: a.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: M
+      }, {
+        items: r(() => [
+          i.value || k.value.length > 5 ? (c(), g(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: f(I)
+          }, K({
+            before: r(() => [
+              o(f(R), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            i.value ? {
+              name: "after",
+              fn: r(() => [
+                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: r(() => [
+                    o(f(J), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(E, null, P(k.value, (l) => (c(), g(q, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: v(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(O, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (B) => s.value[l.key] = B,
+                  "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: r(() => [
+                    C(z(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              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: r(() => [
+                  o(f(F), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  me as default
+};

package/dist/kongponents269.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents30.cjs");;/* empty css                */const n=require("./kongponents49.cjs"),d=require("./kongponents38.cjs"),r=require("./kongponents218.cjs"),i={key:0,class:"bulk-actions-dropdown-trigger-count"},l=e.defineComponent({__name:"BulkActionsDropdown",props:{disabled:{type:Boolean},count:{default:""},buttonLabel:{default:""}},setup(t){return(o,s)=>(e.openBlock(),e.createBlock(n.default,{class:"bulk-actions-dropdown","data-testid":"bulk-actions-dropdown",disabled:t.disabled,"kpop-attributes":{placement:"bottom-end"}},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"items",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(a.default,{placement:"bottom-end",text:"Selected Row Actions"},{default:e.withCtx(()=>[e.createVNode(d.default,{appearance:"secondary","aria-label":t.buttonLabel,class:"bulk-actions-dropdown-trigger","data-testid":"bulk-actions-dropdown-trigger",disabled:t.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{class:"more-icon",decorative:""}),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[t.count?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.count),1)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["aria-label","disabled"])]),_:1})]),_:3},8,["disabled"]))}});exports.default=l;

package/dist/kongponents269.es.js

@@ -0,0 +1,66 @@
+import { defineComponent as d, openBlock as a, createBlock as i, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
+import b from "./kongponents30.es.js";
+/* empty css                 */
+import p from "./kongponents49.es.js";
+import f from "./kongponents38.es.js";
+import k from "./kongponents218.es.js";
+const g = {
+  key: 0,
+  class: "bulk-actions-dropdown-trigger-count"
+}, D = /* @__PURE__ */ d({
+  __name: "BulkActionsDropdown",
+  props: {
+    disabled: { type: Boolean },
+    count: { default: "" },
+    buttonLabel: { default: "" }
+  },
+  setup(t) {
+    return (n, w) => (a(), i(p, {
+      class: "bulk-actions-dropdown",
+      "data-testid": "bulk-actions-dropdown",
+      disabled: t.disabled,
+      "kpop-attributes": { placement: "bottom-end" }
+    }, {
+      items: e(() => [
+        m(n.$slots, "items", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        o(b, {
+          placement: "bottom-end",
+          text: "Selected Row Actions"
+        }, {
+          default: e(() => [
+            o(f, {
+              appearance: "secondary",
+              "aria-label": t.buttonLabel,
+              class: "bulk-actions-dropdown-trigger",
+              "data-testid": "bulk-actions-dropdown-trigger",
+              disabled: t.disabled,
+              icon: "",
+              size: "large"
+            }, {
+              default: e(() => [
+                o(r(k), {
+                  class: "more-icon",
+                  decorative: ""
+                }),
+                o(l, { name: "kongponents-fade-transition" }, {
+                  default: e(() => [
+                    t.count ? (a(), s("span", g, c(t.count), 1)) : u("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  D as default
+};

package/dist/kongponents27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents189.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents238.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{},actionsDropdownPopoverAttributes:{},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents194.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents238.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{},actionsDropdownPopoverAttributes:{},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;

package/dist/kongponents27.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as xe, createPropsRestProxy as He, computed as l, useSlots as Te, useId as Be, ref as r, watch as P, onMounted as Ke, openBlock as ze, createBlock as De, mergeProps as Ie, unref as Ee, createSlots as $e, withCtx as d, renderSlot as f, normalizeProps as b, guardReactiveProps as p, renderList as T } from "vue";
 import Me from "./kongponents72.es.js";
-import We from "./kongponents189.es.js";
+import We from "./kongponents194.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ne } from "./kongponents13.es.js";

package/dist/{kongponents382.cjs → kongponents271.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents281.cjs"),o=require("./kongponents193.cjs"),a=require("./kongponents194.cjs"),l=require("./kongponents187.cjs"),s=require("./kongponents197.cjs"),c=["aria-current","data-testid"],i={class:"step-circle"},u={key:3,class:"step-number"},d=["title"],m=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const r=e.computed(()=>({maxWidth:s.normalizeSize(t.maxLabelWidth)}));return(k,f)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",i,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(a.default),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(o.default),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(r.value),title:t.label},e.toDisplayString(t.label),13,d)],2)],8,c))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents277.cjs"),o=require("./kongponents185.cjs"),a=require("./kongponents206.cjs"),l=require("./kongponents190.cjs"),s=require("./kongponents183.cjs"),c=["aria-current","data-testid"],i={class:"step-circle"},u={key:3,class:"step-number"},d=["title"],m=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const r=e.computed(()=>({maxWidth:s.normalizeSize(t.maxLabelWidth)}));return(k,f)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",i,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(a.default),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(o.default),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(r.value),title:t.label},e.toDisplayString(t.label),13,d)],2)],8,c))}});exports.default=m;

package/dist/{kongponents382.es.js → kongponents271.es.js}

@@ -1,9 +1,9 @@
 import { defineComponent as m, computed as u, openBlock as a, createElementBlock as o, createElementVNode as i, normalizeClass as d, createBlock as l, unref as t, toDisplayString as s, createCommentVNode as f, normalizeStyle as k } from "vue";
-import z from "./kongponents281.es.js";
-import v from "./kongponents193.es.js";
-import b from "./kongponents194.es.js";
-import { KUI_ICON_SIZE_40 as r, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as p } from "./kongponents187.es.js";
-import { normalizeSize as y } from "./kongponents197.es.js";
+import z from "./kongponents277.es.js";
+import v from "./kongponents185.es.js";
+import b from "./kongponents206.es.js";
+import { KUI_ICON_SIZE_40 as r, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as p } from "./kongponents190.es.js";
+import { normalizeSize as y } from "./kongponents183.es.js";
 const E = ["aria-current", "data-testid"], $ = { class: "step-circle" }, h = {
   key: 3,
   class: "step-number"

package/dist/kongponents274.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("./kongponents232.cjs");exports.default=e.default;

package/dist/kongponents274.es.js

@@ -1,43 +1,4 @@
-import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
-const h = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-spinner-loader"
-}, I = {
-  key: 0,
-  class: "progress"
-}, y = /* @__PURE__ */ u({
-  __name: "FullScreenGenericSpinner",
-  props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
-  },
-  setup(r) {
-    c((l) => ({
-      af01d13c: l.zIndex
-    }));
-    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), p(() => {
-      clearInterval(n.value);
-    }), (l, t) => (a(), i("div", h, [
-      s("div", null, [
-        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
-        r.hideProgress ? f("", !0) : (a(), i("div", I, [
-          s("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: g({ width: `${d.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
-    ]));
-  }
-});
+import f from "./kongponents232.es.js";
 export {
-  y as default
+  f as default
 };

package/dist/kongponents275.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents276.cjs"),b=["aria-hidden"],c='<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>',h=r.defineComponent({__name:"AddIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon add-icon","data-testid":"kui-icon-wrapper-add-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-add-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;

package/dist/kongponents275.es.js

@@ -0,0 +1,123 @@
+import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as w, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents276.es.js";
+const N = ["aria-hidden"], c = '<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>', H = /* @__PURE__ */ b({
+  __name: "AddIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: p,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), a = Number(e);
+          if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, a = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (a(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return p;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, n) => {
+        const l = `${h}-${n}`;
+        return i[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, n) => i[n] ? `#${i[n]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, i) => (u(), x(S(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon add-icon",
+      "data-testid": "kui-icon-wrapper-add-icon",
+      style: w(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: $(() => [
+        (u(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-add-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
+export {
+  H as default
+};

package/dist/kongponents276.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents391.cjs"),P=require("./kongponents320.cjs"),F=require("./kongponents332.cjs"),f=require("./kongponents204.cjs"),R=require("./kongponents327.cjs"),$=require("./kongponents323.cjs"),q=require("./kongponents325.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="24px";exports.KUI_ICON_SIZE_50=e;