@trintel/zooy 1.2.0 → 1.5.0

package/package.json

@@ -1,11 +1,27 @@
 {
   "name": "@trintel/zooy",
+  "version": "1.5.0",
   "description": "UI Building Blocks",
-  "version": "1.2.0",
-  "main": "./dist/zooy.cjs.js",
-  "module": "./dist/zooy.es.js",
+  "license": "Apache-2.0",
+  "author": {
+    "name": "Jan Badenhorst",
+    "email": "janhendrik.badenhorst@gmail.com"
+  },
+  "contributors": [
+    "Andries Niemandt <andries.niemandt91@gmail.com> (https://github.com/andriesniemandt)"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/trinity-telecomms/zooy.git"
+  },
+  "files": [
+    "dist",
+    "src/sass"
+  ],
   "type": "module",
   "sideEffects": false,
+  "main": "./dist/zooy.cjs.js",
+  "module": "./dist/zooy.es.js",
   "exports": {
     ".": {
       "import": "./dist/zooy.es.js",
@@ -13,29 +29,13 @@
     },
     "./sass": "./src/sass/main.scss"
   },
-  "files": [
-    "dist",
-    "src/sass"
-  ],
-  "author": {
-    "name": "Jan Badenhorst",
-    "email": "janhendrik.badenhorst@gmail.com"
-  },
-  "contributors": [
-    "Andries Niemandt <andries.niemandt91@gmail.com> (https://github.com/andriesniemandt)"
-  ],
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "npm run clean && vite build",
-    "lint": "eslint src/**/*.js",
-    "lint:fix": "eslint src/**/*.js --fix",
-    "dev": "vite",
-    "prepare": "husky"
-  },
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/trinity-telecomms/zooy.git"
+    "build": "npm run clean && vp build",
+    "lint": "vp lint src/**/*.js",
+    "lint:fix": "vp lint src/**/*.js --fix",
+    "dev": "vp dev",
+    "prepare": "vp config"
   },
   "dependencies": {
     "@carbon/icons": "^11.77.1",
@@ -47,11 +47,15 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "esbuild": "^0.28.0",
-    "eslint": "^10.2.0",
     "esm": "^3.2.25",
-    "husky": "^9.1.7",
     "ramda": "^0.32.0",
     "sass": "^1.99.0",
-    "vite": "^8.0.5"
-  }
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest"
+  },
+  "overrides": {
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+  },
+  "packageManager": "npm@11.12.1"
 }

package/src/sass/_zoo.scss

@@ -16,5 +16,5 @@
   --zoo-timestamp-separator-color: inherit;
 
   // Default themed chip font size
-  --zoo-theme-chips-font-size: 0.75rem
+  --zoo-theme-chips-font-size: 0.75rem;
 }

package/src/sass/carbon.scss

@@ -27,10 +27,8 @@ cds-table {
     flex: 1;
     text-align: right;
   }
-
 }
 
-
 // Batch filter popover - active state styling
 // Matches Carbon's overflow menu behavior when open
 cds-popover {
@@ -71,7 +69,6 @@ cds-popover {
   }
 }
 
-
 .zoo-datatable-skeleton-wrapper {
   display: grid;
   grid-template-columns: 1fr;
@@ -91,7 +88,9 @@ cds-popover {
     z-index: 1;
     opacity: 1;
     visibility: visible;
-    transition: opacity 1s ease, visibility 1s ease;
+    transition:
+      opacity 1s ease,
+      visibility 1s ease;
 
     &.hidden {
       opacity: 0;
@@ -99,4 +98,3 @@ cds-popover {
     }
   }
 }
-

package/src/sass/lists.scss

@@ -0,0 +1,38 @@
+// ============================================================================
+// Zooy List Styles
+// ============================================================================
+// Styles for Carbon list variants used by zooy panels. Currently houses the
+// "current page" indicator for <cds-contained-list> used as a navigation list.
+//
+// Example usage in Django template:
+//   <cds-contained-list kind="on-page" aria-label="Ops navigation">
+//     <cds-contained-list-item clickable event="overview" ... >…</cds-contained-list-item>
+//     …
+//   </cds-contained-list>
+//
+// and from JS, toggle aria-current="page" on the item representing the
+// current route (e.g. from the view's setActiveRoute helper):
+//   item.toggleAttribute('aria-current', isActive ? 'page' : null);
+// ============================================================================
+
+// Navigation "current page" indicator.
+//
+// Three visual cues stacked on the host:
+//   1. A subtle background tint via --cds-background-selected.
+//   2. A 3px inline-start indicator bar via --cds-border-interactive, drawn
+//      as an inset box-shadow so it stays inside the host box and doesn't
+//      shift any of the sibling items' layout.
+//   3. Bold text, which cascades through the flat tree into the slotted
+//      label content inside cds-contained-list-item's shadow DOM.
+//
+// Caveat: cds-contained-list-item's hover background lives in shadow DOM on
+// .cds--contained-list-item__content, which paints over the host. While
+// actively hovering the current item the tint and stripe are temporarily
+// covered; both return as soon as the pointer leaves. Styling inside the
+// shadow button is not reachable from here without ::part (which Carbon
+// doesn't expose on this element), so this hover quirk is accepted.
+cds-contained-list-item[aria-current="page"] {
+  background-color: var(--cds-background-selected, hsla(0, 0%, 55%, 0.2));
+  box-shadow: inset 3px 0 0 0 var(--cds-border-interactive, #0f62fe);
+  font-weight: 600;
+}

package/src/sass/main.scss

@@ -5,5 +5,4 @@
 @use "split";
 @use "carbon";
 @use "buttons";
-
-
+@use "lists";

package/src/sass/panels.scss

@@ -131,23 +131,53 @@
   max-width: 90vw;
 }
 
-.zoo__max_height--95vh { max-height: 95vh; }
-.zoo__max_height--90vh { max-height: 90vh; }
-.zoo__max_height--85vh { max-height: 85vh; }
-.zoo__max_height--80vh { max-height: 80vh; }
+.zoo__max_height--95vh {
+  max-height: 95vh;
+}
+.zoo__max_height--90vh {
+  max-height: 90vh;
+}
+.zoo__max_height--85vh {
+  max-height: 85vh;
+}
+.zoo__max_height--80vh {
+  max-height: 80vh;
+}
 
 // Suggested widths (flex-basis)
-.zoo__suggest_width_90vw { flex-basis: 90vw; }
-.zoo__suggest_width_1000 { flex-basis: 1000px; }
-.zoo__suggest_width_950 { flex-basis: 950px; }
-.zoo__suggest_width_900 { flex-basis: 900px; }
-.zoo__suggest_width_850 { flex-basis: 850px; }
-.zoo__suggest_width_800 { flex-basis: 800px; }
-.zoo__suggest_width_750 { flex-basis: 750px; }
-.zoo__suggest_width_700 { flex-basis: 700px; }
-.zoo__suggest_width_650 { flex-basis: 650px; }
-.zoo__suggest_width_600 { flex-basis: 600px; }
-.zoo__suggest_width_550 { flex-basis: 550px; }
+.zoo__suggest_width_90vw {
+  flex-basis: 90vw;
+}
+.zoo__suggest_width_1000 {
+  flex-basis: 1000px;
+}
+.zoo__suggest_width_950 {
+  flex-basis: 950px;
+}
+.zoo__suggest_width_900 {
+  flex-basis: 900px;
+}
+.zoo__suggest_width_850 {
+  flex-basis: 850px;
+}
+.zoo__suggest_width_800 {
+  flex-basis: 800px;
+}
+.zoo__suggest_width_750 {
+  flex-basis: 750px;
+}
+.zoo__suggest_width_700 {
+  flex-basis: 700px;
+}
+.zoo__suggest_width_650 {
+  flex-basis: 650px;
+}
+.zoo__suggest_width_600 {
+  flex-basis: 600px;
+}
+.zoo__suggest_width_550 {
+  flex-basis: 550px;
+}
 
 .zoo__suggest_width_500,
 .zoo__suggest_width_450,
@@ -158,12 +188,24 @@
   min-width: initial !important;
 }
 
-.zoo__suggest_width_500 { flex-basis: 500px; }
-.zoo__suggest_width_450 { flex-basis: 450px; }
-.zoo__suggest_width_400 { flex-basis: 400px; }
-.zoo__suggest_width_350 { flex-basis: 350px; }
-.zoo__suggest_width_300 { flex-basis: 300px; }
-.zoo__suggest_width_200 { flex-basis: 200px; }
+.zoo__suggest_width_500 {
+  flex-basis: 500px;
+}
+.zoo__suggest_width_450 {
+  flex-basis: 450px;
+}
+.zoo__suggest_width_400 {
+  flex-basis: 400px;
+}
+.zoo__suggest_width_350 {
+  flex-basis: 350px;
+}
+.zoo__suggest_width_300 {
+  flex-basis: 300px;
+}
+.zoo__suggest_width_200 {
+  flex-basis: 200px;
+}
 
 // -----------------------------------------------------------------------------
 // Visual Utilities
