@threadlabs/looma 0.1.8 → 0.1.10

package/dist/cjs/ui-toast-region.cjs.entry.js

@@ -54,7 +54,7 @@ const UIToastRegion = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '8e99577d8770984b8d6d29e442931570c1f1bc4d', role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: '06f2c6cf39c4795afc0937669aa2104821aef3d6' })));
+        return (index.h(index.Host, { key: '0edcce54864ba991b092d004d3b45cf697b9c3ac', role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: '2e30794a05b018fb55c4313c8e17f7262ecee7da' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-tooltip.cjs.entry.js

@@ -117,7 +117,7 @@ const UITooltip = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '900ec6fc08ea7a7965195e8203fd779e70cfa6e6', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("slot", { key: 'b384f779fa9a229cf635be5adb3476ca93270c24' })));
+        return (index.h(index.Host, { key: '64b5f4e7a56cbf5560edc6d7118022a49d5e2786', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("slot", { key: 'cf6f96689021a42a01b782f0e1d0730b5a9aa1f8' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-top-bar.cjs.entry.js

@@ -35,7 +35,7 @@ const UITopBar = class {
         this.hasActions = slotHasContent(this.actionsSlot);
     };
     render() {
-        return (index.h(index.Host, { key: '23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c' }, index.h("header", { key: '9472960f4445f8ed7d0800d71db3cbac020fca3f', class: "top-bar", part: "base" }, index.h("div", { key: 'd408be025d90fdcf1416213b9e76f3b780f47d97', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '3dc4db316a040ff10a8b8b218b42799d3e1a7b97', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '1b362f19f9a738600afb266e9641c0ee5c8870c9', class: "top-bar__title" }, index.h("slot", { key: 'bb93d34a3dea15c697dcd19dc0ecc3488ee390c8' })), index.h("div", { key: '3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '5731817be644f10ed745fdc0868b85b66a9c06d4', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '2ee868b93f5195832830900382545b2131e78bb8', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: '1d410fa60f112904cfb866cff5a3f2fb18021c93', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h(index.Host, { key: '15c840c082724df0ec39ab6ad4e55f99192df5be' }, index.h("header", { key: '790afaeecdb3e598b8365391f57ee1e2d8ca69a2', class: "top-bar", part: "base" }, index.h("div", { key: 'fab822f5875c7e3b8e267be42c075597d79374fa', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '0723013c4b674964e4029442b715daa9eb0036db', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '77fc006257b7fa6a191191d9969ea66445b8bc3e', class: "top-bar__title" }, index.h("slot", { key: 'e8a07f1f767c1c0fa1244abcf3bb0e697e36a4fe' })), index.h("div", { key: 'bde5cdf797ae898f68eddeab362b8395f89bdf28', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '8b059d6123e94f3b7e18c15c88828ee9c6436136', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: 'c262446cf29873903530ea3f840de4de9db3de82', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: 'f417dbc8cc0115a455a72ce0feb5f32b323ce68f', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UITopBar.style = uiTopBarCss();

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/ui-affordance-scope/ui-affordance-scope.js",
     "components/ui-avatar/ui-avatar.js",
     "components/ui-avatar-group/ui-avatar-group.js",
     "components/ui-badge/ui-badge.js",

package/dist/collection/components/ui-affordance-scope/ui-affordance-scope.css

@@ -0,0 +1,8 @@
+:host {
+  display: contents;
+  --ui-affordance-scope-engaged: 0;
+}
+
+:host([data-ui-interaction='engaged']) {
+  --ui-affordance-scope-engaged: 1;
+}

package/dist/collection/components/ui-affordance-scope/ui-affordance-scope.js

@@ -0,0 +1,70 @@
+import { Host, h } from "@stencil/core";
+import { createProximityCoordinator } from "../../overlay/positioning";
+export class UIAffordanceScope {
+    host;
+    /** Distance outside each registered affordance that reveals its near state. */
+    nearRadius = 32;
+    coordinator = null;
+    componentDidLoad() {
+        this.connectCoordinator();
+    }
+    disconnectedCallback() {
+        this.coordinator?.destroy();
+        this.coordinator = null;
+    }
+    connectCoordinator() {
+        this.coordinator?.destroy();
+        this.coordinator = createProximityCoordinator(this.host, {
+            nearRadius: this.nearRadius,
+        });
+    }
+    onSlotChange = () => {
+        this.coordinator?.refresh();
+    };
+    render() {
+        return (h(Host, { key: '2bc861652826e6227deaba6d1030ecf43753f575' }, h("slot", { key: '5e0544939e6b20747f12023dbb45329eb3853715', onSlotchange: this.onSlotChange })));
+    }
+    static get is() { return "ui-affordance-scope"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-affordance-scope.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-affordance-scope.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "nearRadius": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Distance outside each registered affordance that reveals its near state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "near-radius",
+                "defaultValue": "32"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "nearRadius",
+                "methodName": "connectCoordinator"
+            }];
+    }
+}

package/dist/collection/components/ui-avatar/ui-avatar.js

@@ -18,7 +18,7 @@ export class UIAvatar {
     render() {
         const fallbackText = this.fallback || toInitials(this.name || this.alt);
         const label = this.alt || this.name || 'Avatar';
-        return (h(Host, { key: 'f61c3a4e5556be947b9f573591d4db0687fd01fd', role: "img", "aria-label": label, "data-has-image": this.hasImage ? '' : undefined }, h("div", { key: '03d4a3d1c86bb1d1779ad007ba12407230478dac', class: "avatar" }, h("img", { key: '512015d68f9118bf8b8181b5b5118c133e783baf', src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? 'false' : 'true' }), h("span", { key: '48b0f1f81a6465c6021d4c867af67a559b9b8a67', class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? 'true' : 'false' }, fallbackText))));
+        return (h(Host, { key: '18214960ad2f1a0370907c0281102af924739de9', role: "img", "aria-label": label, "data-has-image": this.hasImage ? '' : undefined }, h("div", { key: 'c6d0a00de56b756f0e24fdc4b306d89cdae2a44f', class: "avatar" }, h("img", { key: 'c5bfecb9d18797bc934ff087ce7ed8a4616ab347', src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? 'false' : 'true' }), h("span", { key: '1875a45a9c21de3e3a52924ef25b3f8429a788c4', class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? 'true' : 'false' }, fallbackText))));
     }
     static get is() { return "ui-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-avatar-group/ui-avatar-group.js

@@ -30,7 +30,7 @@ export class UIAvatarGroup {
         this.overflowCount = overflowCount;
     }
     render() {
-        return (h(Host, { key: '9c8fbeb6e8c87ef4d86778a70a52f48b62717728', role: "list", "aria-label": this.label || undefined }, h("slot", { key: '432877b335f2a75f6b17a14b4be768c68ba04bfa' }), this.overflowCount > 0 && (h("span", { key: 'ccf8007947e5d97edcdf42b7f4740db33560956b', class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount))));
+        return (h(Host, { key: 'bef6efd3c80d29e47742412a497893789ea8790b', role: "list", "aria-label": this.label || undefined }, h("slot", { key: '21585b11dcde36868c3e3bc7fbd0c216be6f011b' }), this.overflowCount > 0 && (h("span", { key: 'ede3b71945d379fe78d522a3346aa29c02d74b15', class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount))));
     }
     static get is() { return "ui-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-badge/ui-badge.js

@@ -3,7 +3,7 @@ export class UIBadge {
     variant;
     tone;
     render() {
-        return (h(Host, { key: '53eba0640816bc09ae198de29f9a1ac97c1d5f1d', "data-variant": this.variant || undefined, "data-tone": this.tone || undefined }, h("slot", { key: 'abc8a9e09c2001f222f9aa8f164da76ff8343e01' })));
+        return (h(Host, { key: '8766c0331ac7fbd6409b604578e159ae093c844b', "data-variant": this.variant || undefined, "data-tone": this.tone || undefined }, h("slot", { key: '65016ab530b850c82261e2da718622ff72567634' })));
     }
     static get is() { return "ui-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-button/ui-button.js

@@ -34,7 +34,7 @@ export class UIButton {
         this.host.click();
     };
     render() {
-        return (h(Host, { key: '7840303538ca2e4724ea634809fd6c2ad451f9d1', "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: '731348c7cbb5c5f196dbd565058e0f410836ace2', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: 'b5f9152db70a276334df047f5cf53d1b8efe2174', "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: 'b39657e832abc63a6ea6090fa061779c3ae654b5', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-checkbox/ui-checkbox.js

@@ -58,7 +58,7 @@ export class UICheckbox {
         });
     };
     render() {
-        return (h(Host, { key: 'c125eb000960f63f48ae8a96e8f001c843f8baa7', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '8eade76069c56e00d160488c5d91dae7b46ccc99', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '66b6708ae71c9eca6c03c63891b590bd050c2506', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: 'b5e168a9ff0c6e5e747fff6c6264c59744f10a56', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-context-menu/ui-context-menu.js

@@ -174,7 +174,7 @@ export class UIContextMenu {
         this.closeMenu('action', 'pointer');
     };
     render() {
-        return (h(Host, { key: 'c57c08724714d1de8c22a4a1e86e3a790f45fa20', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: '4048abb040de1125b8eb02358480914c97ea6b06', name: "trigger" }), h("div", { key: '6ce80f67142319260093903d289456070d49bfcc', class: "menu", "data-open": this.internalOpen ? '' : undefined, style: { left: `${this.pointerX}px`, top: `${this.pointerY}px` } }, h("ui-menu", { key: '2a2c22f0a797ca3a70a1399de41de2b18257abf8', open: this.internalOpen }, h("slot", { key: '252cc6e973704cd561301b5bf96f98481c6c74ff' })))));
+        return (h(Host, { key: '79fbca2c89f1d1fd1f4796ad88d2a599e811a3f9', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: '9308cadfa155930e3e46dfb4a69a847ae388958b', name: "trigger" }), h("div", { key: '16cfba2b32444ac9e3cac1f040f81f17fd5db23c', class: "menu", "data-open": this.internalOpen ? '' : undefined, style: { left: `${this.pointerX}px`, top: `${this.pointerY}px` } }, h("ui-menu", { key: '59f18e0df3bb1fe85efa8eeca00b336bbde47c70', open: this.internalOpen }, h("slot", { key: '5bdbb7773c9c1ae43ec2e05fca9558482815e28a' })))));
     }
     static get is() { return "ui-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-dialog/ui-dialog.js

@@ -71,7 +71,7 @@ export class UIDialog {
         }
     };
     render() {
-        return (h(Host, { key: '75371b61143c8e5d0e53dbcac93d6f8bb89bd80c', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("dialog", { key: '180104f45ac99661e3ee3c0cc305f9407930cbc1', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.label }, h("slot", { key: '973bf4b444c66ab15391020f5885fbccec96c78c' }))));
+        return (h(Host, { key: 'c10f9063a1c2677caff3b8d1f26b37bf25978a77', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("dialog", { key: 'a7111bd363cab94f394cca526bf34ea8081e5228', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.label }, h("slot", { key: 'b0a9699fe0be09e331cfea81b6bbeaec11d48956' }))));
     }
     static get is() { return "ui-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-disclosure/ui-disclosure.js

@@ -85,7 +85,7 @@ export class UIDisclosure {
         this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
     };
     render() {
-        return (h(Host, { key: '433d2a0f6efe939e1a1ae60e27464139571004db' }, h("slot", { key: '7533ae794a7ce8be044c2ff0b5d3d1b72c01575c' })));
+        return (h(Host, { key: '7fbc83614f8e988a43d1baac0379a6dc8826b1d5' }, h("slot", { key: '6ef33ca7bce5c4d83ab65642f52a9d17febb794d' })));
     }
     static get is() { return "ui-disclosure"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js

@@ -4,7 +4,7 @@ export class UIFloatingActionButton {
     mobileOnly = false;
     label = '';
     render() {
-        return (h(Host, { key: '4b5b5eb530e4ab424e1189cff83d697f28432d84', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: 'f8a4b8ac90bf306434b2b905030b46c1fcbcb000', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: '500d0606ea7166669f104e42813591395fc81c3f' }))));
+        return (h(Host, { key: '6f67f3967cf8883005f6c56747db515db5ebe1d0', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: 'deebb9261221c144b30bc3e41790158fc339cd14', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: '3b045b69a4508c84dd5b7c8b3df0e6f3eded1c13' }))));
     }
     static get is() { return "ui-floating-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-form-field/ui-form-field.js

@@ -43,7 +43,7 @@ export class UIFormField {
         input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
     }
     render() {
-        return (h(Host, { key: 'f2eb3a7bf493c0630ef27ee21fca1ffee94be536', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, h("slot", { key: 'f5f30e388ed9473ee50103f12527a1dd9cfb0b0b' })));
+        return (h(Host, { key: 'c0a01ac28a7dd0e0b285e4b9f9763ef536a83a2e', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, h("slot", { key: 'b09be4482299d866a0651393e269299dedb0cbf4' })));
     }
     static get is() { return "ui-form-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-icon-button/ui-icon-button.css

@@ -3,6 +3,47 @@
   color: var(--ui-text-secondary);
 }
 
+:host([anticipatory]) {
+  position: relative;
+}
+
+:host([anticipatory])::before {
+  content: '';
+  position: absolute;
+  inset: 50% auto auto 50%;
+  z-index: 1;
+  inline-size: var(--ui-affordance-guide-size, 0.25rem);
+  block-size: var(--ui-affordance-guide-size, 0.25rem);
+  border-radius: var(--ui-radius-round, 999px);
+  background: var(--ui-affordance-guide-color, var(--ui-border-strong));
+  opacity: var(--ui-affordance-guide-opacity, 0.42);
+  transform: translate(-50%, -50%);
+  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
+  pointer-events: none;
+}
+
+:host([anticipatory]) button {
+  opacity: 0;
+  transform: scale(0.72);
+  pointer-events: none;
+}
+
+:host([anticipatory][data-ui-proximity='near'])::before,
+:host([anticipatory]:focus-within)::before,
+:host([anticipatory]:hover)::before,
+:host([anticipatory][variant='solid'])::before {
+  opacity: 0;
+}
+
+:host([anticipatory][data-ui-proximity='near']) button,
+:host([anticipatory]:focus-within) button,
+:host([anticipatory]:hover) button,
+:host([anticipatory][variant='solid']) button {
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: auto;
+}
+
 button {
   appearance: none;
   inline-size: var(--ui-icon-button-size, 2.5rem);
@@ -27,6 +68,18 @@ button {
     transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
 
+@media (hover: none), (pointer: coarse) {
+  :host([anticipatory])::before {
+    opacity: 0;
+  }
+
+  :host([anticipatory]) button {
+    opacity: 1;
+    transform: none;
+    pointer-events: auto;
+  }
+}
+
 :host([size='sm']) button {
   inline-size: var(--ui-icon-button-size-sm, 2rem);
   block-size: var(--ui-icon-button-size-sm, 2rem);

package/dist/collection/components/ui-icon-button/ui-icon-button.js

@@ -4,8 +4,10 @@ export class UIIconButton {
     label = '';
     size = 'md';
     variant = 'ghost';
+    /** Reveals this control through a surrounding ui-affordance-scope. */
+    anticipatory = false;
     render() {
-        return (h(Host, { key: '8f4c7271505fa061da954f1e989fc526dc980407', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: 'c56009d4028a557cd6f7f19833b0af6412b90c1c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: 'ac2f201b0fbedb23106f72135ff8c3b6f25fca60' }))));
+        return (h(Host, { key: 'dd6149d96d534a641eedaf808df5348eef48f31f', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, h("button", { key: '3e1b83a3e01b724cb75ddb7243a1e85bd9eb3420', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: 'd280293841471ad37f556c73d86de3223e1f98e6' }))));
     }
     static get is() { return "ui-icon-button"; }
     static get encapsulation() { return "shadow"; }
@@ -100,6 +102,26 @@ export class UIIconButton {
                 "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "'ghost'"
+            },
+            "anticipatory": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Reveals this control through a surrounding ui-affordance-scope."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "anticipatory",
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/ui-input/ui-input.js

@@ -65,7 +65,7 @@ export class UIInput {
         });
     };
     render() {
-        return (h(Host, { key: '73f518c7f12fa483d592041d185498bd91f9bb8b', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '7ef93ef7c5d36ccdfa66cfb4d14f08707e9ea790', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '2b3b4f6862cf5c5e413aaefb349c53d4e66eb6d0', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '140dc656f13399b8ef05adb6cfa1d9a7e1373c2d', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-menu/ui-menu.js

@@ -76,7 +76,7 @@ export class UIMenu {
         }
     };
     render() {
-        return (h(Host, { key: 'f06ad0f8c09060495757ced2da095817409720b7', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: 'd504fd3c33894d0e464b957ce67c75fe8a24899c' })));
+        return (h(Host, { key: '5e463cbbce272c6b6132a839b818deef3e39a532', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: 'feea6a21d41a7b27a6270814bcf0b3f3ded394a1' })));
     }
     static get is() { return "ui-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-menu-item/ui-menu-item.js

@@ -3,7 +3,7 @@ export class UIMenuItem {
     disabled = false;
     value = '';
     render() {
-        return (h(Host, { key: '485ac24af80b72a751f6fc13a084847ba0f7605e', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, h("slot", { key: 'b2bde48d9b819b0e55fbe00c2939ccd44f63bc15' })));
+        return (h(Host, { key: 'c0024d4bb84224019121b98a6fec36bfdad00864', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, h("slot", { key: '00eee7c496dfaf71e8ec158606ebc6641e2ef0d8' })));
     }
     static get is() { return "ui-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-popover/ui-popover.js

@@ -68,7 +68,7 @@ export class UIPopover {
         }
     };
     render() {
-        return (h(Host, { key: '121482cf2fe9ba972ae6b902568389790b9accaa', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: '095ce0c147ed8c8411114563c9efcb5fe775fcae' })));
+        return (h(Host, { key: '67e7f52220db9d997fb11b686d6abcbdf9557a8d', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: 'd7c1fa2ab75994fe0a7dd63f8289754c7754c30f' })));
     }
     static get is() { return "ui-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-radio/ui-radio.js

@@ -53,7 +53,7 @@ export class UIRadio {
         });
     };
     render() {
-        return (h(Host, { key: '85a3e7f7903c910f6ccbc324ab38bf94ebaf93e0', role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '9117391004b9ed10cb4e819a629f66d32661d7d3', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: 'e3025fa3ee89c684ab27e7780f11399e1e455eff', role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '279fd849b1ea8f2f84e34043a01da710008aba51', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-radio-group/ui-radio-group.js

@@ -102,7 +102,7 @@ export class UIRadioGroup {
         }
     };
     render() {
-        return (h(Host, { key: '5182efff607bcf9add3f0981ce2af3a42bd356b8', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '2889bc2abecddf3e7cf81cd54053bdd608559dfc' })));
+        return (h(Host, { key: '5410f4adb5d4ca888287150f57de38ab59cc791d', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: 'd3988acaf5456e89f26d449ccaadaf237c223bbd' })));
     }
     static get is() { return "ui-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-search-result-row/ui-search-result-row.js

@@ -31,7 +31,7 @@ export class UISearchResultRow {
         this.hasTrailing = slotHasContent(this.trailingSlot);
     };
     render() {
-        return (h(Host, { key: 'abd055ed3b7a9140f024181377fd6c0e9b270578' }, h("button", { key: 'af6758ec890a63d11e11180f3cccfd94112b9804', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: 'e7321d522ac45566e836382d525463825c855afc', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: '90f578306f8b9c321128f705369531b64d54cca2', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '37a8ab0b4b19215d1a4c79d92646b18e010be8a0', class: "search-result-row__content", part: "content" }, h("span", { key: '1728598d9e9578cf6f04f13c1691e333b7d5ca25', class: "search-result-row__title", part: "title" }, h("slot", { key: '556b9da285b7e64298527870a970ef8c02e71988', name: "title" })), h("span", { key: 'ed47e52ad83968ca763e01ae7d9d3d66d444145a', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: 'c374d6328951530227892eec688edd60514e7e04', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '17965c7934d9256ce243a1d3a3e880716fcd42e1', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: '67cad2d2ea2310944cdf5a7685a1f4e3f537e683', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: '43cb13c90187851fc30cc0c29847658f9f4cb069', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: '2b262ad21cb605daea5e4ade8c377a60820a1f11', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
+        return (h(Host, { key: '4fb3b963d73890850b58d03f225f125066412350' }, h("button", { key: '55332d2d06d279e5c6d39d044cfb89256cffdf69', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: '1c9178595fb6f54ffc4e55b3a7cb5fe7dea94b40', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: '239d0a74e80e58f1b25d6b328293d9692a4483b6', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: 'f80e39d4002bfa1ae7665857e27d184004654c03', class: "search-result-row__content", part: "content" }, h("span", { key: 'b1a1e7f378eee6db5a01949d8a299583556c79c1', class: "search-result-row__title", part: "title" }, h("slot", { key: '4d94ed22c472309e0ece5f7a2a744f400589c87e', name: "title" })), h("span", { key: '3dbc540f67e11cca515208597b7b6bb75e2772f5', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: '3ed5c8fd300a19801ac332d2e9516aadb19f664e', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '8403a7e6adc3b1fae04d659bfbf7ff5676ac113a', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: 'f0b0b07df739f780320394dae9b318f6676e9a94', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: '2ebdf8d2ed7fefd31118052495503659c957d317', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: '60dfc20a47fff6aac28755bedb80e9a4b3fd93e0', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
     }
     static get is() { return "ui-search-result-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-search-shell/ui-search-shell.js

@@ -23,7 +23,7 @@ export class UISearchShell {
         this.hasFooter = slotHasContent(this.footerSlot);
     };
     render() {
-        return (h("div", { key: '3e8fb4f419a588c441abd5bd137093ba2f730b76', class: "search-shell", part: "base" }, h("slot", { key: '4772932f9e077b0e4f68c50657945f3ea30afb8d', name: "backdrop" }), h("div", { key: 'c7877bb3ade588797d8419b3c7efc0680ac32b78', class: "search-shell__panel", part: "panel" }, h("div", { key: 'd1e7c16a031896187550181be63a1ca14a04b127', class: "search-shell__search", part: "search" }, h("slot", { key: 'b61475159d7e18a623246a2872d4897e1ff8388a', name: "search" })), h("div", { key: '877a9847bb453d026b5e6c117ffa8ad44562195a', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: '6b46e668586fa97a30e2d02fc7d46d53483ecdb5', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '41622e5fe3b02d8c842a6d07b66119ac68f22bc0', class: "search-shell__body", part: "body" }, h("slot", { key: 'f36dc433657d95bb7afa1191351bbbbeaed4f6ed', name: "body" })), h("div", { key: 'bcbf35d5e37c0fe48b29dde935745ea792722646', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: '02f99e3442476dbefc57b3a38dc5a4ad0f3e9f00', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
+        return (h("div", { key: '946e3575a3b48f83315a5299d144a10647c31189', class: "search-shell", part: "base" }, h("slot", { key: '6146d441648a9cafca12b764e94373252b3940be', name: "backdrop" }), h("div", { key: 'e4389c8f39994209e1f8dc4dbf913e3728295545', class: "search-shell__panel", part: "panel" }, h("div", { key: '8c660767d3ac12e1d94086bb80bb459e2f45d173', class: "search-shell__search", part: "search" }, h("slot", { key: 'c870a4266f689654c76a1fc9e2bc23bf690a931c', name: "search" })), h("div", { key: 'b5a68d509a92fec24603008514e938ba27655f4d', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: 'bc3233c23289cb56ca8d4217c9b3c37df9570abc', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '291b357ed1c7949001952813c950fbaab24cd0fc', class: "search-shell__body", part: "body" }, h("slot", { key: '72ecf55e7267cef21e612c1aff840fef67442fb5', name: "body" })), h("div", { key: 'e393d0cc4bd0bbbf349a135d9f352ec08bd523cb', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: '2468bdafc67f01094a4461a1a1e2fd474a88ffcf', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
     }
     static get is() { return "ui-search-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-select/ui-select.js

@@ -64,7 +64,7 @@ export class UISelect {
         });
     };
     render() {
-        return (h(Host, { key: 'eebea3f7fafafba901e5bd33cbd711565feb251e', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'bbb49202d8298fac0912accb3848c8450cab00c9', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '65420b700d6a80e3575efa25d72ccbf4b0398805', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'fa6b175770fcbf9ec904a528f0d41aa04f4e9c01', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-switch/ui-switch.js

@@ -37,14 +37,14 @@ export class UISwitch {
         this.toggle('pointer');
     };
     render() {
-        return (h(Host, { key: 'd4e39c8865afa98414dbedcbbff5bdeeef7f4478', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: '498774428224b9d09a8657924d4d8b6a2196fddf', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+        return (h(Host, { key: '7dccbc5d5b97f5659decd5feda31b37e42e6f83e', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: '7841f4d20a50d1899c27ab232a9a34411a0c2d67', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
                 this.internalChecked = e.target.checked;
                 dispatchDetail(this.host, 'change', {
                     checked: this.internalChecked,
                     value: this.value,
                     trigger: 'pointer',
                 });
-            } }), h("slot", { key: 'b8f8c3947a9dd058e12270b9afdfe2a654164987' })));
+            } }), h("slot", { key: 'f3c2f5758e73f2a81f4a7ea4da734de0cb9a61c6' })));
     }
     static get is() { return "ui-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-tabs/ui-tabs.js

@@ -91,7 +91,7 @@ export class UITabs {
         }
     };
     render() {
-        return (h(Host, { key: 'd73e97facf3ffa020f349642bc6c0136f39fc463', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: 'a7bd47a4b48780ddf1f21a917fd1cb747376640b' })));
+        return (h(Host, { key: '99cd907204f73b1cbb1c8f2a182743c6554d5b0a', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: 'a8158e593a3708e8819761d86356a58535a53e40' })));
     }
     static get is() { return "ui-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-textarea/ui-textarea.js

@@ -67,7 +67,7 @@ export class UITextarea {
         });
     };
     render() {
-        return (h(Host, { key: 'd52719875939fa9b2f757a35fb4cd1aa31a194c5', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'e40ba71b60cae07437219d6ab4b5879b26af1ac2', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '697c98bf66c016b21b28c7805eee2223bb9d275a', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'bd95bd79b1fe4e4103510a3cb036419c55976611', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-toast-region/ui-toast-region.js

@@ -47,7 +47,7 @@ export class UIToastRegion {
         }
     };
     render() {
-        return (h(Host, { key: '8e99577d8770984b8d6d29e442931570c1f1bc4d', role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: '06f2c6cf39c4795afc0937669aa2104821aef3d6' })));
+        return (h(Host, { key: '0edcce54864ba991b092d004d3b45cf697b9c3ac', role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: '2e30794a05b018fb55c4313c8e17f7262ecee7da' })));
     }
     static get is() { return "ui-toast-region"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-tooltip/ui-tooltip.js

@@ -109,7 +109,7 @@ export class UITooltip {
         }
     };
     render() {
-        return (h(Host, { key: '900ec6fc08ea7a7965195e8203fd779e70cfa6e6', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: 'b384f779fa9a229cf635be5adb3476ca93270c24' })));
+        return (h(Host, { key: '64b5f4e7a56cbf5560edc6d7118022a49d5e2786', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: 'cf6f96689021a42a01b782f0e1d0730b5a9aa1f8' })));
     }
     static get is() { return "ui-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-top-bar/ui-top-bar.js

@@ -27,7 +27,7 @@ export class UITopBar {
         this.hasActions = slotHasContent(this.actionsSlot);
     };
     render() {
-        return (h(Host, { key: '23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c' }, h("header", { key: '9472960f4445f8ed7d0800d71db3cbac020fca3f', class: "top-bar", part: "base" }, h("div", { key: 'd408be025d90fdcf1416213b9e76f3b780f47d97', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '3dc4db316a040ff10a8b8b218b42799d3e1a7b97', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '1b362f19f9a738600afb266e9641c0ee5c8870c9', class: "top-bar__title" }, h("slot", { key: 'bb93d34a3dea15c697dcd19dc0ecc3488ee390c8' })), h("div", { key: '3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '5731817be644f10ed745fdc0868b85b66a9c06d4', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '2ee868b93f5195832830900382545b2131e78bb8', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: '1d410fa60f112904cfb866cff5a3f2fb18021c93', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
+        return (h(Host, { key: '15c840c082724df0ec39ab6ad4e55f99192df5be' }, h("header", { key: '790afaeecdb3e598b8365391f57ee1e2d8ca69a2', class: "top-bar", part: "base" }, h("div", { key: 'fab822f5875c7e3b8e267be42c075597d79374fa', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '0723013c4b674964e4029442b715daa9eb0036db', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '77fc006257b7fa6a191191d9969ea66445b8bc3e', class: "top-bar__title" }, h("slot", { key: 'e8a07f1f767c1c0fa1244abcf3bb0e697e36a4fe' })), h("div", { key: 'bde5cdf797ae898f68eddeab362b8395f89bdf28', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '8b059d6123e94f3b7e18c15c88828ee9c6436136', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: 'c262446cf29873903530ea3f840de4de9db3de82', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: 'f417dbc8cc0115a455a72ce0feb5f32b323ce68f', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
     }
     static get is() { return "ui-top-bar"; }
     static get encapsulation() { return "shadow"; }