@trintel/zooy 1.3.0 → 1.5.1

package/README.md

@@ -34,6 +34,7 @@ ComponentLibraryRegistry (Static)
 Base class extending `EventTarget` with lifecycle-aware listener management.
 
 **Features:**
+
 - Automatic listener cleanup on disposal
 - Observer pattern for component relationships
 - Interval tracking with automatic cleanup
@@ -43,16 +44,18 @@ Base class extending `EventTarget` with lifecycle-aware listener management.
 Base class for UI components with DOM lifecycle management.
 
 **Features:**
+
 - Parent-child hierarchy
 - Target-based rendering
 - Model binding
 - Placeholder support for async loading
 
 **Lifecycle:**
+
 ```javascript
 const component = new Component();
-component.target = document.getElementById('container');
-component.render();  // Creates DOM → Enters document → Fires READY event
+component.target = document.getElementById("container");
+component.render(); // Creates DOM → Enters document → Fires READY event
 component.dispose(); // Exits document → Cleans up → Removes DOM
 ```
 
@@ -61,6 +64,7 @@ component.dispose(); // Exits document → Cleans up → Removes DOM
 Component for dynamic, URI-based content.
 
 **Features:**
+
 - URI-based content fetching
 - Query parameter management
 - Server-side HTML rendering
@@ -70,9 +74,10 @@ Component for dynamic, URI-based content.
 - Partial DOM updates
 
 **Usage:**
+
 ```javascript
-const panel = new Panel('/api/content');
-panel.addToQParams('filter', 'active');
+const panel = new Panel("/api/content");
+panel.addToQParams("filter", "active");
 panel.render();
 ```
 
@@ -81,16 +86,18 @@ panel.render();
 Enhanced panel for form handling.
 
 **Features:**
+
 - HTML5 validation
 - Field-level error display
 - AJAX submission
 - Server response processing
 
 **Usage:**
+
 ```javascript
-const form = new FormPanel('/api/form');
+const form = new FormPanel("/api/form");
 form.onSubmitSuccess((panel, response) => {
-  console.log('Submitted:', response);
+  console.log("Submitted:", response);
 });
 form.render();
 ```
@@ -100,18 +107,20 @@ form.render();
 Orchestrator for multiple panels.
 
 **Features:**
+
 - Panel lifecycle management
 - Event routing between panels
 - Split layout integration
 - Browser history recording
 
 **Usage:**
+
 ```javascript
 class DashboardView extends View {
   constructor() {
     super();
-    this.addPanel('main', new Panel('/dashboard'));
-    this.mapPanEv('custom_action', this.handleAction);
+    this.addPanel("main", new Panel("/dashboard"));
+    this.mapPanEv("custom_action", this.handleAction);
   }
 
   handleAction(eventData, panel) {
@@ -125,15 +134,17 @@ class DashboardView extends View {
 Top-level application controller.
 
 **Features:**
+
 - View lifecycle management
 - Browser history integration
 - Navigation routing
 - User session management
 
 **Usage:**
+
 ```javascript
 const conductor = new Conductor();
-conductor.registerViewConstructor('dashboard', (pk) => new DashboardView(pk));
+conductor.registerViewConstructor("dashboard", (pk) => new DashboardView(pk));
 conductor.switchView(new DashboardView());
 ```
 
@@ -142,6 +153,7 @@ conductor.switchView(new DashboardView());
 Resizable layout component.
 
 **Features:**
+
 - Horizontal (EW) and vertical (NS) orientations
 - Nested splitting
 - Draggable dividers
@@ -149,11 +161,12 @@ Resizable layout component.
 - Animated transitions
 
 **Usage:**
+
 ```javascript
 const split = new Split();
