@kong/kongponents 9.61.0 → 9.61.1

package/dist/kongponents268.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 r=require("vue"),u=require("./kongponents269.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/kongponents268.es.js

@@ -1,43 +1,123 @@
-import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
-const h = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-spinner-loader"
-}, I = {
-  key: 0,
-  class: "progress"
-}, y = /* @__PURE__ */ u({
-  __name: "FullScreenGenericSpinner",
+import { defineComponent as 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 "./kongponents269.es.js";
+const N = ["aria-hidden"], c = '<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>', H = /* @__PURE__ */ b({
+  __name: "AddIcon",
   props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
+    /** 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(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)
-        ]))
-      ])
-    ]));
+  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 {
-  y as default
+  H 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("./kongponents212.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents213.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("./kongponents216.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents243.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,11 +1,11 @@
 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 "./kongponents212.es.js";
+import We from "./kongponents216.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ne } from "./kongponents13.es.js";
 import { getInitialPageSize as Le, DEFAULT_PAGE_SIZE as qe } from "./kongponents181.es.js";
-import Ue from "./kongponents213.es.js";
+import Ue from "./kongponents243.es.js";
 const _e = /* @__PURE__ */ xe({
   __name: "KTableData",
   props: {

package/dist/kongponents270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents298.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents269.cjs"),y=["aria-hidden"],c='<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>',b=r.defineComponent({__name:"CheckIcon",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:d.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 d.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 u=`${m}-${a}`;return i[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${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 check-icon","data-testid":"kui-icon-wrapper-check-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-check-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents270.es.js

@@ -1,8 +1,123 @@
-import p from "./kongponents298.es.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
-}
+import { defineComponent as b, computed as d, openBlock as u, createBlock as k, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents269.es.js";
+const z = ["aria-hidden"], p = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', C = /* @__PURE__ */ b({
+  __name: "CheckIcon",
+  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: c,
+      // 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, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 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, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(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 c;
+    }), 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 = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, a) => {
+        const l = `${y}-${a}`;
+        return i[a] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, a) => i[a] ? `#${i[a]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), k(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon check-icon",
+      "data-testid": "kui-icon-wrapper-check-icon",
+      style: S(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), $("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: h
+        }, null, 8, z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  x as default
+  C as default
 };

package/dist/kongponents271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents178.cjs"),C=require("./kongponents184.cjs"),g=require("./kongponents206.cjs"),V=require("./kongponents279.cjs"),c=require("./kongponents38.cjs"),x=require("./kongponents42.cjs"),N=require("./kongponents49.cjs"),I=require("./kongponents50.cjs"),q=require("./kongponents55.cjs"),S=require("./kongponents30.cjs");;/* empty css                */const B=require("./kongponents57.cjs"),M={class:"table-column-visibility-menu"},T={class:"apply-button-wrapper"},D=e.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(i,{emit:b}){const v=b,f=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},y=w.debounce(t=>{o.value=t,r.value&&s(r.value)},500),m=e.computed(()=>o.value?i.columns.filter(t=>(t.label?t.label:t.key).toLowerCase().includes(o.value.toLowerCase())):i.columns),p=()=>{v("update",JSON.parse(JSON.stringify(n.value))),u.value=!1,o.value=""},k=t=>{f.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",M,[e.createVNode(N.default,{"data-testid":"table-column-visibility-menu",disabled:i.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:k},{items:e.withCtx(()=>[o.value||m.value.length>5?(e.openBlock(),e.createBlock(q.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(y)},e.createSlots({before:e.withCtx(()=>[e.createVNode(e.unref(g.default),{decorative:""})]),_:2},[o.value?{name:"after",fn:e.withCtx(()=>[e.createVNode(c.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.default),{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(m.value,a=>(e.openBlock(),e.createBlock(I.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(x.default,{modelValue:n.value[a.key],"onUpdate:modelValue":h=>n.value[a.key]=h,"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(B.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",T,[e.createVNode(c.default,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode(" Apply ",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(S.default,{placement:"bottom-end",text:f.value?void 0:"Show/Hide Columns"},{default:e.withCtx(()=>[e.createVNode(c.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(V.default),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents269.cjs"),S=["aria-hidden"],c='<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>',b=r.defineComponent({__name:"ServiceDocumentIcon",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:d.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),a=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 d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const u=`${y}-${s}`;return i[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),m=`${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 service-document-icon","data-testid":"kui-icon-wrapper-service-document-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-service-document-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;