@@ -172,9 +214,15 @@
   box-shadow: none !important;
 }
 
-.zoo__border-radius--10 { border-radius: 10px; }
-.zoo__border-radius--15 { border-radius: 15px; }
-.zoo__border-radius--20 { border-radius: 20px; }
+.zoo__border-radius--10 {
+  border-radius: 10px;
+}
+.zoo__border-radius--15 {
+  border-radius: 15px;
+}
+.zoo__border-radius--20 {
+  border-radius: 20px;
+}
 
 // -----------------------------------------------------------------------------
 // FAB Positioning
@@ -212,27 +260,53 @@
   flex-flow: column nowrap;
 
   // Flow modifiers
-  .flex-flow__row_wrap { flex-flow: row wrap; }
-  .flex-flow__row_nowrap { flex-flow: row nowrap; }
-  .flex-flow__column_wrap { flex-flow: column wrap; }
+  .flex-flow__row_wrap {
+    flex-flow: row wrap;
+  }
+  .flex-flow__row_nowrap {
+    flex-flow: row nowrap;
+  }
+  .flex-flow__column_wrap {
+    flex-flow: column wrap;
+  }
 
   // Direction modifiers
-  .flex-direction__row { flex-direction: row; }
-  .flex-direction__column { flex-direction: column; }
+  .flex-direction__row {
+    flex-direction: row;
+  }
+  .flex-direction__column {
+    flex-direction: column;
+  }
 
   // Wrap modifiers
-  .wrap { flex-wrap: wrap; }
-  .nowrap { flex-wrap: nowrap; }
+  .wrap {
+    flex-wrap: wrap;
+  }
+  .nowrap {
+    flex-wrap: nowrap;
+  }
 
   // Alignment modifiers
-  .align-items__center { align-items: center; }
-  .justify-content__center { justify-content: center; }
-  .justify-content__space-between { justify-content: space-between; }
-  .align-content__flex-start { align-content: flex-start; }
-  .align-content__flex-end { align-content: flex-end; }
+  .align-items__center {
+    align-items: center;
+  }
+  .justify-content__center {
+    justify-content: center;
+  }
+  .justify-content__space-between {
+    justify-content: space-between;
+  }
+  .align-content__flex-start {
+    align-content: flex-start;
+  }
+  .align-content__flex-end {
+    align-content: flex-end;
+  }
 
   // Padding utilities
-  .padding_0_24 { padding: 0 24px; }
+  .padding_0_24 {
+    padding: 0 24px;
+  }
 
   & > .dashboard_grid_element {
     background-color: #e1e2e1;
@@ -245,10 +319,18 @@
 // -----------------------------------------------------------------------------
 // General Utilities
 // -----------------------------------------------------------------------------
-.overflow-scroll { overflow: scroll; }
-.overflow-auto { overflow: auto; }
-.display__none { display: none !important; }
-.margin-bottom__24 { margin-bottom: 24px; }
+.overflow-scroll {
+  overflow: scroll;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.display__none {
+  display: none !important;
+}
+.margin-bottom__24 {
+  margin-bottom: 24px;
+}
 
 .zoo__flex-item {
   flex: 1;

package/src/sass/reset.scss

@@ -5,19 +5,87 @@ html {
 //*, *:before, *:after {
 //  box-sizing: inherit;
 //}
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
   margin: 0;
   padding: 0;
   border: 0;
@@ -40,4 +108,3 @@ time, mark, audio, video {
 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(0, 0, 0, 0.05);
 }
-

package/src/sass/split.scss

@@ -27,7 +27,6 @@
       width: 0;
     }
   }
-
 }
 
 .zoo_nest {
@@ -79,7 +78,8 @@
     flex-basis: 0;
   }
 
-  &:hover, &:active {
+  &:hover,
+  &:active {
     opacity: 1;
   }
 }
@@ -128,5 +128,3 @@
     cursor: ew-resize;
   }
 }
-
-

package/dist/chunks/register-DoTvi8cF.js