-split.render(document.getElementById('app'));
-split.addSplit(undefined, 'EW', 200, 200); // [A | B | C]
-split.addSplit(split.getNest('A'), 'NS', 100, 100); // Split A vertically
+split.render(document.getElementById("app"));
+split.addSplit(undefined, "EW", 200, 200); // [A | B | C]
+split.addSplit(split.getNest("A"), "NS", 100, 100); // Split A vertically
 ```
 
 ### Dragger
@@ -161,6 +174,7 @@ split.addSplit(split.getNest('A'), 'NS', 100, 100); // Split A vertically
 Component for draggable elements.
 
 **Features:**
+
 - Constrained movement (X, Y, or both)
 - Touch and mouse support
 - Drag events with delta tracking
@@ -172,11 +186,11 @@ Component for draggable elements.
 Register component libraries at application startup:
 
 ```javascript
-import { registerMdcLibrary, registerCarbonLibrary } from '@trintel/zooy';
+import { registerMdcLibrary, registerCarbonLibrary } from "@trintel/zooy";
 
 const init = async () => {
-  await registerMdcLibrary();      // Material Design Components
-  await registerCarbonLibrary();   // IBM Carbon Design System
+  await registerMdcLibrary(); // Material Design Components
+  await registerCarbonLibrary(); // IBM Carbon Design System
 
   // Render application
   const view = new MyView();
@@ -189,18 +203,21 @@ const init = async () => {
 Central registry for UI libraries.
 
 **Features:**
+
 - Multiple library support
 - Lazy loading via dynamic imports
 - Import caching
 - Library-specific lifecycle hooks
 
 **Benefits:**
+
 - No library lock-in
 - Smaller initial bundles
 - Gradual migration support
 - Framework evolution flexibility
 
 **Bundle Sizes:**
+
 - Core framework: ~101KB (~27KB gzipped)
 - MDC library: +463KB (~62KB gzipped, only if registered)
 - Carbon library: +34KB (~7KB gzipped, only if registered)
@@ -227,9 +244,7 @@ Carbon Web Components load dynamically:
 <cds-button>Click Me</cds-button>
 
 <cds-accordion>
-  <cds-accordion-item title="Section 1">
-    Content
-  </cds-accordion-item>
+  <cds-accordion-item title="Section 1"> Content </cds-accordion-item>
 </cds-accordion>
 ```
 
@@ -239,12 +254,13 @@ If importing `@carbon/styles` for theming, configure font paths:
 
 ```scss
 // Your application's theme file
-@use '@carbon/styles' as * with (
-  $font-path: '../path/to/node_modules/@ibm/plex'
+@use "@carbon/styles" as * with (
+  $font-path: "../path/to/node_modules/@ibm/plex"
 );
 ```
 
 **Required dependencies:**
+
 ```json
 {
   "dependencies": {
@@ -261,11 +277,13 @@ If importing `@carbon/styles` for theming, configure font paths:
 Native zooy components styled via CSS custom properties.
 
 **Usage:**
+
 ```html
 <zoo-tag token="52">Activated</zoo-tag>
 ```
 
 **Styling:**
+
 ```scss
 :root {
   --zoo-tag-52-bg: #4fb50b;
@@ -279,11 +297,11 @@ Components communicate through standardized events:
 
 ```javascript
 // Panel dispatches event
-panel.dispatchPanelEvent('custom_action', { data: 'value' });
+panel.dispatchPanelEvent("custom_action", { data: "value" });
 
 // View listens and handles
-view.mapPanEv('custom_action', (eventData, panel) => {
-  console.log('Panel action:', eventData.data);
+view.mapPanEv("custom_action", (eventData, panel) => {
+  console.log("Panel action:", eventData.data);
 });
 ```
 
@@ -304,9 +322,11 @@ Zooy enhances HTML with data attributes:
 <div class="zoo_async_html" data-href="/api/widget"></div>
 
 <!-- Toggle class -->
-<button class="zoo__toggle_class_driver"
-        data-toggle_class_target_id="menu"
-        data-toggle_class="open">
+<button
+  class="zoo__toggle_class_driver"
+  data-toggle_class_target_id="menu"
+  data-toggle_class="open"
+>
   Toggle Menu
 </button>
 ```
@@ -354,29 +374,29 @@ zooy/
 ## Exports
 
 ```javascript
-import zooy from '@trintel/zooy';
+import zooy from "@trintel/zooy";
 
 // Main exports
-zooy.Evt
-zooy.Component
-zooy.Panel
-zooy.FormPanel
-zooy.View
-zooy.Conductor
-zooy.Split
-zooy.Dragger
-zooy.UserManager
-zooy.DataBinder
-zooy.ComponentLibraryRegistry
-zooy.registerCarbonLibrary
-zooy.registerMdcLibrary
-zooy.domUtils
-zooy.uriUtils
-zooy.handlers
-zooy.zoo
+zooy.Evt;
+zooy.Component;
+zooy.Panel;
+zooy.FormPanel;
+zooy.View;
+zooy.Conductor;
+zooy.Split;
+zooy.Dragger;
+zooy.UserManager;
+zooy.DataBinder;
+zooy.ComponentLibraryRegistry;
+zooy.registerCarbonLibrary;
+zooy.registerMdcLibrary;
+zooy.domUtils;
+zooy.uriUtils;
+zooy.handlers;
+zooy.zoo;
 
 // SASS exports
-import '@trintel/zooy/sass';  // Main SASS entry point
+import "@trintel/zooy/sass"; // Main SASS entry point
 ```
 
 ## Development

package/dist/chunks/{register-D3pWAXhm.js → register-BFpnFeyz.js}

@@ -1,48 +1,48 @@
 import { t as M } from "./component-library-registry-DB5UeqC2.js";
-import { r as E, s as l } from "./tree-utils-B2JEGXHR.js";
+import { r as E, s as l } from "./tree-utils-CIi6B6uU.js";
 import { isDefAndNotNull as p, toLowerCase as C } from "badu";
 import * as a from "material-components-web";
-var y = function(t) {
-  [...t.querySelectorAll(".mdc-ripple-surface")].forEach(a.ripple.MDCRipple.attachTo);
-}, b = function(t) {
-  [...t.querySelectorAll(".mdc-button")].forEach((o) => {
+var b = function(r) {
+  [...r.querySelectorAll(".mdc-ripple-surface")].forEach(a.ripple.MDCRipple.attachTo);
+}, y = function(r) {
+  [...r.querySelectorAll(".mdc-button")].forEach((o) => {
     a.ripple.MDCRipple.attachTo(o), this.listen(o, "click", (n) => {
-      const r = n.currentTarget, e = l(r);
+      const t = n.currentTarget, e = l(t);
       this.dispatchPanelEvent(e.zv, Object.assign({
         orgEvt: n,
-        trigger: r,
-        href: r.href || e.href
+        trigger: t,
+        href: t.href || e.href
       }, e));
     });
   });
-}, D = function(t) {
-  [...t.querySelectorAll(".mdc-fab")].forEach((o) => {
+}, D = function(r) {
+  [...r.querySelectorAll(".mdc-fab")].forEach((o) => {
     a.ripple.MDCRipple.attachTo(o), this.listen(o, "click", (n) => {
       n.stopPropagation();
-      const r = n.currentTarget, e = l(r);
+      const t = n.currentTarget, e = l(t);
       this.dispatchPanelEvent(e.zv, Object.assign({
         orgEvt: n,
-        trigger: r,
-        href: r.href || e.href
+        trigger: t,
+        href: t.href || e.href
       }, e));
     });
   });
-}, S = function(t) {
-  [...t.querySelectorAll(".mdc-icon-button:not(.mdc-icon-toggle)")].forEach((o) => {
+}, S = function(r) {
+  [...r.querySelectorAll(".mdc-icon-button:not(.mdc-icon-toggle)")].forEach((o) => {
     const n = new a.ripple.MDCRipple(o);
-    o.zComponent = n, n.unbounded = !0, this.listen(o, "click", (r) => {
-      const e = r.currentTarget, c = l(e), s = c.zv;
-      p(s) && (r.stopPropagation(), this.dispatchPanelEvent(c.zv, Object.assign({
-        orgEvt: r,
+    o.zComponent = n, n.unbounded = !0, this.listen(o, "click", (t) => {
+      const e = t.currentTarget, c = l(e), s = c.zv;
+      p(s) && (t.stopPropagation(), this.dispatchPanelEvent(c.zv, Object.assign({
+        orgEvt: t,
         trigger: e,
         href: e.href || c.href
       }, c)));
     });
   });
-}, w = function(t) {
-  [...t.querySelectorAll(".mdc-icon-toggle")].forEach((o) => {
-    const n = o.ariaPressed === "true", r = new a.iconButton.MDCIconButtonToggle(o);
-    r.on = n, o.zComponent = r, this.listen(o, "click", (e) => e.stopPropagation()), this.listen(o, "MDCIconButtonToggle:change", (e) => {
+}, w = function(r) {
+  [...r.querySelectorAll(".mdc-icon-toggle")].forEach((o) => {
+    const n = o.ariaPressed === "true", t = new a.iconButton.MDCIconButtonToggle(o);
+    t.on = n, o.zComponent = t, this.listen(o, "click", (e) => e.stopPropagation()), this.listen(o, "MDCIconButtonToggle:change", (e) => {
       e.stopPropagation();
       const c = e.currentTarget, s = e.detail.isOn, i = l(c);
       this.dispatchPanelEvent(i.zv, Object.assign({
@@ -53,17 +53,17 @@ var y = function(t) {
       }, i));
     });
   });
-}, A = function(t) {
+}, A = function(r) {
   const o = "mdc-checkbox__native-control";
-  [...t.querySelectorAll(".mdc-data-table")].forEach((n) => {
-    const r = new a.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;
+  [...r.querySelectorAll(".mdc-data-table")].forEach((n) => {
+    const t = new a.dataTable.MDCDataTable(n);
+    t.selectedAllAcrossPages = !1, t.onSomeSelected = (c) => {
+    }, t.onNoneSelected = (c) => {
+    }, t.onAllSelected = (c) => {
+    }, t.toggleSelectAcrossPages = () => (t.selectedAllAcrossPages = !t.selectedAllAcrossPages, t.selectedAllAcrossPages), t.setSelectAcrossPages = (c) => (t.selectedAllAcrossPages = c, t.selectedAllAcrossPages), t.getSelectAcrossPages = () => t.selectedAllAcrossPages, n.zComponent = t, n.dataTable = t;
     const e = (c) => {
-      const s = r.getSelectedRowIds().length;
-      c.type === "MDCDataTable:selectedAll" ? r.onAllSelected(s) : s === 0 ? r.onNoneSelected(s) : r.onSomeSelected(s);
+      const s = t.getSelectedRowIds().length;
+      c.type === "MDCDataTable:selectedAll" ? t.onAllSelected(s) : s === 0 ? t.onNoneSelected(s) : t.onSomeSelected(s);
     };
     [
       "MDCDataTable:rowSelectionChanged",
@@ -85,49 +85,49 @@ var y = function(t) {
       });
     });
   });
-}, T = function(t) {
-  [...t.querySelectorAll(".mdc-tab-bar")].forEach((o) => {
+}, T = function(r) {
+  [...r.querySelectorAll(".mdc-tab-bar")].forEach((o) => {
     const n = new a.tabBar.MDCTabBar(o);
-    o.zComponent = n, this.listen(o, "MDCTabBar:activated", (r) => {
-      const e = n.tabList[r.detail.index].root, c = l(e);
+    o.zComponent = n, this.listen(o, "MDCTabBar:activated", (t) => {
+      const e = n.tabList[t.detail.index].root, c = l(e);
       this.dispatchPanelEvent(c.zv, Object.assign({
-        orgEvt: r,
+        orgEvt: t,
         trigger: e,
         href: e.href || c.href
       }, c));
     });
   });
-}, P = function(t) {
-  [...t.querySelectorAll(".mdc-switch")].forEach((o) => {
-    const n = o.querySelector("input"), r = l(n);
+}, P = function(r) {
+  [...r.querySelectorAll(".mdc-switch")].forEach((o) => {
+    const n = o.querySelector("input"), t = l(n);
     this.listen(n, "change", (e) => {
-      e.stopPropagation(), this.dispatchPanelEvent(r.zv, Object.assign({
+      e.stopPropagation(), this.dispatchPanelEvent(t.zv, Object.assign({
         orgEvt: e,
         trigger: n,
-        href: n.href || r.href,
+        href: n.href || t.href,
         isOn: n.checked
-      }, r));
+      }, t));
     });
   });
-}, x = function(t) {
-  [...t.querySelectorAll(".mdc-chip-set")].forEach((o) => {
+}, x = function(r) {
+  [...r.querySelectorAll(".mdc-chip-set")].forEach((o) => {
     const n = a.chips.MDCChipSet.attachTo(o);
-    o.zComponent = n, n.listen("MDCChip:interaction", (r) => {
-      const e = n.chips.find((i) => i.id === r.detail.chipId), c = e.root, s = l(c);
+    o.zComponent = n, n.listen("MDCChip:interaction", (t) => {
+      const e = n.chips.find((i) => i.id === t.detail.chipId), c = e.root, s = l(c);
       this.dispatchPanelEvent(s.zv, Object.assign({
-        orgEvt: r,
+        orgEvt: t,
         trigger: c,
         href: c.href || s.href,
         isOn: e.selected
       }, s));
     });
   });
-}, q = function(t) {
-  [...t.querySelectorAll(".mdc-menu-surface")].forEach(a.menuSurface.MDCMenuSurface.attachTo);
-}, _ = function(t) {
-  [...t.querySelectorAll(".mdc-menu-surface--anchor:not(.mdc-select__menu)")].forEach((o) => {
-    const n = o.querySelector(".mdc-menu"), r = l(n).corner || "BOTTOM_START", e = new a.menu.MDCMenu(n);
-    if (n.zComponent = e, e.setAnchorCorner(a.menuSurface.Corner[r]), e.items.forEach(a.ripple.MDCRipple.attachTo), e.quickOpen = !1, e.listen("click", (c) => c.stopPropagation()), e.listen("MDCMenu:selected", (c) => {
+}, q = function(r) {
+  [...r.querySelectorAll(".mdc-menu-surface")].forEach(a.menuSurface.MDCMenuSurface.attachTo);
+}, _ = function(r) {
+  [...r.querySelectorAll(".mdc-menu-surface--anchor:not(.mdc-select__menu)")].forEach((o) => {
+    const n = o.querySelector(".mdc-menu"), t = l(n).corner || "BOTTOM_START", e = new a.menu.MDCMenu(n);
+    if (n.zComponent = e, e.setAnchorCorner(a.menuSurface.Corner[t]), e.items.forEach(a.ripple.MDCRipple.attachTo), e.quickOpen = !1, e.listen("click", (c) => c.stopPropagation()), e.listen("MDCMenu:selected", (c) => {
       c.stopPropagation();
       const s = c.detail.item, i = l(s);
       this.dispatchPanelEvent(i.zv, Object.assign({
@@ -153,36 +153,36 @@ var y = function(t) {
       });
     }
   });
-}, k = function(t) {
-  [...t.querySelectorAll(".mdc-deprecated-list:not(.mdc-menu__items)")].forEach((o) => {
+}, k = function(r) {
+  [...r.querySelectorAll(".mdc-deprecated-list:not(.mdc-menu__items)")].forEach((o) => {
     const n = new a.list.MDCList(o);
-    o.zComponent = n, p(o.id) && this.listMap.set(o.id, n), n.listElements.forEach((r) => a.ripple.MDCRipple.attachTo(r)), this.listen(o, "click", (r) => {
-      const e = r.target.closest("li"), c = l(e);
+    o.zComponent = n, p(o.id) && this.listMap.set(o.id, n), n.listElements.forEach((t) => a.ripple.MDCRipple.attachTo(t)), this.listen(o, "click", (t) => {
+      const e = t.target.closest("li"), c = l(e);
       this.dispatchPanelEvent(c.zv, Object.assign({
-        orgEvt: r,
+        orgEvt: t,
         trigger: e,
         href: e.href || c.href
       }, c));
     });
   });
-}, O = function(t) {
-  [...t.querySelectorAll(".mdc-slider")].forEach((o) => {
+}, O = function(r) {
+  [...r.querySelectorAll(".mdc-slider")].forEach((o) => {
     const n = new a.slider.MDCSlider(o);
     o.zComponent = n;
-    const r = l(o), e = o.parentElement.querySelector(`#${r.inputid}`);
+    const t = l(o), e = o.parentElement.querySelector(`#${t.inputid}`);
     this.listen(o, "MDCSlider:change", () => {
       e.value = n.value;
     });
   });
-}, z = function(t) {
-  [...t.querySelectorAll(".mdc-linear-progress")].forEach((o) => {
+}, z = function(r) {
+  [...r.querySelectorAll(".mdc-linear-progress")].forEach((o) => {
     o.linProg = a.linearProgress.MDCLinearProgress.attachTo(o);
   });
-}, L = function(t) {
-  [...t.querySelectorAll(".mdc-text-field")].forEach(a.textField.MDCTextField.attachTo);
-}, F = function(t) {
-  [...t.querySelectorAll(".mdc-text-field-icon")].forEach(a.textField.MDCTextFieldIcon.attachTo);
-}, I = function(t, o) {
+}, L = function(r) {
+  [...r.querySelectorAll(".mdc-text-field")].forEach(a.textField.MDCTextField.attachTo);
+}, F = function(r) {
+  [...r.querySelectorAll(".mdc-text-field-icon")].forEach(a.textField.MDCTextFieldIcon.attachTo);
+}, I = function(r, o) {
   const n = (e) => {
     const c = document.createElement("li");
     c.classList.add("mdc-deprecated-list-item"), c.dataset.value = e.value;
@@ -190,7 +190,7 @@ var y = function(t) {
     s.classList.add("mdc-deprecated-list-item__ripple"), c.appendChild(s);
     const i = document.createElement("span");
     return i.classList.add("mdc-deprecated-list-item__text"), i.textContent = e.textContent, c.appendChild(i), e.selected && c.classList.add("mdc-deprecated-list-item--selected"), c;
-  }, r = (e, c, s) => () => {
+  }, t = (e, c, s) => () => {
     for (; e.firstChild; ) e.removeChild(e.lastChild);
     [...c.options].forEach((i) => e.appendChild(n(i))), s.layoutOptions();
     try {
@@ -205,49 +205,44 @@ var y = function(t) {
       });
     }
   };
-  [...t.querySelectorAll(".mdc-select")].forEach((e) => {
+  [...r.querySelectorAll(".mdc-select")].forEach((e) => {
     const c = e.querySelector("ul.mdc-deprecated-list"), s = e.querySelector("select"), i = new a.select.MDCSelect(e);
-    e.zComponent = i, s.buildMenu = r(c, s, i), s.buildMenu();
+    e.zComponent = i, s.buildMenu = t(c, s, i), s.buildMenu();
     const d = i.menu;
     o.hoist(d.menuSurface.root), d.setIsHoisted(!0), i.listen("MDCSelect:change", () => {
       s.options[i.selectedIndex].selected = !0, s.dispatchEvent(new Event("custom:select:change"));
     });
   });
-}, B = function(t) {
-  [...t.querySelectorAll(".mdc-form-field:not(.for-radio):not(.for-checkbox)")].forEach(a.formField.MDCFormField.attachTo);
-}, j = function(t) {
-  [...t.querySelectorAll(".mdc-form-field.for-radio")].forEach((o) => {
-    const n = new a.formField.MDCFormField(o), r = o.querySelector(".mdc-radio");
-    r.querySelector('input[type="radio"]').classList.add("mdc-radio__native-control"), n.input = new a.radio.MDCRadio(r);
+}, B = function(r) {
+  [...r.querySelectorAll(".mdc-form-field:not(.for-radio):not(.for-checkbox)")].forEach(a.formField.MDCFormField.attachTo);
+}, j = function(r) {
+  [...r.querySelectorAll(".mdc-form-field.for-radio")].forEach((o) => {
+    const n = new a.formField.MDCFormField(o), t = o.querySelector(".mdc-radio");
+    t.querySelector('input[type="radio"]').classList.add("mdc-radio__native-control"), n.input = new a.radio.MDCRadio(t);
   });
-}, R = function(t) {
-  [...t.querySelectorAll(".mdc-form-field.for-checkbox")].forEach((o) => {
-    const n = o.querySelector(".mdc-checkbox"), r = new a.checkbox.MDCCheckbox(n), e = new a.formField.MDCFormField(o);
-    e.input = r;
+}, R = function(r) {
+  [...r.querySelectorAll(".mdc-form-field.for-checkbox")].forEach((o) => {
+    const n = o.querySelector(".mdc-checkbox"), t = new a.checkbox.MDCCheckbox(n), e = new a.formField.MDCFormField(o);
+    e.input = t;
   });
 }, u = null;
 function N() {
-  return u || (p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") ? (u = Promise.resolve(), u) : (u = 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 = () => {
-      p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") ? t() : o(/* @__PURE__ */ new Error("MDC library loaded but window.mdc is not available"));
-    }, r.onerror = () => {
+  return u || (p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") ? (u = Promise.resolve(), u) : (u = new Promise((r, o) => {
+    const n = window.__MDC_CDN_URL__ || "https://unpkg.com/material-components-web@14.0.0/dist/material-components-web.min.js", t = document.createElement("script");
+    t.src = n, t.async = !0, t.onload = () => {
+      p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") ? r() : o(/* @__PURE__ */ new Error("MDC library loaded but window.mdc is not available"));
+    }, t.onerror = () => {
       o(/* @__PURE__ */ new Error(`Failed to load MDC library from ${n}`));
-    }, document.head.appendChild(r);
+    }, document.head.appendChild(t);
   }), u));
 }
 async function V() {
-  try {
-    await N();
-  } catch (t) {
-    throw t;
-  }
-  M.register("mdc", {
-    render: function(t, o) {
-      p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") && (y.call(this, t), b.call(this, t), D.call(this, t), S.call(this, t), w.call(this, t), T.call(this, t), P.call(this, t), x.call(this, t), q.call(this, t), _.call(this, t), k.call(this, t), O.call(this, t), z.call(this, t), B.call(this, t), I.call(this, t, this), F.call(this, t), L.call(this, t), j.call(this, t), R.call(this, t), A.call(this, t));
+  await N(), M.register("mdc", {
+    render: function(r, o) {
+      p(window.mdc) && Object.prototype.hasOwnProperty.call(window.mdc, "autoInit") && (b.call(this, r), y.call(this, r), D.call(this, r), S.call(this, r), w.call(this, r), T.call(this, r), P.call(this, r), x.call(this, r), q.call(this, r), _.call(this, r), k.call(this, r), O.call(this, r), z.call(this, r), B.call(this, r), I.call(this, r, this), F.call(this, r), L.call(this, r), j.call(this, r), R.call(this, r), A.call(this, r));
     },
-    dispose: function(t) {
-      [...t.querySelectorAll("[data-mdc-auto-init]")].forEach((o) => {
+    dispose: function(r) {
+      [...r.querySelectorAll("[data-mdc-auto-init]")].forEach((o) => {
         try {
           o[o.getAttribute("data-mdc-auto-init")].destroy();
         } catch {