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

package/dist/collection/components/md-navigation-tab/md-navigation-tab.js

@@ -258,13 +258,13 @@ export class MdNavigationTab {
         const accessibleLabel = this.label || undefined;
         const visibility = this.resolveLabelVisibility();
         const ariaLabel = visibility === 'none' ? accessibleLabel : undefined;
-        return (h(Host, { key: 'b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7', class: {
+        return (h(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 }, h("md-ripple", { key: '83fec6cfe2db2bb364b91597f38263f9bc7ef919', disabled: this.interactionDisabled }), h("span", { key: '66d3e42b259170e7dfc2021521e8e5a06b049b6a', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), h("span", { key: '66fefed1e19574db90dc10435c4d252f25858281', class: "md-navigation-tab__container", part: "container" }, h("span", { key: '9107a93789b7b0d3f45df0d8af5f2fb18ef0de50', class: {
+            }, "aria-label": ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("md-ripple", { key: 'e82500d6252f6396ab2df765552c3d7f99d03ef6', disabled: this.interactionDisabled }), h("span", { key: 'e8a2a889a6cabfaea71d8867ebba3596a5c71936', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), h("span", { key: '823780d7fc34e8527e8c83604d9659e1299427a3', class: "md-navigation-tab__container", part: "container" }, 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/collection/components/md-number-field/md-number-field.js

@@ -817,13 +817,13 @@ export class MdNumberField {
     }
     render() {
         const split = this.steppers === 'split';
-        return (h(Host, { key: 'a05641b5d1a8483f8971ecdb3c2e3d2869d4cea3', class: {
+        return (h(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'), 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'), 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/collection/components/md-organization-chart/md-organization-chart.js

@@ -279,10 +279,10 @@ export class MdOrganizationChart {
     render() {
         const roots = this.roots;
         const empty = roots.length === 0;
-        return (h(Host, { key: '26bfcbc5b511f6d4a3fff05f01b7c5a17c76d799', class: {
+        return (h(Host, { key: '30c2227bc9572fdf2eb6592bdf03409f86d8608e', class: {
                 'md-org-chart': true,
                 'md-org-chart--empty': empty,
-            } }, h("div", { key: '341c78bd4de81514d001fe4df0b9065edc19f8fc', class: "md-org-chart__viewport", part: "viewport" }, empty ? (h("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, h("slot", { name: "empty" }, "No data"))) : (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)))))));
+            } }, h("div", { key: '469a05bbafc74a11fe0e8d76012e0b6f94c56536', class: "md-org-chart__viewport", part: "viewport" }, empty ? (h("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, h("slot", { name: "empty" }, "No data"))) : (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)))))));
     }
     static get is() { return "md-organization-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-otp-field/md-otp-field.js

@@ -488,18 +488,18 @@ export class MdOtpField {
                 // 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 (h(Host, { key: '540edbbe363e2f0ea8ef310d853c4feabc50c89d', class: {
+        return (h(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,
-            } }, h("div", { key: '3ce903d367a31fccba284b9581e2e075c59f25e9', class: "md-otp-field__cells", part: "cells", role: "group", "aria-label": this.label || undefined,
+            } }, 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 && (h("div", { key: '11dfa6c1c2fc88f6514f7eaba339b122aca3f008', class: "md-otp-field__support-row" }, h("span", { key: '8b8c1eee61b1e2a758032b275f0bd9d2e5c010ba', id: `${this.uid}-support`, part: "supporting-text", role: this.error && supportText ? 'alert' : undefined, class: {
+            }, onFocusout: this.handleFocusOut }, nodes), showSupport && (h("div", { key: '8a49a9672a1b59f2e9d942df4172da52b336ba23', class: "md-otp-field__support-row" }, 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/collection/components/md-ripple/md-ripple.js

@@ -270,7 +270,7 @@ export class MdRipple {
         this.growAnimation.addEventListener('finish', () => this.endWave(), { once: true });
     }
     render() {
-        return (h(Host, { key: 'db104269176da1fe8c379500716b44c7d6575407', "aria-hidden": "true" }, h("div", { key: '94d23e0d1697a050e49ae66e8e8c022b20f108bd', class: "md-ripple" })));
+        return (h(Host, { key: '8e980fcdaae407a6adaa3ea90cd6f9e3771c19af', "aria-hidden": "true" }, h("div", { key: 'd4c6fb757ce02f8cbba86d5e07de6cb4efb6d93b', class: "md-ripple" })));
     }
     static get is() { return "md-ripple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-search/md-search.js

@@ -1,4 +1,5 @@
 import { Host, h, } from "@stencil/core";
+import { LazyLoadingIndicator } from "../../utils/lazy-loading-indicator";
 /**
  * Material Design 3 Search.
  *
@@ -1309,7 +1310,7 @@ export class MdSearch {
         // `loader` swaps the spinner (e.g. for a circular
         // md-progress-indicator); the default keeps the morph classes and
         // the exported shape part.
-        h("slot", { name: "loader" }, h("md-loading-indicator", { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), h("slot", { name: "trailing" })));
+        h("slot", { name: "loader" }, h(LazyLoadingIndicator, { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), h("slot", { name: "trailing" })));
     }
     // ────────────────────────────────────────────────────────────────────────
     // Render
@@ -1320,7 +1321,7 @@ export class MdSearch {
         if (this.maxBlockSize) {
             hostStyle['--_max-block-size'] = this.maxBlockSize;
         }
-        return (h(Host, { key: 'a1917af311741dbe519c61dbccc2444d2f7d1471', class: {
+        return (h(Host, { key: '76ac5836c8203ebef26524ca009c55f263a29a53', class: {
                 'md-search': true,
                 [`md-search--${this.variant}`]: true,
                 [`md-search--${this.layout}`]: true,
@@ -1338,18 +1339,18 @@ export class MdSearch {
                 '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 }, h("span", { key: 'fbe5d4a8afd52543bb6605dd7949ffcf007d40eb', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), 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 && (h("div", { key: 'e888147bb5f685e91b4e6be63811d183a84f8105', class: {
+            }, style: Object.keys(hostStyle).length > 0 ? hostStyle : undefined }, h("span", { key: '07c31817339fccd674a4255abfaf4c1ba97844b0', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), 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 && (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 && (h("md-ripple", { key: '9c34671fb64625f5d72ce562328f0c22ffefd9f9', ref: (el) => (this.rippleEl = el) })), h("span", { key: '4a2e71d470ec5a5597f8c302b7ffb2ed0a664618', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), 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())), h("div", { key: 'b263a0d7de44094b5202238f64fa333f82c17b34', id: "md-search-panel", class: {
+            }, part: "bar", onClick: this.handleBarClick }, !this.disabled && (h("md-ripple", { key: 'bc64e49c6b6d1821162402ab1b4dce19e52fb29d', ref: (el) => (this.rippleEl = el) })), h("span", { key: 'cefd6fcf4fdad156227987eff4907da85bbc6577', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), 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())), 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() && (h("div", { key: '7267d71b9e43dee8d24652d1f5896282bb471be8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), 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() && (h("div", { key: '8012f07b88bf161cd807648d922956cba050b2a8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), h("div", { key: '5d65f89b9f627b3e3724847d045bf12ebfeaebe7', class: {
                 'md-search__panel-body': true,
                 'md-search__panel-body--empty': this.shouldShowVisibleEmptyState(),
-            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (h("p", { key: '3df90324a512cb06038c1488ef72f71a82796e7d', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), h("div", { key: '76e88f72feeb9c6fba5ff3870cd1492a8679e9cd', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, h("div", { key: '9a6d7f652aefe09ed382805822e8e0247294ff2c', class: "md-search__results-scroll", part: "results-viewport" }, h("slot", { key: 'fdfd7c5b6b18dcb0bd1f6404d42e9da7ee3b417b', name: "results" })))))));
+            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (h("p", { key: '8ed70a0a101d7d3d7417f3f3d8e3d3b3bdbe3206', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), h("div", { key: 'ca153e2149bc5eb04d2501a8ce9145003371f465', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, h("div", { key: 'cf8048a6c67403fbc4791cbc181c30ce066bfc31', class: "md-search__results-scroll", part: "results-viewport" }, h("slot", { key: '33e6f9eeaee028a2a15ee1925867230f8cf8da14', name: "results" })))))));
     }
     static get is() { return "md-search"; }
     static get encapsulation() { return "shadow"; }