@@ -1 +0,0 @@
-var Et=Object.create;var K=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var At=Object.getOwnPropertyNames;var Wt=Object.getPrototypeOf,It=Object.prototype.hasOwnProperty;var Pt=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of At(e))!It.call(t,o)&&o!==n&&K(t,o,{get:()=>e[o],enumerable:!(s=St(e,o))||s.enumerable});return t};var l=(t,e,n)=>(n=t!=null?Et(Wt(t)):{},Pt(e||!t||!t.__esModule?K(n,"default",{value:t,enumerable:!0}):n,t));const m=require("./component-library-registry-BBQV6Kpv.js"),c=require("./zoo-CY2QpG41.js");let nt=require("badu"),D=require("ramda");D=m.__toESM(D);let kt=require("@carbon/web-components/lib/components/data-table/defs.js");var _t=m.__exportAll({cdsTableWrap:()=>wt}),Q=(t,e,n)=>{const s=customElements.get("cds-table"),o=customElements.get("cds-pagination"),a=customElements.get(s.selectorTableBatchActions);customElements.get("cds-popover");const r=e.dataBinder,d=e.pagination,u=e.skeleton,A=e.querySelector(s.selectorTableToolbarSearch),W=e.querySelector(s.selectorTableBatchActions),x=e.querySelector(s.selectorTableBody),O=["button","a","input","select","textarea",'[role="button"]',".cds--table-expand",".cds--table-column-checkbox"].join(","),V=e.querySelectorAll(s.selectorHeaderCell+"[is-sortable]"),ot=e.isSortable||V.length>0,z=Symbol(),F=Symbol(),w=new Map,at=i=>{t.listen(e,"click",p=>{const v=p.target.closest(s.selectorTableRow);if(!v||p.composedPath().some(f=>f.matches&&f.matches(O)))return;p.stopPropagation();const g=c.getSemanticAttributes(v);t.dispatchPanelEvent(i,{...g})})},rt=i=>{t.listen(e,s.eventExpandoToggle,p=>{const v=p.target,g=v.tagName==="CDS-TABLE-HEADER-ROW",f=p.detail.expanded,E={tableAttrs:n,...c.getSemanticAttributes(v),target:v,allRows:g,didExpand:f};t.dispatchPanelEvent(i,E)})},ct=i=>{w.set(z,p=>{t.dispatchPanelEvent(i,p)})},it=i=>{w.set(F,p=>{const v=p.detail.selectedRows,g=Math.min(v.length,W.totalRowsCount),f=p.target,E=c.getSemanticAttributes(f),I=v.map(c.getSemanticAttributes),_={tableAttrs:n,...E,target:f,selectCount:g,selection:I};t.dispatchPanelEvent(i,_)})},lt=i=>{t.listen(e,s.eventTableRowSelect,p=>{const v=p.target,g=p.detail.selectedRows||[],f=g.length,E=g.map(c.getSemanticAttributes),I={tableAttrs:n,...c.getSemanticAttributes(v),selectCount:f,selection:E,target:v};t.dispatchPanelEvent(i,I)})},dt=()=>{t.listen(e,s.eventBeforeSort,i=>{const p=i.target,v=i.detail.oldSortDirection,g=i.detail.sortDirection,f=c.getSemanticAttributes(p),E=f.sortField,I=g===kt.TABLE_SORT_DIRECTION.DESCENDING?`-${E}`:E;i.cancelBubble=!0,i.stopPropagation(),i.preventDefault(),x.innerHTML="",u&&u.show(),V.forEach((C,b)=>{C===p?(C.setAttribute("sort-active","true"),C.setAttribute("sort-direction",g)):(C.removeAttribute("sort-active"),C.setAttribute("sort-direction","none"))});const _={ordering:I};r.fetchData(_).then(()=>{d.setData(r),u&&u.hide()}),w.has(z)&&w.get(z)({tableAttrs:n,...f,sortNow:g,sortWas:v,sortField:E,ordering:I,target:p})})},pt=()=>{t.listen(e,s.eventTableRowSelectAll,i=>{i.detail.selectedRows.length===0&&e.querySelectorAll(s.selectorTableRow).forEach(p=>{p.disabled=!1,p.selected=!1}),w.has(F)&&w.get(F)(i)})},ut=()=>{t.listen(e,s.eventBeforeChangeSelectionAll,i=>{i.stopPropagation(),i.detail.callback&&i.detail.callback()})},vt=i=>{const p=e.querySelector("cds-table-header-row");t.listen(i,a.eventClickSelectAll,v=>{v.stopPropagation(),p.dispatchEvent(new CustomEvent(s.eventBeforeChangeSelectionAll,{bubbles:!0,cancelable:!0,composed:!0,detail:{selected:!0,callback:()=>{i.selectedRowsCount=i.totalRowsCount,e.querySelectorAll(s.selectorTableRow).forEach(g=>{g.disabled=!0})}}}))})},mt=i=>{t.listen(i,"keydown",p=>{if(p.key==="Enter"){u&&u.show(),d.totalItems=0,e.querySelector("cds-table-body").replaceChildren();const v={search:i.value||"",offset:0};r.fetchData(v).then(()=>{d.setData(r),u&&u.hide()})}})},gt=i=>{t.listen(i,s.eventSearchInput,p=>{if((p.detail.value||"")===""){const v={search:"",offset:0};u&&u.show(),r.fetchData(v).then(()=>{u&&u.hide(),d.setData(r)})}})},ht=i=>{i.caret=!1;const p=i.querySelector("cds-icon-button, button:not([slot])"),v=i.querySelectorAll("cds-checkbox"),g=i.querySelectorAll("cds-modal-footer-button"),f=[...i.querySelectorAll("cds-checkbox-group")].map(c.getSemanticAttributes).map(D.pathOr("noop",["zoo","filter","field"])).reduce((b,S)=>(b[S]=null,b),{offset:0});if(!p||!g){console.error("Improperly configured Batch Filter popover");return}new MutationObserver(()=>{i.classList.toggle("cds--overflow-menu--open",i.open)}).observe(i,{attributes:!0,attributeFilter:["open"]});const E=Symbol(),I=Symbol(),_=[...g].reduce((b,S,y)=>(S.hasAttribute("reset-filter")&&b.set(E,S),S.hasAttribute("apply-filter")&&b.set(I,S),b),new Map),C=()=>{const b=new Map;return v.forEach(S=>{const y=S.getAttribute("id");if(!y||!y.includes(":"))return;const[B,M]=y.split(":");b.has(B)||b.set(B,[]),S.checked&&b.get(B).push(M)}),b};if(_.has(E)){const b=S=>S.checked=!1;t.listen(_.get(E),"click",S=>{S.stopPropagation(),v.forEach(b),u&&u.show(),r.fetchData(f).then(()=>{d&&d.setData(r),u&&u.hide(),i.open=!1})})}_.has(I)&&t.listen(_.get(I),"click",b=>{b.stopPropagation();const S=[...C()].reduce((y,[B,M])=>(y[B]=M===[]?null:M,y),{offset:0});u&&u.show(),r.fetchData(S).then(()=>{d&&d.setData(r),u&&u.hide(),i.open=!1})}),t.listen(p,"click",b=>{b.stopPropagation(),i.open=!i.open,i.classList.toggle("cds--overflow-menu--open",i.open)})},ft=()=>{t.listen(d,o.eventPageSizeChanged,i=>{const p={limit:d.pageSize,offset:0};r.fetchData(p).then(()=>{d.setData(r)})})},bt=()=>{let i=null;t.listen(d,o.eventChangeCurrent,p=>{const{page:v}=p.detail,g=d.pageSize,f=(v-1)*g;if(f!==i){i=f;const E={limit:g,offset:f};r.fetchData(E).then(()=>{d.setData(r),u&&u.hide()})}})};r&&d&&(ft(),bt()),r&&A&&(mt(A),gt(A));const Z=e.querySelector(s.selectorTableToolbarContent);if(Z){const i=Z.querySelectorAll("cds-popover[data-batch-filter]");r&&i&&i.forEach(ht)}e.isSelectable&&(pt(),ut(),W&&vt(W)),r&&ot&&dt();const J={zoo:{event:{row:{click:at,expand:rt,check:{one:lt,all:it}},column:{sort:ct}}}};(0,nt.objToPaths)(n).forEach(([i,p])=>{D.hasPath(i,J)&&D.path(i,J)(p)})},Ct=t=>{const e=document.createElement("cds-pagination");return e.backwardText="Previous page",e.forwardText="Next page",e.itemsPerPageText="Items per page:",e.pageSize=t.limit,e.size="lg",[10,25,50,100,500].forEach(n=>{const s=document.createElement("cds-select-item");s.value=n.toString(),s.textContent=n.toString(),e.appendChild(s)}),e.setData=n=>{if(n.isPaginated){const{count:s}=D.pick(["count"],n.data);e.pagesUnknown=Math.ceil(s/n.limit)>100,e.totalItems=s,e.pagesUnknown?e.formatStatusWithIndeterminateTotal=({start:o,end:a})=>`${o}–${a} of ${s} item${s<=1?"":"s"}`:delete e.formatStatusWithIndeterminateTotal}},e},yt=t=>{if(!t.parentNode){console.error("[Carbon Table] Cannot create skeleton: table has no parent node");return}const e=!!t.querySelector("cds-table-header-title"),n=!!t.querySelector("cds-table-header-description"),s=!!t.querySelector("cds-table-toolbar"),o=[...t.querySelectorAll("cds-table-header-cell")].length,a=t.hasAttribute("zebra"),r=t.getAttribute("size"),d=document.createElement("cds-table-skeleton");d.showHeader=e||n,d.showToolbar=s,d.zebra=a,d.columnCount=o,d.size=r,d.show=()=>d.classList.remove("hidden"),d.hide=()=>d.classList.add("hidden");const u=document.createElement("div");return u.classList.add("zoo-datatable-skeleton-wrapper"),t.parentNode.insertBefore(u,t),u.appendChild(d),u.appendChild(t),d},xt=(t,e)=>{const n=e.getAttribute("zoo-url-api"),s=parseInt(e.getAttribute("data-page-size")||25,10);if(n)return new c.Binder(t,n,e,{urlParams:{limit:s}})},wt={selector:"cds-table",init:function(t){const e=c.getSemanticAttributes(t),n=this,s=xt(n,t);if((0,nt.isDefAndNotNull)(s)){t.dataBinder=s;const o=yt(t);t.skeleton=o;const a=Ct(s);t.pagination=a,t.after(a),s.fetchData().then(r=>{o.hide(),a.setData(s),Q(n,t,e)})}else Q(n,t,e)}},Dt=m.__exportAll({cdsPaginationWrap:()=>Bt}),Bt={selector:"cds-pagination",init:function(t){const e=this,n=customElements.get("cds-pagination");let s=null;e.listen(t,n.eventChangeCurrent,o=>{const a=o.detail.page,r=t.pageSize,d=(a-1)*r;d!==s&&(s=d,e.dispatchPanelEvent("pagination-changed-current",{detail:{page:a,pageSize:r,action:"page-change"}}))}),e.listen(t,n.eventPageSizeChanged,o=>{const a=t.pageSize;s=null,e.dispatchPanelEvent("pagination-changed-page-size",{detail:{page:1,pageSize:a,action:"page-size-change"}})})}},Mt=m.__exportAll({cdsModalBodyContentWrap:()=>Rt,cdsModalBodyWrap:()=>Ft,cdsModalCloseButWrap:()=>zt,cdsModalFooterButWrap:()=>Ht,cdsModalFooterWrap:()=>Lt,cdsModalHeaderWrap:()=>Tt,cdsModalHeadingWrap:()=>qt,cdsModalLabelWrap:()=>Ot,cdsModalWrap:()=>Nt}),Nt={selector:"cds-modal",init:function(t){const e=customElements.get("cds-modal"),n=c.getSemanticAttributes(t),s=c.getEventAttribute(t,"open-event","event");s&&this.listen(t,"cds-modal-beingopened",r=>{this.dispatchPanelEvent(s,{...n,action:"opened"})});const o=t.getAttribute("before-close-event");o&&this.listen(t,e.eventBeforeClose,r=>{this.dispatchPanelEvent(o,{...n,action:"closing",cancelable:!0})}),this.listen(t,e.eventClose,r=>{this.dispatchPanelEvent("destroy_me",{...n,action:"closed",triggeredBy:r.detail?.triggeredBy})});const a=c.getEventAttribute(t,"primary-event","event");a&&this.listen(t,"cds-modal-primary-focus",r=>{this.dispatchPanelEvent(a,{...n,action:"primary"})})}},Tt={selector:"cds-modal-header"},qt={selector:"cds-modal-heading"},Ot={selector:"cds-modal-label"},zt={selector:"cds-modal-close-button"},Ft={selector:"cds-modal-body"},Rt={selector:"cds-modal-body-content"},Lt={selector:"cds-modal-footer"},Ht={selector:"cds-modal-footer-button",init:function(t){const e=c.getSemanticAttributes(t);if(t.getAttribute("type")==="submit"){this.listen(t,"click",s=>{let o=t.closest("form");if(!o){const a=t.getAttribute("form");a&&(o=document.getElementById(a))}o&&o.requestSubmit()});return}const n=e.event;n&&this.listen(t,"click",s=>{s.stopPropagation(),this.dispatchPanelEvent(n,e)})}},Ut=m.__exportAll({cdsMenuButtonWrap:()=>$t,cdsMenuWrap:()=>jt}),jt={selector:"cds-menu",init:function(t){const e=c.getSemanticAttributes(t),n=c.getEventAttribute(t,"open-event");n&&this.listen(t,"cds-menu-opened",o=>{this.dispatchPanelEvent(n,{...e,action:"opened"})});const s=c.getEventAttribute(t,"close-event");s&&this.listen(t,"cds-menu-closed",o=>{this.dispatchPanelEvent(s,{...e,action:"closed"})}),this.listen(t,"click",o=>{if(o.target.tagName==="CDS-MENU-ITEM"){const a=c.getSemanticAttributes(o.target),r=a.event||e.event;r&&(o.stopPropagation(),this.dispatchPanelEvent(r,{...e,...a}))}}),this.listen(t,"cds-item-changed",o=>{const a=o.detail.triggeredBy,r=c.getSemanticAttributes(a),d=r.event||e.event;d&&this.dispatchPanelEvent(d,{...e,...r,action:"selection-changed"})})}},$t={selector:"cds-menu-button",init:function(t){const e=c.getSemanticAttributes(t),n=t.querySelector("cds-menu");n&&this.listen(n,"click",s=>{if(s.target.tagName==="CDS-MENU-ITEM"){const o=c.getSemanticAttributes(s.target),a=o.event||e.event;a&&(s.stopPropagation(),this.dispatchPanelEvent(a,{...e,...o}))}})}},Gt=m.__exportAll({cdsButFabWrap:()=>Kt,cdsButtonWrap:()=>Vt,cdsComboButWrap:()=>Xt,cdsCopyButWrap:()=>Qt,cdsIconButToggleWrap:()=>Jt,cdsIconButWrap:()=>Zt}),Vt={selector:"cds-button",init:function(t){const e=c.getSemanticAttributes(t);if(t.getAttribute("type")==="submit"){this.listen(t,"click",s=>{let o=t.closest("form");if(!o){const a=t.getAttribute("form");a&&(o=document.getElementById(a))}o&&o.requestSubmit()});return}const n=e.event;n&&this.listen(t,"click",s=>{s.stopPropagation(),this.dispatchPanelEvent(n,c.getSemanticAttributes(t))})}},Zt={selector:"cds-icon-button:not([data-toggle])",event:"click",getData:(t,e)=>e},Jt={selector:"cds-icon-button[data-toggle]",init:function(t){const e=c.getSemanticAttributes(t);e.event&&this.listen(t,"click",n=>{n.stopPropagation(),t.isSelected=!t.isSelected,this.dispatchPanelEvent(e.event,{...e,isOn:t.isSelected})})}},Kt={selector:"cds-button[data-fab]",event:"click",getData:(t,e)=>e},Qt={selector:"cds-copy-button",init:function(t){const e=c.getSemanticAttributes(t),n=e.event;n&&this.listen(t,"click",o=>{o.stopPropagation(),this.dispatchPanelEvent(n,{...e,action:"copy"})});const s=t.getAttribute("success-event");if(s){const o=new MutationObserver(()=>{t.hasAttribute("feedback-shown")&&this.dispatchPanelEvent(s,{...e,action:"copied"})});o.observe(t,{attributes:!0,attributeFilter:["feedback-shown"]}),t._copyObserver=o}}},Xt={selector:"cds-combo-button",init:function(t){const e=c.getSemanticAttributes(t);e.event&&this.listen(t,"click",s=>{const o=s.composedPath(),a=o.some(d=>d.tagName==="CDS-MENU-ITEM"),r=o.some(d=>d.tagName==="CDS-ICON-BUTTON");!a&&!r&&(s.stopPropagation(),this.dispatchPanelEvent(e.event,{...e,action:"primary"}))});const n=t.querySelector("cds-menu");n&&this.listen(n,"click",s=>{if(s.target.tagName==="CDS-MENU-ITEM"){const o=c.getSemanticAttributes(s.target),a=o.event||c.getEventAttribute(t,"menu-event","event");a&&this.dispatchPanelEvent(a,{...e,...o,action:"menu-item"})}})}},Yt=m.__exportAll({cdsComboBoxWrap:()=>ee,cdsDropdownWrap:()=>te,cdsMultiSelectWrap:()=>se}),te={selector:"cds-dropdown",init:function(t){const e=customElements.get("cds-dropdown"),n=c.getSemanticAttributes(t),s=n.event;s&&this.listen(t,e.eventSelect,a=>{this.dispatchPanelEvent(s,{...n,value:t.value,selectedValue:a.detail?.item?.value,selectedText:a.detail?.item?.textContent?.trim()})});const o=t.getAttribute("toggle-event");o&&this.listen(t,e.eventToggle,a=>{this.dispatchPanelEvent(o,{...n,open:t.hasAttribute("open")})})}},ee={selector:"cds-combo-box",init:function(t){const e=customElements.get("cds-combo-box"),n=c.getSemanticAttributes(t),s=n.event;s&&this.listen(t,e.eventSelect,a=>{const r=a.detail?.item;this.dispatchPanelEvent(s,{...n,value:t.value,selectedValue:r?.value,selectedText:r?.textContent?.trim()})});const o=t.getAttribute("toggle-event");o&&this.listen(t,e.eventToggle,a=>{this.dispatchPanelEvent(o,{...n,open:t.hasAttribute("open")})})}},se={selector:"cds-multi-select",init:function(t){const e=customElements.get("cds-multi-select"),n=c.getSemanticAttributes(t),s=n.event;s&&this.listen(t,e.eventSelect,a=>{const r=t.value?t.value.split(","):[];this.dispatchPanelEvent(s,{...n,selectedItems:r})});const o=t.getAttribute("toggle-event");o&&this.listen(t,e.eventToggle,a=>{this.dispatchPanelEvent(o,{...n,open:t.hasAttribute("open")})})}},ne=m.__exportAll({cdsDatePickerWrap:()=>oe,cdsTimePickerWrap:()=>ae}),oe={selector:"cds-date-picker",init:function(t){const e=customElements.get("cds-date-picker"),n=c.getSemanticAttributes(t),s=t.querySelector('cds-date-picker-input[kind="from"]'),o=t.querySelector('cds-date-picker-input[kind="to"]'),a=s&&o,r=n.event;r&&this.listen(t,e.eventChange,u=>{let A;a?A={from:s.value||"",to:o.value||""}:A=t.value,this.dispatchPanelEvent(r,{...n,value:A})});const d=t.getAttribute("error-event");d&&this.listen(t,e.eventFlatpickrError,u=>{this.dispatchPanelEvent(d,{...n,error:u.detail})})}},ae={selector:"cds-time-picker",event:"cds-time-picker-changed",getData:(t,e,n)=>({...e,value:n.value})},re=m.__exportAll({cdsFileUploaderWrap:()=>ce}),ce={selector:"cds-file-uploader",init:function(t){const e=c.getSemanticAttributes(t),n=e.event;if(n){const o=t.querySelector('input[type="file"]');o&&this.listen(o,"change",a=>{this.dispatchPanelEvent(n,{...e,files:Array.from(a.target.files||[])})})}const s=t.getAttribute("delete-event");s&&this.listen(t,"cds-file-uploader-item-deleted",o=>{this.dispatchPanelEvent(s,{...e,fileName:o.detail?.fileName,fileId:o.detail?.fileId})})}},ie=m.__exportAll({cdsAccordionWrap:()=>de,cdsContentSwitcherWrap:()=>pe,cdsTabsWrap:()=>le}),le={selector:"cds-tabs",init:function(t){const e=customElements.get("cds-tabs"),n=c.getSemanticAttributes(t),s=t.getAttribute("before-select-event");s&&this.listen(t,e.eventBeforeSelect,a=>{this.dispatchPanelEvent(s,{...n,tabValue:a.detail.value,cancelable:!0})});const o=n.event;o&&this.listen(t,e.eventSelect,a=>{const r=a.detail.item,d=c.getSemanticAttributes(r);this.dispatchPanelEvent(o,{...n,...d,tabValue:a.detail.value})})}},de={selector:"cds-accordion",init:function(t){const e=customElements.get("cds-accordion-item"),n=c.getSemanticAttributes(t);[...t.querySelectorAll("cds-accordion-item")].forEach(s=>{const o=c.getSemanticAttributes(s),a=o.event||n.event;a&&this.listen(s,e.eventToggle,r=>{this.dispatchPanelEvent(a,{...n,...o,open:r.detail.open})})})}},pe={selector:"cds-content-switcher",init:function(t){const e=customElements.get("cds-content-switcher"),n=c.getSemanticAttributes(t),s=t.getAttribute("before-select-event");s&&this.listen(t,e.eventBeforeSelect,a=>{this.dispatchPanelEvent(s,{...n,value:a.detail.value,cancelable:!0})});const o=n.event;o&&this.listen(t,e.eventSelect,a=>{const r=a.detail.item,d=c.getSemanticAttributes(r);this.dispatchPanelEvent(o,{...n,...d,value:r.getAttribute("value")})})}},ue=m.__exportAll({cdsBreadCrumbWrap:()=>ge,cdsBreadcrumbItemWrap:()=>ve,cdsBreadcrumbLinkWrap:()=>me}),ve={selector:"cds-breadcrumb-item"},me={selector:"cds-breadcrumb-link",event:"click",getData:(t,e,n)=>(t.preventDefault(),{...e,href:n.getAttribute("href")})},ge={selector:"cds-breadcrumb",init:function(t){const e=this,n=c.getSemanticAttributes(t),s=n.event;if(s){const o=r=>{e.dispatchPanelEvent(s,{...n,...r})};e.listen(t,"click",r=>{const d=r.target.closest("cds-breadcrumb-link");d&&(r.preventDefault(),r.stopPropagation(),o(c.getSemanticAttributes(d)))});const a=t.querySelector("cds-overflow-menu-body");a&&e.listen(a,"cds-overflow-menu-item-clicked",r=>{r.stopPropagation(),o(c.getSemanticAttributes(r.target))})}}},he=m.__exportAll({cdsNumberInputWrap:()=>Ee,cdsPasswordInputWrap:()=>Se,cdsSearchWrap:()=>Ae,cdsTextAreaWrap:()=>be,cdsTextInputWrap:()=>fe}),fe={selector:"cds-text-input",multiEvent:!0,events:[{type:"input",attrName:"event",getData:(t,e)=>({...e,value:t.currentTarget.value})},{type:"change",attrName:"change-event",getData:(t,e)=>({...e,value:t.currentTarget.value})}]},be={selector:"cds-textarea",multiEvent:!0,events:[{type:"input",attrName:"event",getData:(t,e)=>({...e,value:t.currentTarget.value})},{type:"change",attrName:"change-event",getData:(t,e)=>({...e,value:t.currentTarget.value})}]},Ee={selector:"cds-number-input",event:"cds-number-input",getData:(t,e,n)=>({...e,value:t.detail.value,direction:t.detail.direction})},Se={selector:"cds-password-input",multiEvent:!0,events:[{type:"input",attrName:"event",getData:(t,e)=>({...e,value:t.currentTarget.value})},{type:"change",attrName:"change-event",getData:(t,e)=>({...e,value:t.currentTarget.value})}]},Ae={selector:"cds-search",event:"cds-search-input",getData:(t,e,n)=>({...e,value:n.value})},We=m.__exportAll({cdsCheckboxWrap:()=>Ie,cdsRadioButGroupWrap:()=>Pe,cdsSelectWrap:()=>_e,cdsSliderWrap:()=>Ce,cdsToggleWrap:()=>ke}),Ie={selector:"cds-checkbox",event:"cds-checkbox-changed",getData:(t,e,n)=>({...e,checked:t.detail.checked,value:n.value})},Pe={selector:"cds-radio-button-group",event:"cds-radio-button-group-changed",getData:(t,e)=>({...e,value:t.detail?.value})},ke={selector:"cds-toggle",event:"cds-toggle-changed",getData:(t,e)=>({...e,isOn:t.detail.checked,value:t.detail.checked})},_e={selector:"cds-select",event:"cds-select-selected",getData:(t,e)=>({...e,value:t.detail.value})},Ce={selector:"cds-slider",init:function(t){const e=c.getSemanticAttributes(t),n=e.event;n&&this.listen(t,"cds-slider-changed",o=>{this.dispatchPanelEvent(n,{...e,value:o.detail.value})});const s=t.getAttribute("input-event");s&&this.listen(t,"cds-slider-input-changed",o=>{this.dispatchPanelEvent(s,{...e,value:o.detail.value})})}},ye=m.__exportAll({cdsFilterTagWrap:()=>De,cdsSDismissibleTagWrap:()=>we,cdsTagsWrap:()=>xe}),xe={selector:"cds-tag",event:"click",getData:(t,e)=>e},we={selector:"cds-dismissible-tag",init:function(t){const e=c.getSemanticAttributes(t),n=t.getAttribute("click-event");n&&this.listen(t,"click",o=>{o.target.closest("button")||this.dispatchPanelEvent(n,{...e})});const s=e.event;s&&this.listen(t,"cds-dismissible-tag-closed",o=>{this.dispatchPanelEvent(s,{...e,action:"closed"})})}},De={selector:"cds-filter-tag",event:"cds-filter-tag-closed",getData:(t,e)=>({...e,action:"remove"})},Be=m.__exportAll({cdsContainedListDescriptionWrap:()=>qe,cdsContainedListItemWrap:()=>Oe,cdsContainedListWrap:()=>Te,cdsOverflowMenuWrap:()=>Me,cdsStructuredListWrap:()=>Ne,cdsTreeViewWrap:()=>ze}),Me={selector:"cds-overflow-menu",init:function(t){const e=c.getSemanticAttributes(t),n=e.event,s=t.querySelector("cds-overflow-menu-body");n&&s&&this.listen(s,"cds-overflow-menu-item-clicked",o=>{o.stopPropagation();const a=c.getSemanticAttributes(o.target);this.dispatchPanelEvent(n,{...e,...a})})}},Ne={selector:"cds-structured-list",init:function(t){const e=c.getSemanticAttributes(t);[...t.querySelectorAll("cds-structured-list-row")].forEach(n=>{const s=c.getSemanticAttributes(n),o=s.event||e.event;o&&this.listen(n,"click",a=>{a.stopPropagation(),this.dispatchPanelEvent(o,{...e,...s})})}),t.hasAttribute("selection")&&this.listen(t,"cds-structured-list-selected",n=>{const s=n.detail.row,o=c.getSemanticAttributes(s),a=e.event;a&&this.dispatchPanelEvent(a,{...e,...o})})}},Te={selector:"cds-contained-list"},qe={selector:"cds-contained-list-description"},Oe={selector:"cds-contained-list-item",event:"cds-contained-list-item-click",getData:(t,e)=>e},ze={selector:"cds-tree-view",init:function(t){const e=c.getSemanticAttributes(t);this.listen(t,"cds-tree-node-selected",s=>{const o=s.detail.node,a=c.getSemanticAttributes(o),r=a.event||e.event;r&&this.dispatchPanelEvent(r,{...e,...a,nodeId:o.id,label:o.getAttribute("label")})});const n=c.getEventAttribute(t,"expand-event");n&&this.listen(t,"cds-tree-node-expanded",s=>{this.dispatchPanelEvent(n,{...e,nodeId:s.detail.node.id,expanded:s.detail.expanded})})}},Fe=m.__exportAll({cdsActionableNotificationWrap:()=>He,cdsInlineNotificationWrap:()=>Le,cdsToastNotificationWrap:()=>Re}),Re={selector:"cds-toast-notification",event:"cds-notification-closed",getData:(t,e)=>({...e,action:"closed"})},Le={selector:"cds-inline-notification",event:"cds-notification-closed",getData:(t,e)=>({...e,action:"closed"})},He={selector:"cds-actionable-notification",init:function(t){const e=c.getSemanticAttributes(t),n=c.getEventAttribute(t,"close-event","event");n&&this.listen(t,"cds-notification-closed",o=>{this.dispatchPanelEvent(n,{...e,action:"closed"})});const s=c.getEventAttribute(t,"action-event");s&&this.listen(t,"cds-notification-actioned",o=>{this.dispatchPanelEvent(s,{...e,action:"actioned"})})}},Ue=m.__exportAll({cdsClickableTileWrap:()=>je,cdsExpandableTileWrap:()=>$e,cdsRadioTileWrap:()=>Ve,cdsSelectableTileWrap:()=>Ge}),je={selector:"cds-clickable-tile",init:function(t){const e=c.getSemanticAttributes(t),n=e.event;if(n){const s=e.href||t.getAttribute("href")||"";t.removeAttribute("href"),t.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation(),this.dispatchPanelEvent(n,{...e,href:s})},!0)}}},$e={selector:"cds-expandable-tile",init:function(t){const e=c.getSemanticAttributes(t),n=t.getAttribute("before-toggle-event");n&&this.listen(t,"cds-expandable-tile-beingtoggled",o=>{this.dispatchPanelEvent(n,{...e,expanded:o.detail.expanded,cancelable:!0})});const s=e.event;s&&this.listen(t,"cds-expandable-tile-toggled",o=>{this.dispatchPanelEvent(s,{...e,expanded:o.detail.expanded})})}},Ge={selector:"cds-selectable-tile",event:"cds-selectable-tile-changed",getData:(t,e,n)=>({...e,selected:t.detail.selected,value:n.value})},Ve={selector:"cds-radio-tile",event:"cds-selectable-tile-changed",getData:(t,e,n)=>({...e,selected:t.detail.selected,value:n.value})},Ze=m.__exportAll({cdsInlineLoadingWrap:()=>Qe,cdsProgressBarWrap:()=>Je,cdsProgressIndicatorWrap:()=>Ke}),Je={selector:"cds-progress-bar",init:function(t){const e=c.getSemanticAttributes(t);if(e.event){const n=new MutationObserver(()=>{const s=parseFloat(t.getAttribute("value")||"0");s>=parseFloat(t.getAttribute("max")||"100")&&this.dispatchPanelEvent(e.event,{...e,value:s,status:"complete"})});n.observe(t,{attributes:!0,attributeFilter:["value"]}),t._progressObserver=n}}},Ke={selector:"cds-progress-indicator",init:function(t){const e=c.getSemanticAttributes(t);this.listen(t,"cds-progress-step-click",n=>{const s=n.target,o=c.getSemanticAttributes(s),a=o.event||e.event;a&&this.dispatchPanelEvent(a,{...e,...o,stepIndex:s.getAttribute("data-index"),stepLabel:s.getAttribute("label")})})}},Qe={selector:"cds-inline-loading",init:function(t){const e=c.getSemanticAttributes(t),n=e.event;n&&this.listen(t,"cds-inline-loading-onsuccess",o=>{this.dispatchPanelEvent(n,{...e,status:"finished"})});const s=t.getAttribute("status-event");if(s){const o=new MutationObserver(a=>{a.forEach(r=>{if(r.attributeName==="status"){const d=t.getAttribute("status");this.dispatchPanelEvent(s,{...e,status:d})}})});o.observe(t,{attributes:!0,attributeFilter:["status"]}),t._statusObserver=o}}},Xe=m.__exportAll({cdsPopoverWrap:()=>ts,cdsToggletipWrap:()=>es,cdsTooltipWrap:()=>Ye}),Ye={selector:"cds-tooltip",init:function(t){const e=c.getSemanticAttributes(t),n=c.getEventAttribute(t,"open-event");n&&this.listen(t,"cds-tooltip-beingopened",o=>{this.dispatchPanelEvent(n,{...e,action:"opened"})});const s=c.getEventAttribute(t,"close-event");s&&this.listen(t,"cds-tooltip-closed",o=>{this.dispatchPanelEvent(s,{...e,action:"closed"})})}},ts={selector:"cds-popover",init:function(t){const e=c.getSemanticAttributes(t),n=c.getEventAttribute(t,"open-event");n&&this.listen(t,"cds-popover-beingopened",o=>{this.dispatchPanelEvent(n,{...e,action:"opened"})});const s=c.getEventAttribute(t,"close-event");s&&this.listen(t,"cds-popover-closed",o=>{this.dispatchPanelEvent(s,{...e,action:"closed"})})}},es={selector:"cds-toggletip",init:function(t){const e=c.getSemanticAttributes(t);if(e.event){const n=new MutationObserver(s=>{s.forEach(o=>{if(o.attributeName==="open"){const a=t.hasAttribute("open");this.dispatchPanelEvent(e.event,{...e,action:a?"opened":"closed",open:a})}})});n.observe(t,{attributes:!0,attributeFilter:["open"]}),t._toggletipObserver=n}}},ss=m.__exportAll({cdsCodeSnipWrap:()=>os,cdsLinkWrap:()=>ns}),ns={selector:"cds-link",event:"click",getData:(t,e,n)=>({...e,href:n.getAttribute("href")})},os={selector:"cds-code-snippet",event:"cds-copy-button-clicked",getData:(t,e)=>({...e,action:"copied"})},as=m.__exportAll({cdsBadgeIndicatorWrap:()=>vs,cdsFormGroupWrap:()=>is,cdsFormItemWrap:()=>cs,cdsFormWrap:()=>rs,cdsHeadingWrap:()=>ds,cdsIconIndicatorWrap:()=>us,cdsIconWrap:()=>ps,cdsLoadingWrap:()=>ms,cdsSkeletonPlaceholderWrap:()=>hs,cdsSkeletonTextWrap:()=>gs,cdsStackWrap:()=>ls}),rs={selector:"cds-form"},cs={selector:"cds-form-item"},is={selector:"cds-form-group"},ls={selector:"cds-stack"},ds={selector:"cds-heading"},ps={selector:"cds-icon"},us={selector:"cds-icon-indicator"},vs={selector:"cds-badge-indicator"},ms={selector:"cds-loading"},gs={selector:"cds-skeleton-text"},hs={selector:"cds-skeleton-placeholder"};function h(t){return Object.values(t).filter(e=>typeof e=="object"&&e!==null&&e.selector)}var fs=[...h(Dt),...h(_t),...h(Mt),...h(Ut),...h(Gt),...h(Yt),...h(ne),...h(re),...h(ie),...h(ue),...h(he),...h(We),...h(ye),...h(Be),...h(Fe),...h(Ue),...h(Ze),...h(Xe),...h(ss),...h(as)];function bs(){const t=new Map;return fs.forEach(e=>{t.set(e.selector,e)}),t}var Es=()=>import("@carbon/web-components/es/components/accordion/index.js"),R=()=>import("@carbon/web-components/es/components/breadcrumb/index.js"),Ss=()=>import("@carbon/web-components/es/components/stack/index.js"),As=()=>import("@carbon/web-components/es/components/structured-list/index.js"),L=()=>import("@carbon/web-components/es/components/contained-list/index.js"),N=()=>import("@carbon/web-components/es/components/tile/index.js"),Ws=()=>import("@carbon/web-components/es/components/tree-view/index.js"),Is=()=>import("@carbon/web-components/es/components/link/index.js"),Ps=()=>import("@carbon/web-components/es/components/tabs/index.js"),ks=()=>import("@carbon/web-components/es/components/content-switcher/index.js"),X=()=>import("@carbon/web-components/es/components/menu/index.js"),_s=()=>import("@carbon/web-components/es/components/overflow-menu/index.js"),H=()=>import("@carbon/web-components/es/components/button/index.js"),Y=()=>import("@carbon/web-components/es/components/icon-button/index.js"),Cs=()=>import("@carbon/web-components/es/components/combo-button/index.js"),ys=()=>import("@carbon/web-components/es/components/copy-button/index.js"),xs=()=>import("@carbon/web-components/es/components/checkbox/index.js"),ws=()=>import("@carbon/web-components/es/components/radio-button/index.js"),Ds=()=>import("@carbon/web-components/es/components/toggle/index.js"),U=()=>import("@carbon/web-components/es/components/select/index.js"),Bs=()=>import("@carbon/web-components/es/components/slider/index.js"),j=()=>import("@carbon/web-components/es/components/text-input/index.js"),Ms=()=>import("@carbon/web-components/es/components/textarea/index.js"),Ns=()=>import("@carbon/web-components/es/components/number-input/index.js"),Ts=()=>import("@carbon/web-components/es/components/password-input/index.js"),tt=()=>import("@carbon/web-components/es/components/search/index.js"),qs=()=>import("@carbon/web-components/es/components/combo-box/index.js"),Os=()=>import("@carbon/web-components/es/components/dropdown/index.js"),zs=()=>import("@carbon/web-components/es/components/multi-select/index.js"),Fs=()=>import("@carbon/web-components/es/components/date-picker/index.js"),Rs=()=>import("@carbon/web-components/es/components/time-picker/index.js"),Ls=()=>import("@carbon/web-components/es/components/file-uploader/index.js"),et=()=>import("@carbon/web-components/es/components/form/index.js"),Hs=()=>import("@carbon/web-components/es/components/form-group/index.js"),Us=()=>import("@carbon/web-components/es/components/data-table/index.js"),st=()=>import("@carbon/web-components/es/components/pagination/index.js"),js=()=>import("@carbon/web-components/es/components/code-snippet/index.js"),$=()=>import("@carbon/web-components/es/components/tag/index.js"),$s=()=>import("@carbon/web-components/es/components/badge-indicator/index.js"),G=()=>import("@carbon/web-components/es/components/notification/index.js"),Gs=()=>import("@carbon/web-components/es/components/loading/index.js"),Vs=()=>import("@carbon/web-components/es/components/inline-loading/index.js"),Zs=()=>import("@carbon/web-components/es/components/progress-bar/index.js"),Js=()=>import("@carbon/web-components/es/components/progress-indicator/index.js"),Ks=()=>import("@carbon/web-components/es/components/skeleton-placeholder/index.js"),Qs=()=>import("@carbon/web-components/es/components/skeleton-text/index.js"),P=()=>import("@carbon/web-components/es/components/modal/index.js"),k=()=>import("@carbon/web-components/es/components/tooltip/index.js"),Xs=()=>import("@carbon/web-components/es/components/popover/index.js"),Ys=()=>import("@carbon/web-components/es/components/toggle-tip/index.js"),tn=()=>import("@carbon/web-components/es/components/heading/index.js"),en=()=>import("@carbon/web-components/es/components/icon/index.js"),sn=()=>import("@carbon/web-components/es/components/icon-indicator/index.js"),q={"cds-table":[k,H,j,tt,U,st,Us],"cds-pagination":[U,j,st],"cds-button":[k,H],"cds-icon-button:not([data-toggle])":[k,Y],"cds-icon-button[data-toggle]":[k,Y],"cds-button[data-fab]":[k,H],"cds-copy-button":[k,ys],"cds-combo-button":[k,Cs],"cds-checkbox":[xs],"cds-radio-button-group":[ws],"cds-toggle":[Ds],"cds-select":[U],"cds-slider":[Bs],"cds-text-input":[j],"cds-textarea":[Ms],"cds-number-input":[Ns],"cds-password-input":[k,Ts],"cds-search":[tt],"cds-dropdown":[Os],"cds-combo-box":[qs],"cds-multi-select":[zs],"cds-date-picker":[Fs],"cds-time-picker":[Rs],"cds-file-uploader":[Ls],"cds-tabs":[Ps],"cds-accordion":[Es],"cds-content-switcher":[ks],"cds-breadcrumb":[R],"cds-breadcrumb-item":[R],"cds-breadcrumb-link":[R],"cds-menu":[X],"cds-menu-button":[X],"cds-overflow-menu":[_s],"cds-structured-list":[As],"cds-contained-list":[L],"cds-contained-list-item":[L],"cds-contained-list-description":[L],"cds-tree-view":[Ws],"cds-modal":[P],"cds-modal-header":[P],"cds-modal-heading":[P],"cds-modal-label":[P],"cds-modal-close-button":[P],"cds-modal-body":[P],"cds-modal-body-content":[P],"cds-modal-footer":[P],"cds-modal-footer-button":[P],"cds-toast-notification":[G],"cds-inline-notification":[G],"cds-actionable-notification":[G],"cds-clickable-tile":[N],"cds-expandable-tile":[N],"cds-selectable-tile":[N],"cds-radio-tile":[N],"cds-progress-bar":[Zs],"cds-progress-indicator":[Js],"cds-inline-loading":[Vs],"cds-tooltip":[k],"cds-popover":[Xs],"cds-toggletip":[Ys],"cds-tag":[$],"cds-dismissible-tag":[$],"cds-filter-tag":[$],"cds-link":[Is],"cds-code-snippet":[js],"cds-form":[et],"cds-form-item":[et],"cds-form-group":[Hs],"cds-stack":[Ss],"cds-heading":[tn],"cds-icon":[en],"cds-icon-indicator":[sn],"cds-badge-indicator":[$s],"cds-loading":[Gs],"cds-skeleton-text":[Qs],"cds-skeleton-placeholder":[Ks]};function nn(t){const e=new Map;if(!t||!(t instanceof Element))return e;for(const s of Object.keys(T))e.set(s,[]);for(const[s,o]of Object.entries(T))t.matches(s)&&e.get(s).push(t);const n=t.querySelectorAll("*");for(const s of n)for(const[o,a]of Object.entries(T))s.matches(o)&&e.get(o).push(s);for(const[s,o]of e.entries())o.length===0&&e.delete(s);return e}function on(t){const e=new Set;for(const[n,s]of t.entries())s.length>0&&q[n]&&q[n].forEach(o=>e.add(o));return e}async function an(t,e){if(t.size===0)return;const n=Array.from(t).map(async s=>(e.has(s)||e.set(s,s()),e.get(s)));await Promise.all(n)}function rn(t,e){let n=0;for(const[s,o]of t.entries()){const a=T[s];o.forEach(r=>{if(a.init){a.init.call(e,r);return}if(a.multiEvent){const A=c.getSemanticAttributes(r);a.events.forEach(W=>{const x=c.getEventAttribute(r,W.attrName,"event");x&&e.listen(r,W.type,O=>{e.dispatchPanelEvent(x,W.getData(O,A,r))})});return}const d=c.getSemanticAttributes(r),u=d.event;u&&e.listen(r,a.event,A=>{A.stopPropagation();const W=a.getData(A,d,r),x=W._eventOverride||u;delete W._eventOverride,e.dispatchPanelEvent(x,W)})}),n+=o.length}return n}var T={...Object.fromEntries(bs())},cn=async function(t,e){const n=nn(t);if(n.size===0){this.debugMe("[Carbon] No Carbon components found in panel");return}this.carbonComponents||(this.carbonComponents=new Map);for(const[a,r]of n.entries())this.carbonComponents.set(a,r);const s=on(n);if(s.size>0)try{await an(s,e)}catch(a){console.error("[Carbon] Failed to load some component modules:",a)}const o=rn(n,this);o>0&&this.debugMe(`[Carbon] Total components initialized: ${o}`)},ln=(t={})=>{const{preload:e=[]}=t,n=new Map;if(e.length>0){const s=e.filter(a=>q[a]?!0:(console.warn(`[Carbon] No import found for selector: ${a}`),!1)),o=s.flatMap(a=>q[a].map(r=>(n.has(r)||n.set(r,r()),n.get(r))));Promise.all(o).then(()=>console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch(a=>console.warn("[Carbon] Preload error:",a))}m.ComponentLibraryRegistry.register("carbon",{cache:n,render:async function(s,o){try{await cn.call(this,s,o)}catch(a){console.error("[Carbon] Initialization error:",a)}},dispose:function(s){},config:{version:"2.0",description:"IBM Carbon Design System Web Components"}}),console.debug("[Zooy] Carbon Design System library registered")};exports.registerCarbonLibrary=ln;

package/dist/chunks/register-HYODt48Q.js

@@ -1 +0,0 @@
-const M=require("./component-library-registry-BBQV6Kpv.js"),l=require("./tree-utils-BYnipT-p.js");let u=require("badu"),i=require("material-components-web");i=M.__toESM(i);var D=function(t){[...t.querySelectorAll(".mdc-ripple-surface")].forEach(i.ripple.MDCRipple.attachTo)},E=function(t){[...t.querySelectorAll(".mdc-button")].forEach(o=>{i.ripple.MDCRipple.attachTo(o),this.listen(o,"click",n=>{const r=n.currentTarget,e=l.getElDataMap(r);this.dispatchPanelEvent(e.zv,Object.assign({orgEvt:n,trigger:r,href:r.href||e.href},e))})})},v=function(t){[...t.querySelectorAll(".mdc-fab")].forEach(o=>{i.ripple.MDCRipple.attachTo(o),this.listen(o,"click",n=>{n.stopPropagation();const r=n.currentTarget,e=l.getElDataMap(r);this.dispatchPanelEvent(e.zv,Object.assign({orgEvt:n,trigger:r,href:r.href||e.href},e))})})},b=function(t){[...t.querySelectorAll(".mdc-icon-button:not(.mdc-icon-toggle)")].forEach(o=>{const n=new i.ripple.MDCRipple(o);o.zComponent=n,n.unbounded=!0,this.listen(o,"click",r=>{const e=r.currentTarget,c=l.getElDataMap(e),a=c.zv;(0,u.isDefAndNotNull)(a)&&(r.stopPropagation(),this.dispatchPanelEvent(c.zv,Object.assign({orgEvt:r,trigger:e,href:e.href||c.href},c)))})})},y=function(t){[...t.querySelectorAll(".mdc-icon-toggle")].forEach(o=>{const n=o.ariaPressed==="true",r=new i.iconButton.MDCIconButtonToggle(o);r.on=n,o.zComponent=r,this.listen(o,"click",e=>e.stopPropagation()),this.listen(o,"MDCIconButtonToggle:change",e=>{e.stopPropagation();const c=e.currentTarget,a=e.detail.isOn,s=l.getElDataMap(c);this.dispatchPanelEvent(s.zv,Object.assign({orgEvt:e,trigger:c,href:c.href||s.href,isOn:a},s))})})},S=function(t){const o="mdc-checkbox__native-control";[...t.querySelectorAll(".mdc-data-table")].forEach(n=>{const r=new i.dataTable.MDCDataTable(n);r.selectedAllAcrossPages=!1,r.onSomeSelected=c=>{},r.onNoneSelected=c=>{},r.onAllSelected=c=>{},r.toggleSelectAcrossPages=()=>(r.selectedAllAcrossPages=!r.selectedAllAcrossPages,r.selectedAllAcrossPages),r.setSelectAcrossPages=c=>(r.selectedAllAcrossPages=c,r.selectedAllAcrossPages),r.getSelectAcrossPages=()=>r.selectedAllAcrossPages,n.zComponent=r,n.dataTable=r;const e=c=>{const a=r.getSelectedRowIds().length;c.type==="MDCDataTable:selectedAll"?r.onAllSelected(a):a===0?r.onNoneSelected(a):r.onSomeSelected(a)};["MDCDataTable:rowSelectionChanged","MDCDataTable:selectedAll","MDCDataTable:unselectedAll"].forEach(c=>{this.listen(n,c,e)}),[...n.querySelectorAll(".mdc-data-table__row")].forEach(c=>{this.listen(c,"click",a=>{if(!a.target.classList.contains(o)){a.stopPropagation();const s=a.currentTarget,d=l.getElDataMap(s);this.dispatchPanelEvent(d.zv,Object.assign({orgEvt:a,trigger:s,href:s.href||d.href},d))}})})})},w=function(t){[...t.querySelectorAll(".mdc-tab-bar")].forEach(o=>{const n=new i.tabBar.MDCTabBar(o);o.zComponent=n,this.listen(o,"MDCTabBar:activated",r=>{const e=n.tabList[r.detail.index].root,c=l.getElDataMap(e);this.dispatchPanelEvent(c.zv,Object.assign({orgEvt:r,trigger:e,href:e.href||c.href},c))})})},A=function(t){[...t.querySelectorAll(".mdc-switch")].forEach(o=>{const n=o.querySelector("input"),r=l.getElDataMap(n);this.listen(n,"change",e=>{e.stopPropagation(),this.dispatchPanelEvent(r.zv,Object.assign({orgEvt:e,trigger:n,href:n.href||r.href,isOn:n.checked},r))})})},T=function(t){[...t.querySelectorAll(".mdc-chip-set")].forEach(o=>{const n=i.chips.MDCChipSet.attachTo(o);o.zComponent=n,n.listen("MDCChip:interaction",r=>{const e=n.chips.find(s=>s.id===r.detail.chipId),c=e.root,a=l.getElDataMap(c);this.dispatchPanelEvent(a.zv,Object.assign({orgEvt:r,trigger:c,href:c.href||a.href,isOn:e.selected},a))})})},P=function(t){[...t.querySelectorAll(".mdc-menu-surface")].forEach(i.menuSurface.MDCMenuSurface.attachTo)},q=function(t){[...t.querySelectorAll(".mdc-menu-surface--anchor:not(.mdc-select__menu)")].forEach(o=>{const n=o.querySelector(".mdc-menu"),r=l.getElDataMap(n).corner||"BOTTOM_START",e=new i.menu.MDCMenu(n);if(n.zComponent=e,e.setAnchorCorner(i.menuSurface.Corner[r]),e.items.forEach(i.ripple.MDCRipple.attachTo),e.quickOpen=!1,e.listen("click",c=>c.stopPropagation()),e.listen("MDCMenu:selected",c=>{c.stopPropagation();const a=c.detail.item,s=l.getElDataMap(a);this.dispatchPanelEvent(s.zv,Object.assign({orgEvt:c,trigger:a,href:a.href||s.href},s))}),o.addEventListener("click",()=>e.open=!e.open),n.classList.contains("z2-filter-on-keydown")){const c=()=>{s="",e.items.forEach(h=>h.classList.remove("hidden-list-itme"))},a=[...e.items].map(h=>(0,u.toLowerCase)(h.querySelector(".mdc-deprecated-list-item__text").textContent));let s="";const d="abcdefghijklmnopqrstuvwxyz0123456789 -_",g=h=>{const f=(0,u.toLowerCase)(h.key);h.defaultPrevented||(d.includes(f)?s=`${s}${f}`:f==="escape"?c():f==="backspace"&&(s=s.slice(0,-1)),s!==""&&a.forEach((C,m)=>{C.includes(s)?e.items[m].classList.remove("hidden-list-itme"):e.items[m].classList.add("hidden-list-itme")}))};e.listen("MDCMenuSurface:closed",()=>{c(),document.removeEventListener("keydown",g,!0)}),e.listen("MDCMenuSurface:opened",()=>{c(),document.addEventListener("keydown",g,!0)})}})},_=function(t){[...t.querySelectorAll(".mdc-deprecated-list:not(.mdc-menu__items)")].forEach(o=>{const n=new i.list.MDCList(o);o.zComponent=n,(0,u.isDefAndNotNull)(o.id)&&this.listMap.set(o.id,n),n.listElements.forEach(r=>i.ripple.MDCRipple.attachTo(r)),this.listen(o,"click",r=>{const e=r.target.closest("li"),c=l.getElDataMap(e);this.dispatchPanelEvent(c.zv,Object.assign({orgEvt:r,trigger:e,href:e.href||c.href},c))})})},x=function(t){[...t.querySelectorAll(".mdc-slider")].forEach(o=>{const n=new i.slider.MDCSlider(o);o.zComponent=n;const r=l.getElDataMap(o),e=o.parentElement.querySelector(`#${r.inputid}`);this.listen(o,"MDCSlider:change",()=>{e.value=n.value})})},k=function(t){[...t.querySelectorAll(".mdc-linear-progress")].forEach(o=>{o.linProg=i.linearProgress.MDCLinearProgress.attachTo(o)})},L=function(t){[...t.querySelectorAll(".mdc-text-field")].forEach(i.textField.MDCTextField.attachTo)},O=function(t){[...t.querySelectorAll(".mdc-text-field-icon")].forEach(i.textField.MDCTextFieldIcon.attachTo)},z=function(t,o){const n=e=>{const c=document.createElement("li");c.classList.add("mdc-deprecated-list-item"),c.dataset.value=e.value;const a=document.createElement("span");a.classList.add("mdc-deprecated-list-item__ripple"),c.appendChild(a);const s=document.createElement("span");return s.classList.add("mdc-deprecated-list-item__text"),s.textContent=e.textContent,c.appendChild(s),e.selected&&c.classList.add("mdc-deprecated-list-item--selected"),c},r=(e,c,a)=>()=>{for(;e.firstChild;)e.removeChild(e.lastChild);[...c.options].forEach(s=>e.appendChild(n(s))),a.layoutOptions();try{a.selectedIndex=c.options.selectedIndex}catch(s){console.error("MDC Select index sync error:",{targetIndex:c.options.selectedIndex,htmSelectField:c,mdcSelect:a,currentIndex:a.selectedIndex,error:s})}};[...t.querySelectorAll(".mdc-select")].forEach(e=>{const c=e.querySelector("ul.mdc-deprecated-list"),a=e.querySelector("select"),s=new i.select.MDCSelect(e);e.zComponent=s,a.buildMenu=r(c,a,s),a.buildMenu();const d=s.menu;o.hoist(d.menuSurface.root),d.setIsHoisted(!0),s.listen("MDCSelect:change",()=>{a.options[s.selectedIndex].selected=!0,a.dispatchEvent(new Event("custom:select:change"))})})},F=function(t){[...t.querySelectorAll(".mdc-form-field:not(.for-radio):not(.for-checkbox)")].forEach(i.formField.MDCFormField.attachTo)},I=function(t){[...t.querySelectorAll(".mdc-form-field.for-radio")].forEach(o=>{const n=new i.formField.MDCFormField(o),r=o.querySelector(".mdc-radio");r.querySelector('input[type="radio"]').classList.add("mdc-radio__native-control"),n.input=new i.radio.MDCRadio(r)})},B=function(t){[...t.querySelectorAll(".mdc-form-field.for-checkbox")].forEach(o=>{const n=o.querySelector(".mdc-checkbox"),r=new i.checkbox.MDCCheckbox(n),e=new i.formField.MDCFormField(o);e.input=r})},p=null;function j(){return p||((0,u.isDefAndNotNull)(window.mdc)&&Object.prototype.hasOwnProperty.call(window.mdc,"autoInit")?(p=Promise.resolve(),p):(p=new Promise((t,o)=>{const n=window.__MDC_CDN_URL__||"https://unpkg.com/material-components-web@14.0.0/dist/material-components-web.min.js",r=document.createElement("script");r.src=n,r.async=!0,r.onload=()=>{(0,u.isDefAndNotNull)(window.mdc)&&Object.prototype.hasOwnProperty.call(window.mdc,"autoInit")?t():o(new Error("MDC library loaded but window.mdc is not available"))},r.onerror=()=>{o(new Error(`Failed to load MDC library from ${n}`))},document.head.appendChild(r)}),p))}async function R(){try{await j()}catch(t){throw t}M.ComponentLibraryRegistry.register("mdc",{render:function(t,o){(0,u.isDefAndNotNull)(window.mdc)&&Object.prototype.hasOwnProperty.call(window.mdc,"autoInit")&&(D.call(this,t),E.call(this,t),v.call(this,t),b.call(this,t),y.call(this,t),w.call(this,t),A.call(this,t),T.call(this,t),P.call(this,t),q.call(this,t),_.call(this,t),x.call(this,t),k.call(this,t),F.call(this,t),z.call(this,t,this),O.call(this,t),L.call(this,t),I.call(this,t),B.call(this,t),S.call(this,t))},dispose:function(t){[...t.querySelectorAll("[data-mdc-auto-init]")].forEach(o=>{try{o[o.getAttribute("data-mdc-auto-init")].destroy()}catch{}})},config:{version:"1.0",description:"Google Material Design Components (legacy, being phased out)"},utils:l.tree_utils_exports}),console.debug("[Zooy] MDC library registered")}exports.registerMdcLibrary=R;