@awc-ui/core 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/cjs/md-navigation-bar.cjs.entry.js

@@ -267,7 +267,7 @@ const MdNavigationBar = class {
         // the `tablist` role so keyboard semantics match the W3C tab pattern
         // while screen-reader users still see a navigation landmark. Authors give
         // the landmark a name by setting `aria-label` directly on the element.
-        return (index.h(index.Host, { key: '325e851ac4a7042b130860220da50841a056e1c4', role: "navigation" }, index.h("div", { key: 'ad48829d543d990abc77b4fe0f4acbfcf4761690', class: "md-navigation-bar__container", part: "container", role: "tablist", "aria-orientation": "horizontal" }, index.h("slot", { key: 'cd8ef24df338375bd3a40a24ad39cb7b92ab3a59', onSlotchange: () => this.syncTabs() }))));
+        return (index.h(index.Host, { key: 'cb22af9667abfc892a7f0d1d829bba39f17cdfd7', role: "navigation" }, index.h("div", { key: '3f3b41e2f66fc7abe0d82425a685c64a0cf1e2dc', class: "md-navigation-bar__container", part: "container", role: "tablist", "aria-orientation": "horizontal" }, index.h("slot", { key: 'ae3e561d42998fdd4f2489f6f50368d9de103f62', onSlotchange: () => this.syncTabs() }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-navigation-tab.cjs.entry.js

@@ -239,13 +239,13 @@ const MdNavigationTab = class {
         const accessibleLabel = this.label || undefined;
         const visibility = this.resolveLabelVisibility();
         const ariaLabel = visibility === 'none' ? accessibleLabel : undefined;
-        return (index.h(index.Host, { key: 'b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7', class: {
+        return (index.h(index.Host, { key: '1e813ec1dff85462d7936f43f4cb6b8063b21a9d', class: {
                 'md-navigation-tab': true,
                 'md-navigation-tab--active': this.active,
                 'md-navigation-tab--disabled': this.disabled,
                 'md-navigation-tab--soft-disabled': this.softDisabled && !this.disabled,
                 'md-navigation-tab--label-hidden': visibility === 'none',
-            }, "aria-label": ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("md-ripple", { key: '83fec6cfe2db2bb364b91597f38263f9bc7ef919', disabled: this.interactionDisabled }), index.h("span", { key: '66d3e42b259170e7dfc2021521e8e5a06b049b6a', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), index.h("span", { key: '66fefed1e19574db90dc10435c4d252f25858281', class: "md-navigation-tab__container", part: "container" }, index.h("span", { key: '9107a93789b7b0d3f45df0d8af5f2fb18ef0de50', class: {
+            }, "aria-label": ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("md-ripple", { key: 'e82500d6252f6396ab2df765552c3d7f99d03ef6', disabled: this.interactionDisabled }), index.h("span", { key: 'e8a2a889a6cabfaea71d8867ebba3596a5c71936', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), index.h("span", { key: '823780d7fc34e8527e8c83604d9659e1299427a3', class: "md-navigation-tab__container", part: "container" }, index.h("span", { key: 'a86bd4d59cf9597e971a3a72faa35d9313d61d45', class: {
                 'md-navigation-tab__indicator': true,
                 'md-navigation-tab__indicator--active': this.active,
             }, part: "indicator", "aria-hidden": "true" }), this.renderIcon(), this.renderLabel())));

package/dist/cjs/md-number-field.cjs.entry.js

@@ -803,13 +803,13 @@ const MdNumberField = class {
     }
     render() {
         const split = this.steppers === 'split';
-        return (index.h(index.Host, { key: 'a05641b5d1a8483f8971ecdb3c2e3d2869d4cea3', class: {
+        return (index.h(index.Host, { key: 'a5c75305c0b69a09e59c749fc8b9d2ff64089190', class: {
                 'md-number-field': true,
                 [`md-number-field--${this.variant}`]: true,
                 'md-number-field--disabled': this.isDisabled,
                 'md-number-field--split': split,
                 'md-number-field--inline': this.steppers === 'inline',
-            } }, split && this.renderStepper('decrement'), index.h("md-text-field", { key: 'ccfc537634b5002a9d32f1b3fa753f6f5c69b2b7', ref: (el) => (this.fieldEl = el), class: "md-number-field__field", part: "field", variant: this.variant, label: this.label, placeholder: this.placeholder, value: this.inputValue, disabled: this.isDisabled, readOnly: this.readOnly, required: this.required, error: this.error, errorText: this.errorText, supportingText: this.supportingText, reserveSupportingSpace: this.reserveSupportingSpace, density: this.density,
+            } }, split && this.renderStepper('decrement'), index.h("md-text-field", { key: '0a6e19edf3250e05e6beb067bfbe1bb90fce9dc4', ref: (el) => (this.fieldEl = el), class: "md-number-field__field", part: "field", variant: this.variant, label: this.label, placeholder: this.placeholder, value: this.inputValue, disabled: this.isDisabled, readOnly: this.readOnly, required: this.required, error: this.error, errorText: this.errorText, supportingText: this.supportingText, reserveSupportingSpace: this.reserveSupportingSpace, density: this.density,
             // A plain text input with a numeric software keyboard — deliberately
             // NOT type="number" (its spinners and browser-specific parsing fight
             // the Intl display), NOT role="spinbutton" (the formatted value stays

package/dist/cjs/md-organization-chart.cjs.entry.js

@@ -264,10 +264,10 @@ const MdOrganizationChart = class {
     render() {
         const roots = this.roots;
         const empty = roots.length === 0;
-        return (index.h(index.Host, { key: '26bfcbc5b511f6d4a3fff05f01b7c5a17c76d799', class: {
+        return (index.h(index.Host, { key: '30c2227bc9572fdf2eb6592bdf03409f86d8608e', class: {
                 'md-org-chart': true,
                 'md-org-chart--empty': empty,
-            } }, index.h("div", { key: '341c78bd4de81514d001fe4df0b9065edc19f8fc', class: "md-org-chart__viewport", part: "viewport" }, empty ? (index.h("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, index.h("slot", { name: "empty" }, "No data"))) : (index.h("ul", { role: "tree", class: "md-org-chart__tree", part: "tree", "aria-label": this.label, "aria-multiselectable": this.selectionMode === 'multiple' ? 'true' : undefined }, roots.map((root, i) => this.renderNode(root, 1, i + 1, roots.length)))))));
+            } }, index.h("div", { key: '469a05bbafc74a11fe0e8d76012e0b6f94c56536', class: "md-org-chart__viewport", part: "viewport" }, empty ? (index.h("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, index.h("slot", { name: "empty" }, "No data"))) : (index.h("ul", { role: "tree", class: "md-org-chart__tree", part: "tree", "aria-label": this.label, "aria-multiselectable": this.selectionMode === 'multiple' ? 'true' : undefined }, roots.map((root, i) => this.renderNode(root, 1, i + 1, roots.length)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/md-otp-field.cjs.entry.js

@@ -486,18 +486,18 @@ const MdOtpField = class {
                 // keystrokes replacing rather than appending.
                 value: chars[i], "aria-label": cellLabel, "aria-invalid": this.error ? 'true' : undefined, "aria-required": i === 0 && this.required ? 'true' : undefined, "aria-describedby": supportText ? `${this.uid}-support` : undefined, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onClick: this.handleCellClick, onPaste: this.handlePaste }));
         }
-        return (index.h(index.Host, { key: '540edbbe363e2f0ea8ef310d853c4feabc50c89d', class: {
+        return (index.h(index.Host, { key: 'a737546458648b9a4d93231ef3ec423bd61236c6', class: {
                 'md-otp-field': true,
                 'md-otp-field--disabled': disabled,
                 'md-otp-field--readonly': this.readOnly,
                 'md-otp-field--error': this.error,
                 'md-otp-field--masked': this.mask,
-            } }, index.h("div", { key: '3ce903d367a31fccba284b9581e2e075c59f25e9', class: "md-otp-field__cells", part: "cells", role: "group", "aria-label": this.label || undefined,
+            } }, index.h("div", { key: '5a1d90c079a4f64c13f898615238956a055b7dcf', class: "md-otp-field__cells", part: "cells", role: "group", "aria-label": this.label || undefined,
             // Codes read left-to-right in RTL locales too — the row is pinned
             // LTR at the markup level (CSS re-asserts it).
             dir: "ltr", ref: (el) => {
                 this.cellsEl = el;
-            }, onFocusout: this.handleFocusOut }, nodes), showSupport && (index.h("div", { key: '11dfa6c1c2fc88f6514f7eaba339b122aca3f008', class: "md-otp-field__support-row" }, index.h("span", { key: '8b8c1eee61b1e2a758032b275f0bd9d2e5c010ba', id: `${this.uid}-support`, part: "supporting-text", role: this.error && supportText ? 'alert' : undefined, class: {
+            }, onFocusout: this.handleFocusOut }, nodes), showSupport && (index.h("div", { key: '8a49a9672a1b59f2e9d942df4172da52b336ba23', class: "md-otp-field__support-row" }, index.h("span", { key: '879c852f5b3fae2ec47d87eb34bf8b97b062e030', id: `${this.uid}-support`, part: "supporting-text", role: this.error && supportText ? 'alert' : undefined, class: {
                 'md-otp-field__support-text': true,
                 'md-otp-field__support-text--error': this.error,
             } }, supportText || '\u200B')))));

package/dist/cjs/md-search.cjs.entry.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var index = require('./index-Bm07YAg9.js');
+var lazyLoadingIndicator = require('./lazy-loading-indicator-CoC-_DMs.js');
 
 const mdSearchCss = () => `:host{--_container-color:var(     --md-search-container-color,     var(--md-sys-color-surface-container-high, #ECE6F0)   );--_container-shape:var(     --md-search-container-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_container-height:var(--md-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_resting-corner-shape:min(     var(--_container-shape),     calc(var(--_container-height) / 2)   );--_docked-panel-shape:var(--md-search-docked-panel-shape, var(--md-sys-shape-corner-large, 16px));--_divided-fullscreen-bar-height:var(--md-search-divided-fullscreen-bar-height, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 4px)));--_leading-icon-label-gap:var(--md-search-leading-icon-label-gap, 4px);--_trailing-icon-label-gap:var(--md-search-trailing-icon-label-gap, 4px);--_icon-button-size:var(--md-search-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_container-min-inline-size:var(--md-search-container-min-inline-size, 360px);--_container-max-inline-size:var(--md-search-container-max-inline-size, 720px);--_container-padding-inline:var(--md-search-container-padding-inline, 0px);--_container-padding-inline-focused:var(     --md-search-container-padding-inline-focused,     var(--_container-padding-inline)   );--_leading-padding-inline:var(--md-search-leading-padding-inline, 4px);--_trailing-padding-inline:var(--md-search-trailing-padding-inline, 8px);--_expand-inset:var(--md-search-expand-inset, 24px);--_expand-inset-focused:var(--md-search-expand-focused-inset, 12px);--_expand-duration:var(     --md-search-expand-duration,     var(--md-sys-motion-duration-medium4, 400ms)   );--_expand-easing:var(     --md-search-expand-easing,     cubic-bezier(0.34, 1.56, 0.64, 1)   );--_input-color:var(     --md-search-input-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_input-font-family:var(     --md-search-input-font-family,     var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif)   );--_input-font-size:var(     --md-search-input-font-size,     max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))   );--_input-line-height:var(     --md-search-input-line-height,     var(--md-sys-typescale-body-large-line-height, 24px)   );--_input-font-weight:var(     --md-search-input-font-weight,     var(--md-sys-typescale-body-large-font-weight, 400)   );--_input-letter-spacing:var(     --md-search-input-letter-spacing,     var(--md-sys-typescale-body-large-letter-spacing, 0.5px)   );--_placeholder-color:var(     --md-search-placeholder-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_leading-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_trailing-icon-color:var(     --md-search-trailing-icon-color,     var(       --md-search-icon-color,       var(--md-sys-color-on-surface-variant, #49454F)     )   );--_icon-size:var(--md-search-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_loading-color:var(     --md-search-loading-color,     var(--md-sys-color-primary, #6750A4)   );--_open-glyph-mirror:1;--_contained-background-color:var(     --md-search-contained-background-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_container-elevation-level:0px 0px 0px 0px transparent;--_container-elevation:var(     --md-search-container-elevation,     var(--_container-elevation-level)   );--_state-layer-color:var(     --md-search-state-layer-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_hover-state-layer-opacity:var(     --md-search-hover-state-layer-opacity,     var(--md-sys-state-hover-state-layer-opacity, 0.08)   );--_pressed-state-layer-opacity:var(     --md-search-pressed-state-layer-opacity,     0.1   );--_focus-indicator-color:var(     --md-search-focus-indicator-color,     var(--md-sys-color-secondary, #625B71)   );--_focus-indicator-thickness:var(--md-search-focus-indicator-thickness, 3px);--_focus-indicator-offset:var(--md-search-focus-indicator-offset, 2px);--_avatar-size:var(--md-search-avatar-size, 40px);--_panel-min-block-size:var(--md-search-panel-min-block-size, 0px);--_panel-max-block-size:var(--md-search-panel-max-block-size, min(400px, 60vh));--_max-block-size:var(--md-search-max-block-size);--_panel-offset:var(     --md-search-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   );--_bar-fullscreen-color:var(     --md-search-bar-fullscreen-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_fullscreen-results-color:var(     --md-search-fullscreen-results-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_divider-color:var(     --md-search-divider-color,     var(--md-sys-color-outline, #79747E)   );--_divider-thickness:var(--md-search-divider-thickness, 1px);--_fullscreen-bar-offset-block-start:var(     --md-search-fullscreen-bar-offset-block-start,     max(16px, env(safe-area-inset-block-start, 0px))   );--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(0px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(--md-search-fullscreen-bar-panel-gap, 0px);--_panel-padding-block-start:var(--md-search-panel-padding-block-start, 0px);--_motion-duration:var(     --md-search-panel-motion-duration,     var(--md-sys-motion-duration-medium2, 250ms)   );--_motion-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_fs-expand-duration:var(     --md-search-fullscreen-expand-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-expand-easing:var(     --md-search-fullscreen-expand-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );--_fs-collapse-duration:var(     --md-search-fullscreen-collapse-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-collapse-easing:var(     --md-search-fullscreen-collapse-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );display:block;position:relative;inline-size:100%;min-inline-size:var(--_container-min-inline-size);max-inline-size:var(--_container-max-inline-size);margin-inline:auto;min-block-size:var(--_container-height);font-family:var(--_input-font-family);color:var(--_input-color);box-sizing:border-box}:host([hidden]){display:none}:host(.md-search--trigger-icon.md-search--closed){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;inline-size:fit-content;block-size:fit-content;min-inline-size:0;max-inline-size:none;min-block-size:0;margin-inline:0;overflow:visible}:host(.md-search--trigger-icon.md-search--closed) .md-search__panel,:host(.md-search--trigger-icon.md-search--closed) .md-search__inset-probe{display:none}:host(.md-search--trigger-icon.md-search--open) .md-search__trigger{display:none}.md-search__trigger{display:contents}:host(.md-search--trigger-icon) .md-search__trigger-button{--md-icon-button-container-width:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));--md-icon-button-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1d1b20)   )}:host(.md-search--contained.md-search--docked){--_panel-offset:var(     --md-search-contained-docked-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--full-screen){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--full-width){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--contained.md-search--full-screen){--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(8px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(     --md-search-fullscreen-bar-panel-gap,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--divided.md-search--full-screen.md-search--open){--_container-height:var(--_divided-fullscreen-bar-height);--_fullscreen-bar-offset-block-start:max(0px, env(safe-area-inset-block-start, 0px));--_fullscreen-bar-offset-inline:max(0px, env(safe-area-inset-inline-start, 0px))}:host(.md-search--full-screen.md-search--open){position:fixed;inset:0;display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;margin:0;min-block-size:0;z-index:var(--md-sys-z-index-modal, 1300);box-sizing:border-box}:host(.md-search--trigger-icon.md-search--full-screen.md-search--open){display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;min-block-size:0;align-items:stretch;justify-content:flex-start}:host(.md-search--full-screen.md-search--open) .md-search__bar{position:fixed;inset-block-start:var(--_fullscreen-bar-offset-block-start);inset-inline:var(--_fullscreen-bar-offset-inline);inline-size:auto;margin-inline:0;z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__bar--focus-ring{z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__panel--full-screen{position:fixed;inset:0;margin:0;padding-block-start:calc(     var(--_fullscreen-bar-offset-block-start) + var(--_container-height) +       var(--_fullscreen-bar-panel-gap) + var(--_panel-padding-block-start)   );padding-inline:0;max-block-size:var(--_max-block-size, 100dvh);z-index:1;background-color:var(--_fullscreen-results-color)}:host(.md-search--contained.md-search--open) .md-search__leading-button{margin-inline-start:0}.md-search__bar{position:relative;display:flex;align-items:center;box-sizing:border-box;gap:0;inline-size:calc(100% - calc(var(--_expand-inset) * 2));min-inline-size:0;max-inline-size:100%;margin-inline:auto;block-size:var(--_container-height);padding-inline:var(--_container-padding-inline);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);cursor:text;overflow:hidden;transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--elevation-0){--_container-elevation-level:0px 0px 0px 0px transparent}:host(.md-search--elevation-1){--_container-elevation-level:var(--md-sys-elevation-1)}:host(.md-search--elevation-2){--_container-elevation-level:var(--md-sys-elevation-2)}:host(.md-search--elevation-3){--_container-elevation-level:var(--md-sys-elevation-3)}:host(.md-search--elevation-4){--_container-elevation-level:var(--md-sys-elevation-4)}:host(.md-search--elevation-5){--_container-elevation-level:var(--md-sys-elevation-5)}.md-search__bar--focused,:host(.md-search--open) .md-search__bar{inline-size:calc(100% - calc(var(--_expand-inset-focused) * 2));padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--disabled) .md-search__bar{cursor:not-allowed;opacity:0.38}:host(.md-search--full-screen) .md-search__bar{transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--full-screen.md-search--open) .md-search__bar{opacity:0;transform:translateY(30px);pointer-events:none}:host(.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--full-screen.md-search--open) .md-search__bar{border-radius:0;background-color:var(--_bar-fullscreen-color);padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--contained.md-search--full-screen.md-search--open) .md-search__bar{border-radius:var(--_container-shape);background-color:var(--_container-color);padding-inline:var(--_container-padding-inline-focused)}.md-search__bar>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--_expand-duration);--md-ripple-grow-easing:var(--_expand-easing)}.md-search__inset-probe{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:max(0px, calc(var(--_expand-inset) - var(--_expand-inset-focused)));block-size:0;visibility:hidden;pointer-events:none;opacity:0}.md-search__a11y-status{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-search__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__bar:hover .md-search__state-layer{opacity:var(--_hover-state-layer-opacity)}.md-search__bar--focus-ring .md-search__state-layer{opacity:0}.md-search__bar--focus-ring{box-shadow:var(--_container-elevation),     0 0 0 var(--_focus-indicator-offset) var(--_container-color),     0 0 0       calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness))       var(--_focus-indicator-color)}.md-search__bar:active .md-search__state-layer{opacity:var(--_pressed-state-layer-opacity)}.md-search__bar:hover .md-search__input::placeholder,.md-search__bar:active .md-search__input::placeholder{color:var(--_placeholder-color)}:host(.md-search--disabled) .md-search__state-layer{display:none}.md-search__leading,.md-search__trailing{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);flex:0 0 auto;position:relative;z-index:1;box-sizing:border-box}.md-search__leading{padding-inline-start:var(--_leading-padding-inline);padding-inline-end:var(--_leading-icon-label-gap)}.md-search__trailing{margin-inline-start:auto;padding-inline-start:var(--_trailing-icon-label-gap);padding-inline-end:var(--_trailing-padding-inline)}.md-search__leading .md-search__icon,.md-search__leading-button{color:var(--_leading-icon-color)}.md-search__trailing .md-search__icon{color:var(--_trailing-icon-color)}.md-search__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;pointer-events:none;user-select:none}.md-search__icon-button{appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);position:relative;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__icon-button:hover{background-color:color-mix(     in srgb,     var(--_trailing-icon-color) 8%,     transparent   )}.md-search__loading{--md-loading-indicator-size:var(--_icon-button-size);--md-loading-indicator-shape-size:var(--_icon-size);--md-loading-indicator-color:var(--_loading-color);flex:0 0 auto;pointer-events:none}.md-search__trailing-morph{position:relative;flex:0 0 auto;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size)}.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{position:absolute;inset:0;margin:auto;transition:opacity var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}.md-search__trailing-morph>.md-search__clear{opacity:1;transform:scale(1) rotate(0deg)}.md-search__trailing-morph>.md-search__loading{opacity:0;transform:scale(0.6) rotate(-90deg)}.md-search__trailing-morph--loading>.md-search__clear{opacity:0;transform:scale(0.6) rotate(90deg);pointer-events:none}.md-search__trailing-morph--loading>.md-search__loading{opacity:1;transform:scale(1) rotate(0deg)}.md-search__voice{flex:0 0 auto;color:var(--_trailing-icon-color)}.md-search__voice .md-search__icon{position:relative;z-index:1}.md-search__voice--listening{color:var(--md-sys-color-primary, #6750A4)}.md-search__voice--listening::before{content:'';position:absolute;inset:0;border-radius:50%;background-color:color-mix(     in srgb,     var(--md-sys-color-primary, #6750A4) 16%,     transparent   );animation:md-search-voice-pulse 1.4s     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) infinite}@keyframes md-search-voice-pulse{0%,100%{transform:scale(0.82);opacity:0.55}50%{transform:scale(1.12);opacity:0.2}}.md-search__icon-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness))}.md-search__leading-button{appearance:none;background:transparent;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;cursor:text;pointer-events:none;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button{cursor:pointer;pointer-events:auto}.md-search__leading-state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_leading-icon-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button:hover .md-search__leading-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-search--open) .md-search__leading-button:active .md-search__leading-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-search__leading-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness));border-radius:50%}.md-search__leading-button:disabled{cursor:not-allowed}.md-search__leading-button .md-search__icon{position:absolute;inset:0;margin:auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing)}.md-search__icon--resting{opacity:1;transform:rotate(0deg) scale(1)}:host(.md-search--open) .md-search__icon--resting{opacity:0;transform:rotate(-90deg) scale(0.6)}.md-search__icon--open{opacity:0;transform:rotate(90deg) scale(0.6) scaleX(var(--_open-glyph-mirror))}:host(.md-search--open) .md-search__icon--open{opacity:1;transform:rotate(0deg) scale(1) scaleX(var(--_open-glyph-mirror))}:host([dir="rtl"]),:host-context([dir="rtl"]){--_open-glyph-mirror:-1}::slotted([slot='leading']),::slotted([slot='trailing']){display:inline-flex;align-items:center}::slotted(md-avatar[slot='trailing']),::slotted([slot='trailing'][role='img']),::slotted(img[slot='trailing']){inline-size:var(--_avatar-size);block-size:var(--_avatar-size)}.md-search__input{flex:1 1 auto;min-inline-size:0;border:0;outline:0;background:transparent;color:var(--_input-color);font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing);padding-inline:0;position:relative;z-index:1}.md-search__input::placeholder{color:var(--_placeholder-color);opacity:1;font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing)}.md-search__input:disabled{cursor:not-allowed}.md-search__input::-webkit-search-cancel-button,.md-search__input::-webkit-search-decoration{display:none}.md-search__panel{visibility:hidden;opacity:0;pointer-events:none;box-sizing:border-box;background-color:transparent;color:var(--_input-color);display:flex;flex-direction:column;overflow:hidden;min-block-size:0;transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s linear var(--_motion-duration)}.md-search__panel-body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.md-search__results-host{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden}.md-search__results-host .md-search__results-scroll{flex:1 1 auto;min-block-size:0}.md-search__results-scroll{flex:1 1 auto;min-block-size:0;overflow-block:auto;overflow-inline:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #cac4d0) transparent}.md-search__results-scroll::-webkit-scrollbar{inline-size:8px}.md-search__results-scroll::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #cac4d0);border-radius:4px}.md-search__empty{flex:0 0 auto;margin:0;padding-block:var(--md-search-empty-padding-block, var(--md-sys-spacing-inset-xl, 24px));padding-inline:var(--md-search-empty-padding-inline, var(--md-sys-spacing-inset-lg, 16px));text-align:center;color:var(     --md-search-empty-color,     var(--md-sys-color-on-surface-variant, #49454f)   );font-family:var(     --md-sys-typescale-body-medium-font,     Roboto,     system-ui,     sans-serif   );font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-tracking, 0.25px)}.md-search__panel-body--empty .md-search__results-host{display:none}.md-search__panel--docked{position:absolute;inset-inline:var(--_expand-inset-focused);inset-block-start:calc(var(--_container-height) + var(--_panel-offset));block-size:fit-content;min-block-size:var(--_panel-min-block-size);max-block-size:var(--_max-block-size, var(--_panel-max-block-size));transform:translateY(-4px);z-index:var(--md-sys-z-index-popup, 1100)}.md-search__panel--docked.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s}.md-search__panel--full-screen{opacity:0;transform:translateY(30px);will-change:opacity, transform;transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     visibility 0s linear var(--_fs-collapse-duration)}.md-search__panel--full-screen.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     visibility 0s}.md-search__divider{display:none;block-size:var(--_divider-thickness);background-color:var(--_divider-color);flex:0 0 auto}:host(.md-search--divided.md-search--panel-content) .md-search__divider{display:block}:host(.md-search--divided.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{border-radius:0}:host(.md-search--divided) .md-search__panel--docked{inset-block-start:var(--_container-height)}:host(.md-search--divided.md-search--docked) .md-search__bar{transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__bar{border-radius:var(--_resting-corner-shape) var(--_resting-corner-shape) 0 0;background-color:var(--_container-color);overflow:hidden}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{background-color:var(--_container-color);border-radius:0 0 var(--_resting-corner-shape) var(--_resting-corner-shape);overflow:hidden}:host(.md-search--contained.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{border-radius:var(--_docked-panel-shape);background-color:var(--_container-color)}::slotted([slot='results']){display:block;--md-list-container-color:transparent;--md-list-item-container-color:transparent;--md-list-padding-block:0px}:host(.md-search--disabled) .md-search__input,:host(.md-search--disabled) .md-search__icon,:host(.md-search--disabled) .md-search__icon-button,:host(.md-search--disabled) .md-search__leading-button{pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1D1B20) 38%,     transparent   )}@media (prefers-reduced-motion: reduce){.md-search__bar,.md-search__panel,.md-search__state-layer,.md-search__icon-button,.md-search__leading-button,.md-search__leading-state-layer,.md-search__leading-button .md-search__icon,.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{transition-duration:0.01ms !important}.md-search__voice--listening::before{animation:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
 
@@ -1309,7 +1310,7 @@ const MdSearch = class {
         // `loader` swaps the spinner (e.g. for a circular
         // md-progress-indicator); the default keeps the morph classes and
         // the exported shape part.
-        index.h("slot", { name: "loader" }, index.h("md-loading-indicator", { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), index.h("slot", { name: "trailing" })));
+        index.h("slot", { name: "loader" }, index.h(lazyLoadingIndicator.LazyLoadingIndicator, { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), index.h("slot", { name: "trailing" })));
     }
     // ────────────────────────────────────────────────────────────────────────
     // Render
@@ -1320,7 +1321,7 @@ const MdSearch = class {
         if (this.maxBlockSize) {
             hostStyle['--_max-block-size'] = this.maxBlockSize;
         }
-        return (index.h(index.Host, { key: 'a1917af311741dbe519c61dbccc2444d2f7d1471', class: {
+        return (index.h(index.Host, { key: '76ac5836c8203ebef26524ca009c55f263a29a53', class: {
                 'md-search': true,
                 [`md-search--${this.variant}`]: true,
                 [`md-search--${this.layout}`]: true,
@@ -1338,18 +1339,18 @@ const MdSearch = class {
                 'md-search--has-slotted-trailing': this.hasSlottedTrailing,
                 'md-search--full-width': this.fullWidth,
                 [`md-search--elevation-${this.elevation}`]: true,
-            }, style: Object.keys(hostStyle).length > 0 ? hostStyle : undefined }, index.h("span", { key: 'fbe5d4a8afd52543bb6605dd7949ffcf007d40eb', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), index.h("div", { key: '2dbe27e3953c8ee2ca91e05027ca4036d76e4a4b', class: "md-search__a11y-status", part: "status", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.resultsStatus), this.renderTrigger(), this.showBar && (index.h("div", { key: 'e888147bb5f685e91b4e6be63811d183a84f8105', class: {
+            }, style: Object.keys(hostStyle).length > 0 ? hostStyle : undefined }, index.h("span", { key: '07c31817339fccd674a4255abfaf4c1ba97844b0', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), index.h("div", { key: 'b4c34966fadb4171ebc5993d812bf86d8d63b2c1', class: "md-search__a11y-status", part: "status", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.resultsStatus), this.renderTrigger(), this.showBar && (index.h("div", { key: '7a15527ed9539e965909e26ca334d3ba364e6951', class: {
                 'md-search__bar': true,
                 'md-search__bar--focused': this.focused,
                 'md-search__bar--focus-ring': this.showFocusRing,
-            }, part: "bar", onClick: this.handleBarClick }, !this.disabled && (index.h("md-ripple", { key: '9c34671fb64625f5d72ce562328f0c22ffefd9f9', ref: (el) => (this.rippleEl = el) })), index.h("span", { key: '4a2e71d470ec5a5597f8c302b7ffb2ed0a664618', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), index.h("input", { key: 'ed5b32d0d9d6500cd005902f6286d3091e21c943', ref: (el) => (this.input = el), class: "md-search__input", part: "input", type: "search", role: "combobox", value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.effectiveLabel(), "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "md-search-panel", "aria-autocomplete": "list", autocomplete: "off", spellcheck: false, onInput: this.handleInput, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeyDown }), this.renderTrailing())), index.h("div", { key: 'b263a0d7de44094b5202238f64fa333f82c17b34', id: "md-search-panel", class: {
+            }, part: "bar", onClick: this.handleBarClick }, !this.disabled && (index.h("md-ripple", { key: 'bc64e49c6b6d1821162402ab1b4dce19e52fb29d', ref: (el) => (this.rippleEl = el) })), index.h("span", { key: 'cefd6fcf4fdad156227987eff4907da85bbc6577', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), index.h("input", { key: '7c0507ef8bcf5ee8149bf1eab0fa1f281f91c91b', ref: (el) => (this.input = el), class: "md-search__input", part: "input", type: "search", role: "combobox", value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.effectiveLabel(), "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "md-search-panel", "aria-autocomplete": "list", autocomplete: "off", spellcheck: false, onInput: this.handleInput, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeyDown }), this.renderTrailing())), index.h("div", { key: '82a31127eb5cdd537368c5a39441ee5de76f8fce', id: "md-search-panel", class: {
                 'md-search__panel': true,
                 [`md-search__panel--${this.layout}`]: true,
                 'md-search__panel--open': this.isPanelRevealed(),
-            }, part: "panel", role: "dialog", "aria-modal": isFullScreen && this.isPanelRevealed() ? 'true' : 'false', "aria-hidden": this.isPanelRevealed() ? 'false' : 'true', "aria-label": this.effectiveLabel() }, this.variant === 'divided' && this.isPanelRevealed() && (index.h("div", { key: '7267d71b9e43dee8d24652d1f5896282bb471be8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), index.h("div", { key: '91137bdaeb1e35d9dde52c1ffd92298b8a78b9ff', class: {
+            }, part: "panel", role: "dialog", "aria-modal": isFullScreen && this.isPanelRevealed() ? 'true' : 'false', "aria-hidden": this.isPanelRevealed() ? 'false' : 'true', "aria-label": this.effectiveLabel() }, this.variant === 'divided' && this.isPanelRevealed() && (index.h("div", { key: '8012f07b88bf161cd807648d922956cba050b2a8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), index.h("div", { key: '5d65f89b9f627b3e3724847d045bf12ebfeaebe7', class: {
                 'md-search__panel-body': true,
                 'md-search__panel-body--empty': this.shouldShowVisibleEmptyState(),
-            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (index.h("p", { key: '3df90324a512cb06038c1488ef72f71a82796e7d', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), index.h("div", { key: '76e88f72feeb9c6fba5ff3870cd1492a8679e9cd', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, index.h("div", { key: '9a6d7f652aefe09ed382805822e8e0247294ff2c', class: "md-search__results-scroll", part: "results-viewport" }, index.h("slot", { key: 'fdfd7c5b6b18dcb0bd1f6404d42e9da7ee3b417b', name: "results" })))))));
+            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (index.h("p", { key: '8ed70a0a101d7d3d7417f3f3d8e3d3b3bdbe3206', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), index.h("div", { key: 'ca153e2149bc5eb04d2501a8ce9145003371f465', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, index.h("div", { key: 'cf8048a6c67403fbc4791cbc181c30ce066bfc31', class: "md-search__results-scroll", part: "results-viewport" }, index.h("slot", { key: '33e6f9eeaee028a2a15ee1925867230f8cf8da14', name: "results" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {