@universal-material/web 3.7.2 → 3.9.0

package/menu/menu-item.js

@@ -1,19 +1,25 @@
 import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
+import { ButtonWrapper } from '../shared/button-wrapper.js';
 import { styles } from './menu-item.styles.js';
-let UmMenuItem = class UmMenuItem extends UmButtonWrapper {
+let MenuItem = class MenuItem extends ButtonWrapper {
     constructor() {
         super(...arguments);
+        /**
+         * Whether the item is currently highlighted via keyboard navigation
+         */
         this.active = false;
         this._hasLeadingIcon = false;
         this._hasTrailingIcon = false;
+        /**
+         * Whether the item should reserve space for a trailing badge indicator
+         */
         this.hasBadge = false;
         this.innerRole = 'menuitem';
         this.#handleMouseEnter = () => this.dispatchEvent(new CustomEvent('menu-item-mouseenter', { bubbles: true }));
     }
-    static { this.styles = [UmButtonWrapper.styles, styles]; }
+    static { this.styles = [ButtonWrapper.styles, styles]; }
     connectedCallback() {
         super.connectedCallback();
         this.role = 'presentation';
@@ -59,18 +65,18 @@ let UmMenuItem = class UmMenuItem extends UmButtonWrapper {
 };
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmMenuItem.prototype, "active", void 0);
+], MenuItem.prototype, "active", void 0);
 __decorate([
     state()
-], UmMenuItem.prototype, "_hasLeadingIcon", void 0);
+], MenuItem.prototype, "_hasLeadingIcon", void 0);
 __decorate([
     state()
-], UmMenuItem.prototype, "_hasTrailingIcon", void 0);
+], MenuItem.prototype, "_hasTrailingIcon", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'has-badge', reflect: true })
-], UmMenuItem.prototype, "hasBadge", void 0);
-UmMenuItem = __decorate([
+], MenuItem.prototype, "hasBadge", void 0);
+MenuItem = __decorate([
     customElement('u-menu-item')
-], UmMenuItem);
-export { UmMenuItem };
+], MenuItem);
+export { MenuItem };
 //# sourceMappingURL=menu-item.js.map

package/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAkB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QAGuC,WAAM,GAAG,KAAK,CAAC;QAE1C,oBAAe,GAAG,KAAK,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAC;QAC0B,aAAQ,GAAG,KAAK,CAAC;QAE5E,cAAS,GAAG,UAAU,CAAC;QAavB,sBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAa,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAsChI,CAAC;aA3DiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAUjD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjE,CAAC;IAEQ,iBAAiB,CAAoG;IAE3G,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,kBAAkB,EAAE,IAAI,CAAC,MAAM;YAC/B,cAAc,EAAE,IAAI,CAAC,eAAe;YACpC,eAAe,EAAE,IAAI,CAAC,gBAAgB;SACvC,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;oEAEqD,IAAI,CAAC,4BAA4B;;;;;;qEAMhC,IAAI,CAAC,6BAA6B;kBACrF,IAAI,CAAC,0BAA0B,EAAE;;;KAG9C,CAAC;IACJ,CAAC;IAES,0BAA0B;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtG,CAAC;IAED,6BAA6B,CAAC,CAAQ;QACpC,IAAI,CAAC,gBAAgB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACvG,CAAC;;AAxD2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAE1C;IAAhB,KAAK,EAAE;mDAAiC;AACxB;IAAhB,KAAK,EAAE;oDAAkC;AAC0B;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAP1E,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4DtB","sourcesContent":["import { html, HTMLTemplateResult, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './menu-item.styles.js';\n\n@customElement('u-menu-item')\nexport class UmMenuItem extends UmButtonWrapper {\n  static override styles = [UmButtonWrapper.styles, styles];\n\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasTrailingIcon = false;\n  @property({ type: Boolean, attribute: 'has-badge', reflect: true }) hasBadge = false;\n\n  override innerRole = 'menuitem';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'presentation';\n    this.addEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  readonly #handleMouseEnter = () => this.dispatchEvent(new CustomEvent<UmMenuItem>('menu-item-mouseenter', { bubbles: true }));\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'force-focus-ring': this.active,\n      'leading-icon': this._hasLeadingIcon,\n      'trailing-icon': this._hasTrailingIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon leading\">\n        <slot name=\"leading-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\">\n        <slot></slot>\n      </span>\n      <div class=\"icon trailing\">\n        <slot name=\"trailing-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleTrailingIconSlotChange}\">\n          <span>${this._renderDefaultTrailingIcon()}</span>\n        </slot>\n      </div>\n    `;\n  }\n\n  protected _renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  #handleLeadingIconSlotChange(e: Event) {\n    this._hasLeadingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n\n  #handleTrailingIconSlotChange(e: Event) {\n    this._hasTrailingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu-item': UmMenuItem;\n  }\n}\n"]}
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAkB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QAGL;;WAEG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE1C,oBAAe,GAAG,KAAK,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAC;QAE1C;;WAEG;QACiE,aAAQ,GAAG,KAAK,CAAC;QAE5E,cAAS,GAAG,UAAU,CAAC;QAavB,sBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAW,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAsC9H,CAAC;aAlEiB,WAAM,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,AAAjC,CAAkC;IAiB/C,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjE,CAAC;IAEQ,iBAAiB,CAAkG;IAEzG,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,kBAAkB,EAAE,IAAI,CAAC,MAAM;YAC/B,cAAc,EAAE,IAAI,CAAC,eAAe;YACpC,eAAe,EAAE,IAAI,CAAC,gBAAgB;SACvC,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;oEAEqD,IAAI,CAAC,4BAA4B;;;;;;qEAMhC,IAAI,CAAC,6BAA6B;kBACrF,IAAI,CAAC,0BAA0B,EAAE;;;KAG9C,CAAC;IACJ,CAAC;IAES,0BAA0B;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtG,CAAC;IAED,6BAA6B,CAAC,CAAQ;QACpC,IAAI,CAAC,gBAAgB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACvG,CAAC;;AA5D2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAgB;AAE1C;IAAhB,KAAK,EAAE;iDAAiC;AACxB;IAAhB,KAAK,EAAE;kDAAkC;AAK0B;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AAd1E,QAAQ;IADpB,aAAa,CAAC,aAAa,CAAC;GAChB,QAAQ,CAmEpB","sourcesContent":["import { html, HTMLTemplateResult, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { ButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './menu-item.styles.js';\n\n@customElement('u-menu-item')\nexport class MenuItem extends ButtonWrapper {\n  static override styles = [ButtonWrapper.styles, styles];\n\n  /**\n   * Whether the item is currently highlighted via keyboard navigation\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasTrailingIcon = false;\n\n  /**\n   * Whether the item should reserve space for a trailing badge indicator\n   */\n  @property({ type: Boolean, attribute: 'has-badge', reflect: true }) hasBadge = false;\n\n  override innerRole = 'menuitem';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'presentation';\n    this.addEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('mouseenter', this.#handleMouseEnter);\n  }\n\n  readonly #handleMouseEnter = () => this.dispatchEvent(new CustomEvent<MenuItem>('menu-item-mouseenter', { bubbles: true }));\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'force-focus-ring': this.active,\n      'leading-icon': this._hasLeadingIcon,\n      'trailing-icon': this._hasTrailingIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon leading\">\n        <slot name=\"leading-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\">\n        <slot></slot>\n      </span>\n      <div class=\"icon trailing\">\n        <slot name=\"trailing-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleTrailingIconSlotChange}\">\n          <span>${this._renderDefaultTrailingIcon()}</span>\n        </slot>\n      </div>\n    `;\n  }\n\n  protected _renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  #handleLeadingIconSlotChange(e: Event) {\n    this._hasLeadingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n\n  #handleTrailingIconSlotChange(e: Event) {\n    this._hasTrailingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu-item': MenuItem;\n  }\n}\n"]}

package/menu/menu.d.ts

@@ -1,15 +1,31 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
 import '../elevation/elevation.js';
-export declare class UmMenu extends LitElement {
+export declare class Menu extends LitElement {
     #private;
     static styles: import("lit").CSSResult[];
+    /**
+     * Controls automatic closing on outside interaction.
+     * - `true`: closes on any click outside the menu (default)
+     * - `false`: never closes automatically
+     * - `'outside'`: closes only on clicks outside, but does not close on clicks inside the menu
+     */
     autoclose: boolean | 'outside';
     /**
      * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods
      */
     get open(): boolean;
     set open(open: boolean);
+    /**
+     * The menu positioning strategy.
+     * `'relative'` positions the menu inside its parent's stacking context;
+     * `'fixed'` positions it relative to the viewport, useful when the
+     * menu is nested inside a clipped container.
+     */
     positioning: 'relative' | 'fixed';
+    /**
+     * When `true`, the menu does not automatically focus its first
+     * enabled item on open
+     */
     manualFocus: boolean;
     /**
      * The corner of the anchor which to align the menu in the standard logical
@@ -43,7 +59,7 @@ export declare class UmMenu extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-menu': UmMenu;
+        'u-menu': Menu;
     }
 }
 //# sourceMappingURL=menu.d.ts.map

package/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,2BAA2B,CAAC;AAiCnC,qBACa,MAAO,SAAQ,UAAU;;IACpC,OAAgB,MAAM,4BAAwB;IAKlC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAQ;IAElD;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAoCrB;IA4B4B,WAAW,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/C,WAAW,UAAS;IAEjD;;;OAGG;IAEH,YAAY,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAe;IAE9G;;;;;OAKG;IAC0B,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAc;IAEvG;;OAEG;IACsE,aAAa,UAAS;IAE/E,IAAI,EAAG,WAAW,CAAC;IACpB,GAAG,EAAG,WAAW,CAAC;IAEjC,IAAI,eAAe,IAAI,WAAW,CAEjC;IAUD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAElD;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAE9D;cAEkB,MAAM,IAAI,kBAAkB;IAkBtC,iBAAiB;IAO1B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IAIZ,KAAK,aAEH;IAsBF,OAAO,CAAC,uBAAuB;IA0I/B,OAAO,CAAC,eAAe;IAqDvB,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,2BAA2B,CAAC;AAiCnC,qBACa,IAAK,SAAQ,UAAU;;IAClC,OAAgB,MAAM,4BAAwB;IAK9C;;;;;OAKG;IACS,SAAS,EAAE,OAAO,GAAG,SAAS,CAAQ;IAElD;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAoCrB;IA4BD;;;;;OAKG;IAC0B,WAAW,EAAE,UAAU,GAAG,OAAO,CAAc;IAE5E;;;OAGG;IAC0B,WAAW,UAAS;IAEjD;;;OAGG;IAEH,YAAY,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAe;IAE9G;;;;;OAKG;IAC0B,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAc;IAEvG;;OAEG;IACsE,aAAa,UAAS;IAE/E,IAAI,EAAG,WAAW,CAAC;IACpB,GAAG,EAAG,WAAW,CAAC;IAEjC,IAAI,eAAe,IAAI,WAAW,CAEjC;IAUD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAElD;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAE9D;cAEkB,MAAM,IAAI,kBAAkB;IAkBtC,iBAAiB;IAO1B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IAIZ,KAAK,aAEH;IAsBF,OAAO,CAAC,uBAAuB;IA0I/B,OAAO,CAAC,eAAe;IAqDvB,OAAO,CAAC,WAAW;CAcpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

package/menu/menu.js

@@ -5,13 +5,29 @@ import { classMap } from 'lit/directives/class-map.js';
 import { styles as baseStyles } from '../shared/base.styles.js';
 import { styles } from './menu.styles.js';
 import '../elevation/elevation.js';
-let UmMenu = class UmMenu extends LitElement {
+let Menu = class Menu extends LitElement {
     constructor() {
         super(...arguments);
         this.#open = false;
         this.#preInitOpen = false;
+        /**
+         * Controls automatic closing on outside interaction.
+         * - `true`: closes on any click outside the menu (default)
+         * - `false`: never closes automatically
+         * - `'outside'`: closes only on clicks outside, but does not close on clicks inside the menu
+         */
         this.autoclose = true;
+        /**
+         * The menu positioning strategy.
+         * `'relative'` positions the menu inside its parent's stacking context;
+         * `'fixed'` positions it relative to the viewport, useful when the
+         * menu is nested inside a clipped container.
+         */
         this.positioning = 'relative';
+        /**
+         * When `true`, the menu does not automatically focus its first
+         * enabled item on open
+         */
         this.manualFocus = false;
         /**
          * The corner of the anchor which to align the menu in the standard logical
@@ -303,44 +319,47 @@ let UmMenu = class UmMenu extends LitElement {
     }
     getMenuSize() {
         const menu = this.menu;
-        const menuStyles = getComputedStyle(menu);
-        const width = parseInt(menuStyles.width, 10);
-        const height = parseInt(menuStyles.height, 10);
+        // Measure with the natural-size class so the menu reports its real
+        // dimensions even while it's still `display: none` (parseInt('auto')
+        // returns NaN and breaks the auto-flip logic).
+        menu.classList.add('measuring');
+        const menuRect = menu.getBoundingClientRect();
+        menu.classList.remove('measuring');
         return {
-            width,
-            height,
+            width: menuRect.width,
+            height: menuRect.height,
         };
     }
 };
 __decorate([
     property()
-], UmMenu.prototype, "autoclose", void 0);
+], Menu.prototype, "autoclose", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmMenu.prototype, "open", null);
+], Menu.prototype, "open", null);
 __decorate([
     property({ reflect: true })
-], UmMenu.prototype, "positioning", void 0);
+], Menu.prototype, "positioning", void 0);
 __decorate([
     property({ type: Boolean })
-], UmMenu.prototype, "manualFocus", void 0);
+], Menu.prototype, "manualFocus", void 0);
 __decorate([
     property({ attribute: 'anchor-corner', reflect: true })
-], UmMenu.prototype, "anchorCorner", void 0);
+], Menu.prototype, "anchorCorner", void 0);
 __decorate([
     property({ reflect: true })
-], UmMenu.prototype, "direction", void 0);
+], Menu.prototype, "direction", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'allow-overflow', reflect: true })
-], UmMenu.prototype, "allowOverflow", void 0);
+], Menu.prototype, "allowOverflow", void 0);
 __decorate([
     query('.menu')
-], UmMenu.prototype, "menu", void 0);
+], Menu.prototype, "menu", void 0);
 __decorate([
     query('.ref')
-], UmMenu.prototype, "ref", void 0);
-UmMenu = __decorate([
+], Menu.prototype, "ref", void 0);
+Menu = __decorate([
     customElement('u-menu')
-], UmMenu);
-export { UmMenu };
+], Menu);
+export { Menu };
 //# sourceMappingURL=menu.js.map

package/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './menu.styles.js';\n\nimport '../elevation/elevation.js';\n\ninterface AnchorCornerBlockSide {\n  top: number;\n  bottom: number;\n  relativeY: number;\n}\n\ninterface AnchorCornerInlineSide {\n  left: number;\n  right: number;\n  relativeX: number;\n}\n\ninterface AnchorBounds {\n  top: AnchorCornerBlockSide;\n  bottom: AnchorCornerBlockSide;\n  start: AnchorCornerInlineSide;\n  end: AnchorCornerInlineSide;\n  width: number;\n  height: number;\n}\n\ninterface MenuPosition {\n  bounds: AnchorBounds;\n  isRtl: boolean;\n}\n\ninterface MenuSize {\n  width: number;\n  height: number;\n}\n\n@customElement('u-menu')\nexport class UmMenu extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  #open = false;\n  #preInitOpen = false;\n\n  @property() autoclose: boolean | 'outside' = true;\n\n  /**\n   * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods\n   */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this.#open;\n  }\n\n  set open(open: boolean) {\n    if (!this.menu) {\n      this.#preInitOpen = open;\n      return;\n    }\n\n    if (this.open === open) {\n      return;\n    }\n\n    this.menu.removeEventListener('transitionend', this.#onClosed, true);\n    this.menu.removeEventListener('transitionend', this.#onOpened, true);\n\n    if (!open) {\n      const closePrevented = !this.dispatchEvent(new Event('close', { cancelable: true }));\n\n      if (closePrevented) {\n        return;\n      }\n\n      this.#open = open;\n\n      this.#hide();\n\n      return;\n    }\n\n    const openPrevented = !this.dispatchEvent(new Event('open', { cancelable: true }));\n\n    if (openPrevented) {\n      return;\n    }\n\n    this.#open = open;\n\n    this.#show();\n  }\n\n  #show() {\n    this.calcDropdownPositioning();\n\n    this.menu.addEventListener('transitionend', this.#onOpened, {\n      capture: true,\n      once: true,\n    });\n\n    setTimeout(() => document.addEventListener('click', this.#clickClose));\n\n    if (this.manualFocus) {\n      return;\n    }\n\n    setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\n  }\n\n  #hide() {\n    document.removeEventListener('click', this.#clickClose);\n\n    this.menu.addEventListener('transitionend', this.#onClosed, {\n      capture: true,\n      once: true,\n    });\n  }\n\n  @property({ reflect: true }) positioning: 'relative' | 'fixed' = 'relative';\n\n  @property({ type: Boolean }) manualFocus = false;\n\n  /**\n   * The corner of the anchor which to align the menu in the standard logical\n   * property style of <block>-<inline> e.g. `'end-start'`.\n   */\n  @property({ attribute: 'anchor-corner', reflect: true })\n  anchorCorner: 'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end' = 'end-start';\n\n  /**\n   * The direction of the menu. e.g. `'down-end'`.\n   *\n   * NOTE: This value may not be respected by the menu positioning algorithm\n   * if the menu would render outside the viewport.\n   */\n  @property({ reflect: true }) direction: 'up-start' | 'up-end' | 'down-start' | 'down-end' = 'down-end';\n\n  /**\n   * Don't limit the height of the menu\n   */\n  @property({ type: Boolean, attribute: 'allow-overflow', reflect: true }) allowOverflow = false;\n\n  @query('.menu') menu!: HTMLElement;\n  @query('.ref') ref!: HTMLElement;\n\n  get scrollContainer(): HTMLElement {\n    return this.menu;\n  }\n\n  readonly #onOpened = () => this.dispatchEvent(new Event('opened'));\n\n  readonly #onClosed = () => {\n    this.dispatchEvent(new Event('closed'));\n  };\n\n  #anchorElement: HTMLElement | null | undefined;\n\n  get anchorElement(): HTMLElement | null | undefined {\n    return this.#anchorElement ?? this.parentElement! ?? (this.getRootNode() as ShadowRoot).host;\n  }\n\n  set anchorElement(anchorElement: HTMLElement | null | undefined) {\n    this.#anchorElement = anchorElement;\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const menuClasses = { open: this.open };\n\n    return html`\n      <div class=\"ref\"></div>\n      <div\n        class=\"menu ${classMap(menuClasses)}\" \n        part=\"menu\"\n        ?inert=${!this.open}\n        @click=${this.#handleMenuClick}>\n        <u-elevation></u-elevation>\n        <div role=\"menu\" class=\"content\" part=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'listbox';\n\n    this.#setInitOpen();\n  }\n\n  toggle = () => {\n    if (this.open) {\n      this.close();\n      return;\n    }\n\n    this.show();\n  };\n\n  show(): void {\n    this.open = true;\n  }\n\n  close = () => {\n    this.open = false;\n  };\n\n  readonly #clickClose = () => {\n    if (this.autoclose !== false) {\n      this.open = false;\n    }\n  };\n\n  async #setInitOpen() {\n    await this.updateComplete;\n\n    if (this.#preInitOpen) {\n      this.open = true;\n    }\n  }\n\n  readonly #handleMenuClick = (e: Event) => {\n    if (this.autoclose === 'outside') {\n      e.stopPropagation();\n    }\n  };\n\n  private calcDropdownPositioning() {\n    if (!this.anchorElement) {\n      return;\n    }\n\n    const menuPosition = this.getMenuPosition();\n    const menuSize = this.getMenuSize();\n\n    this.#resetMenu();\n    this.#setToOpenUpOrDown(menuPosition, menuSize);\n    this.#setToOpenToStartOrEnd(menuPosition, menuSize);\n  }\n\n  #resetMenu() {\n    this.menu.className = 'menu';\n    this.menu.style.top = '';\n    this.menu.style.bottom = '';\n    this.menu.style.left = '';\n    this.menu.style.right = '';\n    this.menu.style.maxHeight = '';\n  }\n\n  #setToOpenUpOrDown(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    if (this.anchorCorner.startsWith('auto-')) {\n      this.#openBlockAuto(menuPosition, menuSize);\n      return;\n    }\n\n    const side = this.anchorCorner.startsWith('start-') ? menuPosition.bounds.top : menuPosition.bounds.bottom;\n\n    if (this.direction.startsWith('up-')) {\n      this.#tryOpenUp(side, menuSize);\n      return;\n    }\n\n    this.#tryOpenDown(side, menuSize);\n  }\n\n  #openBlockAuto(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const topSide = menuPosition.bounds.top;\n    const bottomSide = menuPosition.bounds.bottom;\n\n    const viewPortHeight = window.innerHeight;\n\n    if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {\n      this.#openDown(bottomSide);\n      return;\n    }\n\n    this.#openUp(topSide);\n  }\n\n  #tryOpenUp(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    if (side.top === side.bottom || side.top - menuSize.height >= 0) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #tryOpenDown(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    const viewPortHeight = window.innerHeight;\n\n    if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {\n      this.#openDown(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #openToLargestBlockSide(side: AnchorCornerBlockSide) {\n    if (side.top > side.bottom) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openDown(side);\n  }\n\n  #setToOpenToStartOrEnd(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const openStart = menuPosition.isRtl ? this.#tryOpenRight.bind(this) : this.#tryOpenLeft.bind(this);\n    const openEnd = menuPosition.isRtl ? this.#tryOpenLeft.bind(this) : this.#tryOpenRight.bind(this);\n\n    const side = this.anchorCorner.endsWith('-start') ? menuPosition.bounds.start : menuPosition.bounds.end;\n\n    if (this.direction.endsWith('-start')) {\n      openStart(side, menuSize);\n      return;\n    }\n\n    openEnd(side, menuSize);\n  }\n\n  #tryOpenLeft(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    if (side.left === side.right || side.left - menuSize.width >= 0) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #tryOpenRight(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    const viewPortWidth = window.innerWidth;\n\n    if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {\n      this.menu.style.left = `${side.relativeX}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #openToLargestInlineSide(side: AnchorCornerInlineSide) {\n    if (side.left > side.right) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.menu.style.left = `${side.relativeX}px`;\n  }\n\n  #openUp(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n\n    this.menu.style.bottom = `${side.relativeY * -1}px`;\n    this.menu.classList.add('up');\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.bottom}px`;\n  }\n\n  #openDown(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n    this.menu.style.top = `${side.relativeY}px`;\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.top}px`;\n  }\n\n  private getMenuPosition(): MenuPosition {\n    const viewPortWidth = window.innerWidth;\n    const viewPortHeight = window.innerHeight;\n\n    const anchorElement = this.anchorElement!;\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const refRect = this.ref.getBoundingClientRect();\n    const anchorStyles = getComputedStyle(anchorElement);\n    const isRtl = anchorStyles.direction === 'rtl';\n\n    const width = parseInt(anchorStyles.width, 10);\n    const height = parseInt(anchorStyles.height, 10);\n\n    const rectX = refRect.left;\n    const rectY = refRect.top;\n\n    const leftPoint: AnchorCornerInlineSide = {\n      left: anchorRect.left,\n      right: viewPortWidth - anchorRect.left,\n      relativeX: anchorRect.left - rectX,\n    };\n\n    const rightPoint: AnchorCornerInlineSide = {\n      left: anchorRect.right,\n      right: viewPortWidth - anchorRect.right,\n      relativeX: leftPoint.relativeX + width,\n    };\n\n    const topPoint: AnchorCornerBlockSide = {\n      top: anchorRect.top,\n      relativeY: anchorRect.top - rectY,\n      bottom: viewPortHeight - anchorRect.top,\n    };\n\n    const anchorBounds: AnchorBounds = {\n      top: topPoint,\n      bottom: {\n        top: anchorRect.bottom,\n        relativeY: topPoint.relativeY + height,\n        bottom: viewPortHeight - anchorRect.bottom,\n      },\n      start: isRtl ? rightPoint : leftPoint,\n      end: isRtl ? leftPoint : rightPoint,\n      width,\n      height,\n    };\n\n    return {\n      isRtl,\n      bounds: anchorBounds,\n    };\n  }\n\n  private getMenuSize(): MenuSize {\n    const menu = this.menu;\n    const menuStyles = getComputedStyle(menu);\n    const width = parseInt(menuStyles.width, 10);\n    const height = parseInt(menuStyles.height, 10);\n\n    return {\n      width,\n      height,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu': UmMenu;\n  }\n}\n"]}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './menu.styles.js';\n\nimport '../elevation/elevation.js';\n\ninterface AnchorCornerBlockSide {\n  top: number;\n  bottom: number;\n  relativeY: number;\n}\n\ninterface AnchorCornerInlineSide {\n  left: number;\n  right: number;\n  relativeX: number;\n}\n\ninterface AnchorBounds {\n  top: AnchorCornerBlockSide;\n  bottom: AnchorCornerBlockSide;\n  start: AnchorCornerInlineSide;\n  end: AnchorCornerInlineSide;\n  width: number;\n  height: number;\n}\n\ninterface MenuPosition {\n  bounds: AnchorBounds;\n  isRtl: boolean;\n}\n\ninterface MenuSize {\n  width: number;\n  height: number;\n}\n\n@customElement('u-menu')\nexport class Menu extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  #open = false;\n  #preInitOpen = false;\n\n  /**\n   * Controls automatic closing on outside interaction.\n   * - `true`: closes on any click outside the menu (default)\n   * - `false`: never closes automatically\n   * - `'outside'`: closes only on clicks outside, but does not close on clicks inside the menu\n   */\n  @property() autoclose: boolean | 'outside' = true;\n\n  /**\n   * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods\n   */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this.#open;\n  }\n\n  set open(open: boolean) {\n    if (!this.menu) {\n      this.#preInitOpen = open;\n      return;\n    }\n\n    if (this.open === open) {\n      return;\n    }\n\n    this.menu.removeEventListener('transitionend', this.#onClosed, true);\n    this.menu.removeEventListener('transitionend', this.#onOpened, true);\n\n    if (!open) {\n      const closePrevented = !this.dispatchEvent(new Event('close', { cancelable: true }));\n\n      if (closePrevented) {\n        return;\n      }\n\n      this.#open = open;\n\n      this.#hide();\n\n      return;\n    }\n\n    const openPrevented = !this.dispatchEvent(new Event('open', { cancelable: true }));\n\n    if (openPrevented) {\n      return;\n    }\n\n    this.#open = open;\n\n    this.#show();\n  }\n\n  #show() {\n    this.calcDropdownPositioning();\n\n    this.menu.addEventListener('transitionend', this.#onOpened, {\n      capture: true,\n      once: true,\n    });\n\n    setTimeout(() => document.addEventListener('click', this.#clickClose));\n\n    if (this.manualFocus) {\n      return;\n    }\n\n    setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\n  }\n\n  #hide() {\n    document.removeEventListener('click', this.#clickClose);\n\n    this.menu.addEventListener('transitionend', this.#onClosed, {\n      capture: true,\n      once: true,\n    });\n  }\n\n  /**\n   * The menu positioning strategy.\n   * `'relative'` positions the menu inside its parent's stacking context;\n   * `'fixed'` positions it relative to the viewport, useful when the\n   * menu is nested inside a clipped container.\n   */\n  @property({ reflect: true }) positioning: 'relative' | 'fixed' = 'relative';\n\n  /**\n   * When `true`, the menu does not automatically focus its first\n   * enabled item on open\n   */\n  @property({ type: Boolean }) manualFocus = false;\n\n  /**\n   * The corner of the anchor which to align the menu in the standard logical\n   * property style of <block>-<inline> e.g. `'end-start'`.\n   */\n  @property({ attribute: 'anchor-corner', reflect: true })\n  anchorCorner: 'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end' = 'end-start';\n\n  /**\n   * The direction of the menu. e.g. `'down-end'`.\n   *\n   * NOTE: This value may not be respected by the menu positioning algorithm\n   * if the menu would render outside the viewport.\n   */\n  @property({ reflect: true }) direction: 'up-start' | 'up-end' | 'down-start' | 'down-end' = 'down-end';\n\n  /**\n   * Don't limit the height of the menu\n   */\n  @property({ type: Boolean, attribute: 'allow-overflow', reflect: true }) allowOverflow = false;\n\n  @query('.menu') menu!: HTMLElement;\n  @query('.ref') ref!: HTMLElement;\n\n  get scrollContainer(): HTMLElement {\n    return this.menu;\n  }\n\n  readonly #onOpened = () => this.dispatchEvent(new Event('opened'));\n\n  readonly #onClosed = () => {\n    this.dispatchEvent(new Event('closed'));\n  };\n\n  #anchorElement: HTMLElement | null | undefined;\n\n  get anchorElement(): HTMLElement | null | undefined {\n    return this.#anchorElement ?? this.parentElement! ?? (this.getRootNode() as ShadowRoot).host;\n  }\n\n  set anchorElement(anchorElement: HTMLElement | null | undefined) {\n    this.#anchorElement = anchorElement;\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const menuClasses = { open: this.open };\n\n    return html`\n      <div class=\"ref\"></div>\n      <div\n        class=\"menu ${classMap(menuClasses)}\" \n        part=\"menu\"\n        ?inert=${!this.open}\n        @click=${this.#handleMenuClick}>\n        <u-elevation></u-elevation>\n        <div role=\"menu\" class=\"content\" part=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'listbox';\n\n    this.#setInitOpen();\n  }\n\n  toggle = () => {\n    if (this.open) {\n      this.close();\n      return;\n    }\n\n    this.show();\n  };\n\n  show(): void {\n    this.open = true;\n  }\n\n  close = () => {\n    this.open = false;\n  };\n\n  readonly #clickClose = () => {\n    if (this.autoclose !== false) {\n      this.open = false;\n    }\n  };\n\n  async #setInitOpen() {\n    await this.updateComplete;\n\n    if (this.#preInitOpen) {\n      this.open = true;\n    }\n  }\n\n  readonly #handleMenuClick = (e: Event) => {\n    if (this.autoclose === 'outside') {\n      e.stopPropagation();\n    }\n  };\n\n  private calcDropdownPositioning() {\n    if (!this.anchorElement) {\n      return;\n    }\n\n    const menuPosition = this.getMenuPosition();\n    const menuSize = this.getMenuSize();\n\n    this.#resetMenu();\n    this.#setToOpenUpOrDown(menuPosition, menuSize);\n    this.#setToOpenToStartOrEnd(menuPosition, menuSize);\n  }\n\n  #resetMenu() {\n    this.menu.className = 'menu';\n    this.menu.style.top = '';\n    this.menu.style.bottom = '';\n    this.menu.style.left = '';\n    this.menu.style.right = '';\n    this.menu.style.maxHeight = '';\n  }\n\n  #setToOpenUpOrDown(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    if (this.anchorCorner.startsWith('auto-')) {\n      this.#openBlockAuto(menuPosition, menuSize);\n      return;\n    }\n\n    const side = this.anchorCorner.startsWith('start-') ? menuPosition.bounds.top : menuPosition.bounds.bottom;\n\n    if (this.direction.startsWith('up-')) {\n      this.#tryOpenUp(side, menuSize);\n      return;\n    }\n\n    this.#tryOpenDown(side, menuSize);\n  }\n\n  #openBlockAuto(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const topSide = menuPosition.bounds.top;\n    const bottomSide = menuPosition.bounds.bottom;\n\n    const viewPortHeight = window.innerHeight;\n\n    if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {\n      this.#openDown(bottomSide);\n      return;\n    }\n\n    this.#openUp(topSide);\n  }\n\n  #tryOpenUp(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    if (side.top === side.bottom || side.top - menuSize.height >= 0) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #tryOpenDown(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n    const viewPortHeight = window.innerHeight;\n\n    if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {\n      this.#openDown(side);\n      return;\n    }\n\n    this.#openToLargestBlockSide(side);\n  }\n\n  #openToLargestBlockSide(side: AnchorCornerBlockSide) {\n    if (side.top > side.bottom) {\n      this.#openUp(side);\n      return;\n    }\n\n    this.#openDown(side);\n  }\n\n  #setToOpenToStartOrEnd(menuPosition: MenuPosition, menuSize: MenuSize): void {\n    const openStart = menuPosition.isRtl ? this.#tryOpenRight.bind(this) : this.#tryOpenLeft.bind(this);\n    const openEnd = menuPosition.isRtl ? this.#tryOpenLeft.bind(this) : this.#tryOpenRight.bind(this);\n\n    const side = this.anchorCorner.endsWith('-start') ? menuPosition.bounds.start : menuPosition.bounds.end;\n\n    if (this.direction.endsWith('-start')) {\n      openStart(side, menuSize);\n      return;\n    }\n\n    openEnd(side, menuSize);\n  }\n\n  #tryOpenLeft(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    if (side.left === side.right || side.left - menuSize.width >= 0) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #tryOpenRight(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n    const viewPortWidth = window.innerWidth;\n\n    if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {\n      this.menu.style.left = `${side.relativeX}px`;\n      return;\n    }\n\n    this.#openToLargestInlineSide(side);\n  }\n\n  #openToLargestInlineSide(side: AnchorCornerInlineSide) {\n    if (side.left > side.right) {\n      this.menu.style.right = `${side.relativeX * -1}px`;\n      return;\n    }\n\n    this.menu.style.left = `${side.relativeX}px`;\n  }\n\n  #openUp(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n\n    this.menu.style.bottom = `${side.relativeY * -1}px`;\n    this.menu.classList.add('up');\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.bottom}px`;\n  }\n\n  #openDown(side: AnchorCornerBlockSide) {\n    const viewPortHeight = window.innerHeight;\n    this.menu.style.top = `${side.relativeY}px`;\n    this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.top}px`;\n  }\n\n  private getMenuPosition(): MenuPosition {\n    const viewPortWidth = window.innerWidth;\n    const viewPortHeight = window.innerHeight;\n\n    const anchorElement = this.anchorElement!;\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const refRect = this.ref.getBoundingClientRect();\n    const anchorStyles = getComputedStyle(anchorElement);\n    const isRtl = anchorStyles.direction === 'rtl';\n\n    const width = parseInt(anchorStyles.width, 10);\n    const height = parseInt(anchorStyles.height, 10);\n\n    const rectX = refRect.left;\n    const rectY = refRect.top;\n\n    const leftPoint: AnchorCornerInlineSide = {\n      left: anchorRect.left,\n      right: viewPortWidth - anchorRect.left,\n      relativeX: anchorRect.left - rectX,\n    };\n\n    const rightPoint: AnchorCornerInlineSide = {\n      left: anchorRect.right,\n      right: viewPortWidth - anchorRect.right,\n      relativeX: leftPoint.relativeX + width,\n    };\n\n    const topPoint: AnchorCornerBlockSide = {\n      top: anchorRect.top,\n      relativeY: anchorRect.top - rectY,\n      bottom: viewPortHeight - anchorRect.top,\n    };\n\n    const anchorBounds: AnchorBounds = {\n      top: topPoint,\n      bottom: {\n        top: anchorRect.bottom,\n        relativeY: topPoint.relativeY + height,\n        bottom: viewPortHeight - anchorRect.bottom,\n      },\n      start: isRtl ? rightPoint : leftPoint,\n      end: isRtl ? leftPoint : rightPoint,\n      width,\n      height,\n    };\n\n    return {\n      isRtl,\n      bounds: anchorBounds,\n    };\n  }\n\n  private getMenuSize(): MenuSize {\n    const menu = this.menu;\n    // Measure with the natural-size class so the menu reports its real\n    // dimensions even while it's still `display: none` (parseInt('auto')\n    // returns NaN and breaks the auto-flip logic).\n    menu.classList.add('measuring');\n    const menuRect = menu.getBoundingClientRect();\n    menu.classList.remove('measuring');\n\n    return {\n      width: menuRect.width,\n      height: menuRect.height,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu': Menu;\n  }\n}\n"]}

package/menu/menu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmElB,CAAC"}
+{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwElB,CAAC"}

package/menu/menu.styles.js

@@ -42,6 +42,11 @@ export const styles = css `
     transform-origin: top;
     transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms, display 700ms allow-discrete;
   }
+  .menu.measuring {
+    display: flex;
+    visibility: hidden;
+    pointer-events: none;
+  }
   .menu.up {
     transform-origin: bottom;
   }

package/menu/menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --u-elevation-level: var(--u-menu-elevation-level, 2);\n    display: block;\n    width: 0;\n    z-index: var(--u-menu-z-index, 1020);\n  }\n\n  :host([positioning=relative]) {\n    position: relative;\n  }\n\n  :host([positioning=fixed]) {\n    position: fixed;\n  }\n\n  .ref {\n    position: absolute;\n    inset-inline-start: 0;\n    pointer-events: none;\n  }\n\n  .content {\n    width: 100%;\n    padding-block: var(--u-menu-padding, 8px);\n    opacity: 0;\n    transition: opacity 1ms 400ms;\n    scroll-padding-block: 32px;\n    overflow: auto;\n  }\n\n  .menu {\n    position: absolute;\n    display: none;\n    min-width: var(--u-menu-min-width, 112px);\n    max-width: var(--u-menu-max-width, 280px);\n    background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n    border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n    opacity: 0;\n    transform: scale3d(1, 0, 0);\n    transform-origin: top;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms, display 700ms allow-discrete;\n  }\n  .menu.up {\n    transform-origin: bottom;\n  }\n  .menu.open {\n    display: flex;\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms, display 350ms allow-discrete;\n  }\n  @starting-style {\n    .menu.open {\n      opacity: 0;\n      transform: scale3d(1, 0, 0);\n    }\n  }\n  .menu.open .content {\n    opacity: 1;\n    transition: opacity 300ms 150ms;\n  }\n  @starting-style {\n    .menu.open .content {\n      opacity: 0;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --u-elevation-level: var(--u-menu-elevation-level, 2);\n    display: block;\n    width: 0;\n    z-index: var(--u-menu-z-index, 1020);\n  }\n\n  :host([positioning=relative]) {\n    position: relative;\n  }\n\n  :host([positioning=fixed]) {\n    position: fixed;\n  }\n\n  .ref {\n    position: absolute;\n    inset-inline-start: 0;\n    pointer-events: none;\n  }\n\n  .content {\n    width: 100%;\n    padding-block: var(--u-menu-padding, 8px);\n    opacity: 0;\n    transition: opacity 1ms 400ms;\n    scroll-padding-block: 32px;\n    overflow: auto;\n  }\n\n  .menu {\n    position: absolute;\n    display: none;\n    min-width: var(--u-menu-min-width, 112px);\n    max-width: var(--u-menu-max-width, 280px);\n    background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n    border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n    opacity: 0;\n    transform: scale3d(1, 0, 0);\n    transform-origin: top;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms, display 700ms allow-discrete;\n  }\n  .menu.measuring {\n    display: flex;\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .menu.up {\n    transform-origin: bottom;\n  }\n  .menu.open {\n    display: flex;\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms, display 350ms allow-discrete;\n  }\n  @starting-style {\n    .menu.open {\n      opacity: 0;\n      transform: scale3d(1, 0, 0);\n    }\n  }\n  .menu.open .content {\n    opacity: 1;\n    transition: opacity 300ms 150ms;\n  }\n  @starting-style {\n    .menu.open .content {\n      opacity: 0;\n    }\n  }\n`;\n"]}

package/navigation/drawer-headline.d.ts

@@ -1,11 +1,11 @@
 import { LitElement, TemplateResult } from 'lit';
-export declare class UmDrawerHeadline extends LitElement {
+export declare class DrawerHeadline extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-drawer-headline': UmDrawerHeadline;
+        'u-drawer-headline': DrawerHeadline;
     }
 }
 //# sourceMappingURL=drawer-headline.d.ts.map

package/navigation/drawer-headline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
+{"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,cAAe,SAAQ,UAAU;IAE5C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,cAAc,CAAC;KACrC;CACF"}

package/navigation/drawer-headline.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
+import { ButtonWrapper } from '../shared/button-wrapper.js';
 import { styles } from './drawer-headline.styles.js';
-let UmDrawerHeadline = class UmDrawerHeadline extends LitElement {
+let DrawerHeadline = class DrawerHeadline extends LitElement {
     static { this.styles = [
-        UmButtonWrapper.styles,
+        ButtonWrapper.styles,
         styles,
     ]; }
     render() {
@@ -16,8 +16,8 @@ let UmDrawerHeadline = class UmDrawerHeadline extends LitElement {
     `;
     }
 };
-UmDrawerHeadline = __decorate([
+DrawerHeadline = __decorate([
     customElement('u-drawer-headline')
-], UmDrawerHeadline);
-export { UmDrawerHeadline };
+], DrawerHeadline);
+export { DrawerHeadline };
 //# sourceMappingURL=drawer-headline.js.map

package/navigation/drawer-headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aAE9B,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAbU,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAc5B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class UmDrawerHeadline extends LitElement {\n\n  static override styles = [\n    UmButtonWrapper.styles,\n    styles,\n  ];\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-headline': UmDrawerHeadline;\n  }\n}\n"]}
+{"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;aAE5B,WAAM,GAAG;QACvB,aAAa,CAAC,MAAM;QACpB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAbU,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAc1B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { ButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class DrawerHeadline extends LitElement {\n\n  static override styles = [\n    ButtonWrapper.styles,\n    styles,\n  ];\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-headline': DrawerHeadline;\n  }\n}\n"]}

package/navigation/drawer-headline.styles.js

@@ -7,7 +7,7 @@ export const styles = css `
     letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));
     font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));
     color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
-    margin-block: var(--u-drawer-headline-margin-block, 16px 24px);
+    margin-block: var(--u-drawer-headline-margin-block, 16px 8px);
   }
 `;
 //# sourceMappingURL=drawer-headline.styles.js.map

package/navigation/drawer-headline.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n  }\n`;\n"]}
+{"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    margin-block: var(--u-drawer-headline-margin-block, 16px 8px);\n  }\n`;\n"]}

package/navigation/drawer-item.d.ts

@@ -1,6 +1,6 @@
 import { HTMLTemplateResult } from 'lit';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
-export declare class UmDrawerItem extends UmButtonWrapper {
+import { ButtonWrapper } from '../shared/button-wrapper.js';
+export declare class DrawerItem extends ButtonWrapper {
     static styles: import("lit").CSSResultGroup[];
     _hasIcon: boolean;
     _hasBadge: boolean;
@@ -25,7 +25,7 @@ export declare class UmDrawerItem extends UmButtonWrapper {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-drawer-item': UmDrawerItem;
+        'u-drawer-item': DrawerItem;
     }
 }
 //# sourceMappingURL=drawer-item.d.ts.map

package/navigation/drawer-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-item.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,qBACa,YAAa,SAAQ,eAAe;IAE/C,OAAgB,MAAM,iCAGpB;IAEO,QAAQ,UAAS;IACjB,SAAS,UAAS;IAE3B;;;;OAIG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACwE,cAAc,UAAS;IAGlG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;IAiBvD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,YAAY,IAAI,IAAI;CAW9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"drawer-item.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,qBACa,UAAW,SAAQ,aAAa;IAE3C,OAAgB,MAAM,iCAGpB;IAEO,QAAQ,UAAS;IACjB,SAAS,UAAS;IAE3B;;;;OAIG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACwE,cAAc,UAAS;IAGlG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;IAiBvD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,YAAY,IAAI,IAAI;CAkB9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}

package/navigation/drawer-item.js

@@ -1,9 +1,9 @@
 import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
+import { ButtonWrapper } from '../shared/button-wrapper.js';
 import { styles } from './drawer-item.styles.js';
-let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
+let DrawerItem = class DrawerItem extends ButtonWrapper {
     constructor() {
         super(...arguments);
         this._hasIcon = false;
@@ -20,7 +20,7 @@ let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
         this.keepDrawerOpen = false;
     }
     static { this.styles = [
-        UmButtonWrapper.styles,
+        ButtonWrapper.styles,
         styles,
     ]; }
     connectedCallback() {
@@ -63,29 +63,34 @@ let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
         const sideNavigation = this.closest('u-side-navigation');
         if (sideNavigation) {
             sideNavigation.toggleDrawer = false;
+            return;
+        }
+        const navigationRail = this.closest('u-navigation-rail');
+        if (navigationRail) {
+            navigationRail.toggleDrawer = false;
         }
     }
 };
 __decorate([
     state()
-], UmDrawerItem.prototype, "_hasIcon", void 0);
+], DrawerItem.prototype, "_hasIcon", void 0);
 __decorate([
     state()
-], UmDrawerItem.prototype, "_hasBadge", void 0);
+], DrawerItem.prototype, "_hasBadge", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmDrawerItem.prototype, "active", void 0);
+], DrawerItem.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'keep-drawer-open', reflect: true })
-], UmDrawerItem.prototype, "keepDrawerOpen", void 0);
+], DrawerItem.prototype, "keepDrawerOpen", void 0);
 __decorate([
     queryAssignedElements({ slot: 'icon', flatten: true })
-], UmDrawerItem.prototype, "assignedIcons", void 0);
+], DrawerItem.prototype, "assignedIcons", void 0);
 __decorate([
     queryAssignedElements({ slot: 'badge', flatten: true })
-], UmDrawerItem.prototype, "assignedBadges", void 0);
-UmDrawerItem = __decorate([
+], DrawerItem.prototype, "assignedBadges", void 0);
+DrawerItem = __decorate([
     customElement('u-drawer-item')
-], UmDrawerItem);
-export { UmDrawerItem };
+], DrawerItem);
+export { DrawerItem };
 //# sourceMappingURL=drawer-item.js.map

package/navigation/drawer-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-item.js","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAA1C;;QAOI,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACwE,mBAAc,GAAG,KAAK,CAAC;IAyDpG,CAAC;aA3EiB,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAuBO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,WAAW,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,CAAC;IAEQ,YAAY;QACnB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,CAAC;IACH,CAAC;;AArEQ;IAAR,KAAK,EAAE;8CAAkB;AACjB;IAAR,KAAK,EAAE;+CAAmB;AAOiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAKgB;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAwB;AAGjF;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACR;AAG9B;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACR;AA1BrC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA6ExB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-item.styles.js';\n\n@customElement('u-drawer-item')\nexport class UmDrawerItem extends UmButtonWrapper {\n\n  static override styles = [\n    UmButtonWrapper.styles,\n    styles,\n  ];\n\n  @state() _hasIcon = false;\n  @state() _hasBadge = false;\n\n  /**\n   * Whether the drawer item is active or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /**\n   * If true, it will not attempt to close de navigation drawer on click\n   */\n  @property({ type: Boolean, attribute: 'keep-drawer-open', reflect: true }) keepDrawerOpen = false;\n\n  @queryAssignedElements({ slot: 'icon', flatten: true })\n  private readonly assignedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'badge', flatten: true })\n  private readonly assignedBadges!: HTMLElement[];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('aria-labelledby', 'label');\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'has-icon': this._hasIcon,\n      'has-badge': this._hasBadge,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon\">\n        <slot\n          name=\"icon\"\n          aria-hidden=\"true\"\n          @slotchange=\"${this.handleIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\"><slot></slot></span>\n      <span class=\"badge\">\n        <slot\n          name=\"badge\"\n          @slotchange=\"${this.handleBadgeSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  private handleIconSlotChange() {\n    this._hasIcon = this.assignedIcons.length > 0;\n  }\n\n  private handleBadgeSlotChange() {\n    this._hasBadge = this.assignedBadges.length > 0;\n  }\n\n  override _handleClick(): void {\n    if (this.keepDrawerOpen) {\n      return;\n    }\n\n    const sideNavigation = this.closest('u-side-navigation');\n\n    if (sideNavigation) {\n      sideNavigation.toggleDrawer = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-item': UmDrawerItem;\n  }\n}\n"]}
+{"version":3,"file":"drawer-item.js","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,aAAa;IAAtC;;QAOI,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACwE,mBAAc,GAAG,KAAK,CAAC;IAgEpG,CAAC;aAlFiB,WAAM,GAAG;QACvB,aAAa,CAAC,MAAM;QACpB,MAAM;KACP,AAHqB,CAGpB;IAuBO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,WAAW,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,CAAC;IAEQ,YAAY;QACnB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,CAAC;IACH,CAAC;;AA5EQ;IAAR,KAAK,EAAE;4CAAkB;AACjB;IAAR,KAAK,EAAE;6CAAmB;AAOiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAKgB;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAwB;AAGjF;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACR;AAG9B;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACR;AA1BrC,UAAU;IADtB,aAAa,CAAC,eAAe,CAAC;GAClB,UAAU,CAoFtB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { ButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-item.styles.js';\n\n@customElement('u-drawer-item')\nexport class DrawerItem extends ButtonWrapper {\n\n  static override styles = [\n    ButtonWrapper.styles,\n    styles,\n  ];\n\n  @state() _hasIcon = false;\n  @state() _hasBadge = false;\n\n  /**\n   * Whether the drawer item is active or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /**\n   * If true, it will not attempt to close de navigation drawer on click\n   */\n  @property({ type: Boolean, attribute: 'keep-drawer-open', reflect: true }) keepDrawerOpen = false;\n\n  @queryAssignedElements({ slot: 'icon', flatten: true })\n  private readonly assignedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'badge', flatten: true })\n  private readonly assignedBadges!: HTMLElement[];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('aria-labelledby', 'label');\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      'has-icon': this._hasIcon,\n      'has-badge': this._hasBadge,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    return html`\n      <div class=\"icon\">\n        <slot\n          name=\"icon\"\n          aria-hidden=\"true\"\n          @slotchange=\"${this.handleIconSlotChange}\"></slot>\n      </div>\n      <span class=\"label\" id=\"text\"><slot></slot></span>\n      <span class=\"badge\">\n        <slot\n          name=\"badge\"\n          @slotchange=\"${this.handleBadgeSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  private handleIconSlotChange() {\n    this._hasIcon = this.assignedIcons.length > 0;\n  }\n\n  private handleBadgeSlotChange() {\n    this._hasBadge = this.assignedBadges.length > 0;\n  }\n\n  override _handleClick(): void {\n    if (this.keepDrawerOpen) {\n      return;\n    }\n\n    const sideNavigation = this.closest('u-side-navigation');\n\n    if (sideNavigation) {\n      sideNavigation.toggleDrawer = false;\n      return;\n    }\n\n    const navigationRail = this.closest('u-navigation-rail');\n\n    if (navigationRail) {\n      navigationRail.toggleDrawer = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer-item': DrawerItem;\n  }\n}\n"]}

package/navigation/drawer.d.ts

@@ -1,11 +1,11 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
-export declare class UmDrawer extends LitElement {
+export declare class Drawer extends LitElement {
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-drawer': UmDrawer;
+        'u-drawer': Drawer;
     }
 }
 //# sourceMappingURL=drawer.d.ts.map

package/navigation/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}

package/navigation/drawer.js

@@ -3,7 +3,7 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { styles as baseStyles } from '../shared/base.styles.js';
 import { styles } from './drawer.styles.js';
-let UmDrawer = class UmDrawer extends LitElement {
+let Drawer = class Drawer extends LitElement {
     static { this.styles = [
         baseStyles,
         styles,
@@ -16,8 +16,8 @@ let UmDrawer = class UmDrawer extends LitElement {
     `;
     }
 };
-UmDrawer = __decorate([
+Drawer = __decorate([
     customElement('u-drawer')
-], UmDrawer);
-export { UmDrawer };
+], Drawer);
+export { Drawer };
 //# sourceMappingURL=drawer.js.map

package/navigation/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAapB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class UmDrawer extends LitElement {\n  static override styles = [\n    baseStyles,\n    styles,\n  ];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer': UmDrawer;\n  }\n}\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;aACpB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,MAAM;IADlB,aAAa,CAAC,UAAU,CAAC;GACb,MAAM,CAalB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class Drawer extends LitElement {\n  static override styles = [\n    baseStyles,\n    styles,\n  ];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-drawer': Drawer;\n  }\n}\n"]}