@universal-material/web 3.0.68 → 3.0.70

package/menu/menu.js

@@ -4,18 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _UmMenu_instances, _UmMenu_open, _UmMenu_justShow, _UmMenu_anchorElement, _UmMenu_resetMenu, _UmMenu_setToOpenUpOrDown, _UmMenu_openBlockAuto, _UmMenu_tryOpenUp, _UmMenu_tryOpenDown, _UmMenu_openToLargestBlockSide, _UmMenu_setToOpenToStartOrEnd, _UmMenu_tryOpenLeft, _UmMenu_tryOpenRight, _UmMenu_openToLargestInlineSide, _UmMenu_openUp, _UmMenu_openDown;
 import { html, LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { styles as baseStyles } from '../shared/base.styles.js';
@@ -24,9 +12,7 @@ import '../elevation/elevation.js';
 let UmMenu = class UmMenu extends LitElement {
     constructor() {
         super(...arguments);
-        _UmMenu_instances.add(this);
-        _UmMenu_open.set(this, false);
-        _UmMenu_justShow.set(this, false);
+        this.#open = false;
         this.positioning = 'relative';
         this.manualFocus = false;
         /**
@@ -45,7 +31,6 @@ let UmMenu = class UmMenu extends LitElement {
          * Don't limit the height of the menu
          */
         this.allowOverflow = false;
-        _UmMenu_anchorElement.set(this, void 0);
         this.toggle = () => {
             if (this.open) {
                 this.close();
@@ -54,33 +39,52 @@ let UmMenu = class UmMenu extends LitElement {
             this.show();
         };
         this.close = () => {
-            if (this.open && !__classPrivateFieldGet(this, _UmMenu_justShow, "f")) {
+            if (this.open) {
                 this.open = false;
-                return;
             }
-            __classPrivateFieldSet(this, _UmMenu_justShow, false, "f");
         };
     }
+    static { this.styles = [baseStyles, styles]; }
+    #open;
     /**
      * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods
      */
-    get open() { return __classPrivateFieldGet(this, _UmMenu_open, "f"); }
+    get open() {
+        return this.#open;
+    }
     set open(open) {
         if (!open) {
-            __classPrivateFieldSet(this, _UmMenu_open, open, "f");
+            const closePrevented = !this.dispatchEvent(new Event('close', { cancelable: true }));
+            if (closePrevented) {
+                return;
+            }
+            this.#open = open;
+            this.menu?.addEventListener('transitionend', () => this.dispatchEvent(new Event('closed')), { capture: true, once: true });
+            document.removeEventListener('click', this.close);
+            return;
+        }
+        const openPrevented = !this.dispatchEvent(new Event('open', { cancelable: true }));
+        if (openPrevented) {
             return;
         }
         this.calcDropdownPositioning();
-        __classPrivateFieldSet(this, _UmMenu_open, open, "f");
-        if (!this.manualFocus) {
-            setTimeout(() => this.querySelector('u-menu-item:not([disabled])')?.focus());
+        this.#open = open;
+        this.menu?.addEventListener('transitionend', () => this.dispatchEvent(new Event('opened')), { capture: true, once: true });
+        setTimeout(() => document.addEventListener('click', this.close));
+        if (this.manualFocus) {
+            return;
         }
+        setTimeout(() => this.querySelector('u-menu-item:not([disabled])')?.focus());
     }
+    get scrollContainer() {
+        return this.menu;
+    }
+    #anchorElement;
     get anchorElement() {
-        return __classPrivateFieldGet(this, _UmMenu_anchorElement, "f") ?? this.parentElement ?? this.getRootNode().host;
+        return this.#anchorElement ?? this.parentElement ?? this.getRootNode().host;
     }
     set anchorElement(anchorElement) {
-        __classPrivateFieldSet(this, _UmMenu_anchorElement, anchorElement, "f");
+        this.#anchorElement = anchorElement;
     }
     render() {
         return html `
@@ -95,21 +99,14 @@ let UmMenu = class UmMenu extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        window.addEventListener('click', this.close);
         this.role = "listbox";
         // eslint-disable-next-line no-self-assign
         this.open = this.open;
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('click', this.close);
-    }
     show() {
-        if (this.open) {
-            return;
+        if (!this.open) {
+            this.open = true;
         }
-        __classPrivateFieldSet(this, _UmMenu_justShow, true, "f");
-        this.open = true;
     }
     calcDropdownPositioning() {
         if (!this.anchorElement) {
@@ -117,9 +114,116 @@ let UmMenu = class UmMenu extends LitElement {
         }
         const menuPosition = this.getMenuPosition();
         const menuSize = this.getMenuSize();
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_resetMenu).call(this);
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_setToOpenUpOrDown).call(this, menuPosition, menuSize);
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_setToOpenToStartOrEnd).call(this, menuPosition, menuSize);
+        this.#resetMenu();
+        this.#setToOpenUpOrDown(menuPosition, menuSize);
+        this.#setToOpenToStartOrEnd(menuPosition, menuSize);
+    }
+    #resetMenu() {
+        this.menu.className = 'menu';
+        this.menu.style.top = '';
+        this.menu.style.bottom = '';
+        this.menu.style.left = '';
+        this.menu.style.right = '';
+        this.menu.style.maxHeight = '';
+    }
+    #setToOpenUpOrDown(menuPosition, menuSize) {
+        if (this.anchorCorner.startsWith('auto-')) {
+            this.#openBlockAuto(menuPosition, menuSize);
+            return;
+        }
+        const side = this.anchorCorner.startsWith('start-')
+            ? menuPosition.bounds.top
+            : menuPosition.bounds.bottom;
+        if (this.direction.startsWith('up-')) {
+            this.#tryOpenUp(side, menuSize);
+            return;
+        }
+        this.#tryOpenDown(side, menuSize);
+    }
+    #openBlockAuto(menuPosition, menuSize) {
+        const topSide = menuPosition.bounds.top;
+        const bottomSide = menuPosition.bounds.bottom;
+        const viewPortHeight = window.innerHeight;
+        if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {
+            this.#openDown(bottomSide);
+            return;
+        }
+        this.#openUp(topSide);
+    }
+    #tryOpenUp(side, menuSize) {
+        if (side.top === side.bottom || side.top - menuSize.height >= 0) {
+            this.#openUp(side);
+            return;
+        }
+        this.#openToLargestBlockSide(side);
+    }
+    #tryOpenDown(side, menuSize) {
+        const viewPortHeight = window.innerHeight;
+        if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {
+            this.#openDown(side);
+            return;
+        }
+        this.#openToLargestBlockSide(side);
+    }
+    #openToLargestBlockSide(side) {
+        if (side.top > side.bottom) {
+            this.#openUp(side);
+            return;
+        }
+        this.#openDown(side);
+    }
+    #setToOpenToStartOrEnd(menuPosition, menuSize) {
+        const openStart = menuPosition.isRtl
+            ? this.#tryOpenRight.bind(this)
+            : this.#tryOpenLeft.bind(this);
+        const openEnd = menuPosition.isRtl
+            ? this.#tryOpenLeft.bind(this)
+            : this.#tryOpenRight.bind(this);
+        const side = this.anchorCorner.endsWith('-start')
+            ? menuPosition.bounds.start
+            : menuPosition.bounds.end;
+        if (this.direction.endsWith('-start')) {
+            openStart(side, menuSize);
+            return;
+        }
+        openEnd(side, menuSize);
+    }
+    #tryOpenLeft(side, menuSize) {
+        if (side.left === side.right || side.left - menuSize.width >= 0) {
+            this.menu.style.right = `${side.relativeX * -1}px`;
+            return;
+        }
+        this.#openToLargestInlineSide(side);
+    }
+    #tryOpenRight(side, menuSize) {
+        const viewPortWidth = window.innerWidth;
+        if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {
+            this.menu.style.left = `${side.relativeX}px`;
+            return;
+        }
+        this.#openToLargestInlineSide(side);
+    }
+    #openToLargestInlineSide(side) {
+        if (side.left > side.right) {
+            this.menu.style.right = `${side.relativeX * -1}px`;
+            return;
+        }
+        this.menu.style.left = `${side.relativeX}px`;
+    }
+    #openUp(side) {
+        const viewPortHeight = window.innerHeight;
+        this.menu.style.bottom = `${side.relativeY * -1}px`;
+        this.menu.classList.add('up');
+        this.menu.style.maxHeight = this.allowOverflow
+            ? ''
+            : `${viewPortHeight - side.bottom}px`;
+    }
+    #openDown(side) {
+        const viewPortHeight = window.innerHeight;
+        this.menu.style.top = `${side.relativeY}px`;
+        this.menu.style.maxHeight = this.allowOverflow
+            ? ''
+            : `${viewPortHeight - side.top}px`;
     }
     getMenuPosition() {
         const viewPortWidth = window.innerWidth;
@@ -176,118 +280,6 @@ let UmMenu = class UmMenu extends LitElement {
         };
     }
 };
-_UmMenu_open = new WeakMap();
-_UmMenu_justShow = new WeakMap();
-_UmMenu_anchorElement = new WeakMap();
-_UmMenu_instances = new WeakSet();
-_UmMenu_resetMenu = function _UmMenu_resetMenu() {
-    this.menu.className = 'menu';
-    this.menu.style.top = '';
-    this.menu.style.bottom = '';
-    this.menu.style.left = '';
-    this.menu.style.right = '';
-    this.menu.style.maxHeight = '';
-};
-_UmMenu_setToOpenUpOrDown = function _UmMenu_setToOpenUpOrDown(menuPosition, menuSize) {
-    if (this.anchorCorner.startsWith('auto-')) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openBlockAuto).call(this, menuPosition, menuSize);
-        return;
-    }
-    const side = this.anchorCorner.startsWith('start-')
-        ? menuPosition.bounds.top
-        : menuPosition.bounds.bottom;
-    if (this.direction.startsWith('up-')) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenUp).call(this, side, menuSize);
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenDown).call(this, side, menuSize);
-};
-_UmMenu_openBlockAuto = function _UmMenu_openBlockAuto(menuPosition, menuSize) {
-    const topSide = menuPosition.bounds.top;
-    const bottomSide = menuPosition.bounds.bottom;
-    const viewPortHeight = window.innerHeight;
-    if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openDown).call(this, bottomSide);
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openUp).call(this, topSide);
-};
-_UmMenu_tryOpenUp = function _UmMenu_tryOpenUp(side, menuSize) {
-    if (side.top === side.bottom || side.top - menuSize.height >= 0) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openUp).call(this, side);
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openToLargestBlockSide).call(this, side);
-};
-_UmMenu_tryOpenDown = function _UmMenu_tryOpenDown(side, menuSize) {
-    const viewPortHeight = window.innerHeight;
-    if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openDown).call(this, side);
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openToLargestBlockSide).call(this, side);
-};
-_UmMenu_openToLargestBlockSide = function _UmMenu_openToLargestBlockSide(side) {
-    if (side.top > side.bottom) {
-        __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openUp).call(this, side);
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openDown).call(this, side);
-};
-_UmMenu_setToOpenToStartOrEnd = function _UmMenu_setToOpenToStartOrEnd(menuPosition, menuSize) {
-    const openStart = menuPosition.isRtl
-        ? __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenRight).bind(this)
-        : __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenLeft).bind(this);
-    const openEnd = menuPosition.isRtl
-        ? __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenLeft).bind(this)
-        : __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_tryOpenRight).bind(this);
-    const side = this.anchorCorner.endsWith('-start')
-        ? menuPosition.bounds.start
-        : menuPosition.bounds.end;
-    if (this.direction.endsWith('-start')) {
-        openStart(side, menuSize);
-        return;
-    }
-    openEnd(side, menuSize);
-};
-_UmMenu_tryOpenLeft = function _UmMenu_tryOpenLeft(side, menuSize) {
-    if (side.left === side.right || side.left - menuSize.width >= 0) {
-        this.menu.style.right = `${side.relativeX * -1}px`;
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openToLargestInlineSide).call(this, side);
-};
-_UmMenu_tryOpenRight = function _UmMenu_tryOpenRight(side, menuSize) {
-    const viewPortWidth = window.innerWidth;
-    if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {
-        this.menu.style.left = `${side.relativeX}px`;
-        return;
-    }
-    __classPrivateFieldGet(this, _UmMenu_instances, "m", _UmMenu_openToLargestInlineSide).call(this, side);
-};
-_UmMenu_openToLargestInlineSide = function _UmMenu_openToLargestInlineSide(side) {
-    if (side.left > side.right) {
-        this.menu.style.right = `${side.relativeX * -1}px`;
-        return;
-    }
-    this.menu.style.left = `${side.relativeX}px`;
-};
-_UmMenu_openUp = function _UmMenu_openUp(side) {
-    const viewPortHeight = window.innerHeight;
-    this.menu.style.bottom = `${side.relativeY * -1}px`;
-    this.menu.classList.add('up');
-    this.menu.style.maxHeight = this.allowOverflow
-        ? ''
-        : `${viewPortHeight - side.bottom}px`;
-};
-_UmMenu_openDown = function _UmMenu_openDown(side) {
-    const viewPortHeight = window.innerHeight;
-    this.menu.style.top = `${side.relativeY}px`;
-    this.menu.style.maxHeight = this.allowOverflow
-        ? ''
-        : `${viewPortHeight - side.top}px`;
-};
-UmMenu.styles = [baseStyles, styles];
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmMenu.prototype, "open", null);

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';\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\n  static override styles = [baseStyles, styles];\n\n  #open = false;\n  #justShow = false;\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 { return this.#open }\n  set open(open: boolean) {\n    if (!open) {\n      this.#open = open;\n      return;\n    }\n \n    this.calcDropdownPositioning();\n    this.#open = open;\n\n    if (!this.manualFocus) {\n      setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\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  #anchorElement: HTMLElement | null | undefined;\n\n  get anchorElement(): HTMLElement | null | undefined {\n    return this.#anchorElement ?? this.parentElement! ?? (<ShadowRoot>this.getRootNode()).host;\n  }\n  set anchorElement(anchorElement: HTMLElement | null | undefined) {\n    this.#anchorElement = anchorElement;\n  }\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"ref\"></div>\n      <div class=\"menu\" part=\"menu\" ?inert=${!this.open}>\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    window.addEventListener('click', this.close);\n    this.role = \"listbox\";\n    // eslint-disable-next-line no-self-assign\n    this.open = this.open;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('click', this.close);\n  }\n\n  toggle = () => {\n    if (this.open) {\n      this.close();\n      return;\n    }\n\n    this.show();\n  };\n\n  show(): void {\n    if (this.open) {\n      return;\n    }\n\n    this.#justShow = true;\n    this.open = true;\n  }\n\n  close = () => {\n\n    if (this.open && !this.#justShow) {\n      this.open = false;\n      return;\n    }\n\n    this.#justShow = false;\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-')\n      ? menuPosition.bounds.top\n      : 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\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\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\n      ? this.#tryOpenRight.bind(this)\n      : this.#tryOpenLeft.bind(this);\n    const openEnd = menuPosition.isRtl\n      ? this.#tryOpenLeft.bind(this)\n      : this.#tryOpenRight.bind(this);\n\n    const side = this.anchorCorner.endsWith('-start')\n      ? menuPosition.bounds.start\n      : 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\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\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\n      ? ''\n      : `${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\n      ? ''\n      : `${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() as DOMRect\n    const refRect = this.ref.getBoundingClientRect() as DOMRect\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: isRtl,\n      bounds: anchorBounds\n    };\n  }\n\n  private getMenuSize(): MenuSize {\n    const menu = this.menu;\n    const styles = getComputedStyle(menu);\n    const width = parseInt(styles.width, 10);\n    const height = parseInt(styles.height, 10);\n\n    return {\n      width: width,\n      height: 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';\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\n  static override styles = [baseStyles, styles];\n\n  #open = false;\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  set open(open: boolean) {\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      this.menu?.addEventListener('transitionend', () => this.dispatchEvent(new Event('closed')), {capture: true, once: true});\n\n      document.removeEventListener('click', this.close);\n      return;\n    }\n\n    const openPrevented = !this.dispatchEvent(new Event('open', {cancelable: true}));\n\n    if (openPrevented) {\n      return;\n    }\n\n    this.calcDropdownPositioning();\n    this.#open = open;\n\n    this.menu?.addEventListener('transitionend', () =>\n      this.dispatchEvent(new Event('opened')), {capture: true, once: true});\n    setTimeout(() => document.addEventListener('click', this.close));\n\n    if (this.manualFocus) {\n      return;\n    }\n\n    setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\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  #anchorElement: HTMLElement | null | undefined;\n\n  get anchorElement(): HTMLElement | null | undefined {\n    return this.#anchorElement ?? this.parentElement! ?? (<ShadowRoot>this.getRootNode()).host;\n  }\n  set anchorElement(anchorElement: HTMLElement | null | undefined) {\n    this.#anchorElement = anchorElement;\n  }\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <div class=\"ref\"></div>\n      <div class=\"menu\" part=\"menu\" ?inert=${!this.open}>\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    // eslint-disable-next-line no-self-assign\n    this.open = this.open;\n  }\n\n  toggle = () => {\n    if (this.open) {\n      this.close();\n      return;\n    }\n\n    this.show();\n  };\n\n  show(): void {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  close = () => {\n    if (this.open) {\n      this.open = false;\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-')\n      ? menuPosition.bounds.top\n      : 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\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\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\n      ? this.#tryOpenRight.bind(this)\n      : this.#tryOpenLeft.bind(this);\n    const openEnd = menuPosition.isRtl\n      ? this.#tryOpenLeft.bind(this)\n      : this.#tryOpenRight.bind(this);\n\n    const side = this.anchorCorner.endsWith('-start')\n      ? menuPosition.bounds.start\n      : 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\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\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\n      ? ''\n      : `${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\n      ? ''\n      : `${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() as DOMRect\n    const refRect = this.ref.getBoundingClientRect() as DOMRect\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: isRtl,\n      bounds: anchorBounds\n    };\n  }\n\n  private getMenuSize(): MenuSize {\n    const menu = this.menu;\n    const styles = getComputedStyle(menu);\n    const width = parseInt(styles.width, 10);\n    const height = parseInt(styles.height, 10);\n\n    return {\n      width: width,\n      height: height\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu': UmMenu;\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,yBAwDlB,CAAC"}
+{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyDlB,CAAC"}

package/menu/menu.styles.js

@@ -43,6 +43,7 @@ export const styles = css `
     padding-block: var(--u-menu-padding, 8px);
     opacity: 0;
     transition: opacity 1ms 400ms;
+    scroll-padding-block: 32px;
     overflow: auto;
   }
 

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDzB,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  }\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  .menu {\n    position: absolute;\n    display: flex;\n    min-width: var(--u-menu-min-width, 112px);\n    max-width: var(--u-menu-max-width, 280px);\n    background: var(--u-menu-background-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    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n    transform: scale3d(0, 0, 1);\n    transform-origin: top;\n    z-index: var(--u-menu-z-index, 1020);\n  }\n  .menu.up {\n    transform: scale3d(1, 0, 0);\n    transform-origin: bottom;\n  }\n\n  .content {\n    width: 100%;\n    padding-block: var(--u-menu-padding, 8px);\n    opacity: 0;\n    transition: opacity 1ms 400ms;\n    overflow: auto;\n  }\n\n  :host([open]) .menu {\n    opacity: 1;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n    transform: scale3d(1, 1, 1);\n  }\n  :host([open]) .content {\n    opacity: 1;\n    transition: opacity 300ms 150ms;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDzB,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  }\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  .menu {\n    position: absolute;\n    display: flex;\n    min-width: var(--u-menu-min-width, 112px);\n    max-width: var(--u-menu-max-width, 280px);\n    background: var(--u-menu-background-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    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n    transform: scale3d(0, 0, 1);\n    transform-origin: top;\n    z-index: var(--u-menu-z-index, 1020);\n  }\n  .menu.up {\n    transform: scale3d(1, 0, 0);\n    transform-origin: bottom;\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  :host([open]) .menu {\n    opacity: 1;\n    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n    transform: scale3d(1, 1, 1);\n  }\n  :host([open]) .content {\n    opacity: 1;\n    transition: opacity 300ms 150ms;\n  }\n`;\n"]}

package/navigation/drawer-item.d.ts

@@ -1,7 +1,7 @@
 import { HTMLTemplateResult } from 'lit';
 import { UmButtonWrapper } from '../shared/button-wrapper.js';
 export declare class UmDrawerItem extends UmButtonWrapper {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
     /**
      * Whether the drawer item has icon or not
      *

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;AAM/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,qBACa,YAAa,SAAQ,eAAe;IAE/C,OAAgB,MAAM,4BAGpB;IAEF;;;;OAIG;IAC8D,OAAO,UAAS;IAEjF;;;;OAIG;IAC+D,QAAQ,UAAS;IAEnF;;;;OAIG;IACuC,MAAM,UAAS;IAEzD;;OAEG;IACsE,cAAc,UAAS;IAGhG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,aAAa,IAAI,kBAAkB;IAiBtD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,WAAW,IAAI,IAAI;CAW7B;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;AAK/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,qBACa,YAAa,SAAQ,eAAe;IAE/C,OAAgB,MAAM,iCAGpB;IAEF;;;;OAIG;IAC8D,OAAO,UAAS;IAEjF;;;;OAIG;IAC+D,QAAQ,UAAS;IAEnF;;;;OAIG;IACuC,MAAM,UAAS;IAEzD;;OAEG;IACsE,cAAc,UAAS;IAGhG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,aAAa,IAAI,kBAAkB;IAiBtD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,WAAW,IAAI,IAAI;CAW7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/navigation/drawer-item.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from 'lit';
 import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
-import { styles as baseStyles } from '../shared/base.styles.js';
 import { styles } from './drawer-item.styles.js';
 import { UmButtonWrapper } from '../shared/button-wrapper.js';
 let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
@@ -35,6 +34,10 @@ let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
          */
         this.keepDrawerOpen = false;
     }
+    static { this.styles = [
+        UmButtonWrapper.styles,
+        styles
+    ]; }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('aria-labelledby', 'label');
@@ -71,10 +74,6 @@ let UmDrawerItem = class UmDrawerItem extends UmButtonWrapper {
         }
     }
 };
-UmDrawerItem.styles = [
-    baseStyles,
-    styles
-];
 __decorate([
     property({ type: Boolean, attribute: 'has-icon', reflect: true })
 ], UmDrawerItem.prototype, "hasIcon", void 0);

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,MAAM,mBAAmB,CAAC;AAEnF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGvD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAA1C;;QAOL;;;;WAIG;QAC8D,YAAO,GAAG,KAAK,CAAC;QAEjF;;;;WAIG;QAC+D,aAAQ,GAAG,KAAK,CAAC;QAEnF;;;;WAIG;QACuC,WAAM,GAAG,KAAK,CAAC;QAEzD;;WAEG;QACsE,mBAAc,GAAG,KAAK,CAAC;IAiDlG,CAAC;IAzCU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,CAAC;IAEQ,WAAW;QAClB,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;;AA7Ee,mBAAM,GAAG;IACvB,UAAU;IACV,MAAM;CACP,AAHqB,CAGpB;AAO+D;IAAhE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAiB;AAOf;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAAkB;AAOzC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CAAgB;AAKgB;IAAxE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAwB;AAG/E;IADhB,qBAAqB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDACN;AAG9B;IADhB,qBAAqB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDACN;AArCrC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAgFxB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer-item.styles.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\n\n@customElement('u-drawer-item')\nexport class UmDrawerItem extends UmButtonWrapper {\n\n  static override styles = [\n    baseStyles,\n    styles\n  ];\n\n  /**\n   * Whether the drawer item has icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({type: Boolean, attribute: 'has-icon', reflect: true}) hasIcon = false;\n\n  /**\n   * Whether the drawer item has badge or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({type: Boolean, attribute: 'has-badge', reflect: true}) 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 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,MAAM,mBAAmB,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGvD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAA1C;;QAOL;;;;WAIG;QAC8D,YAAO,GAAG,KAAK,CAAC;QAEjF;;;;WAIG;QAC+D,aAAQ,GAAG,KAAK,CAAC;QAEnF;;;;WAIG;QACuC,WAAM,GAAG,KAAK,CAAC;QAEzD;;WAEG;QACsE,mBAAc,GAAG,KAAK,CAAC;IAiDlG,CAAC;aA9EiB,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAkCO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,CAAC;IAEQ,WAAW;QAClB,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;;AAnEgE;IAAhE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAiB;AAOf;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAAkB;AAOzC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CAAgB;AAKgB;IAAxE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAwB;AAG/E;IADhB,qBAAqB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDACN;AAG9B;IADhB,qBAAqB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDACN;AArCrC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAgFxB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles } from './drawer-item.styles.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.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  /**\n   * Whether the drawer item has icon or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({type: Boolean, attribute: 'has-icon', reflect: true}) hasIcon = false;\n\n  /**\n   * Whether the drawer item has badge or not\n   *\n   * _Note:_ Readonly\n   */\n  @property({type: Boolean, attribute: 'has-badge', reflect: true}) 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 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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-item.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkIlB,CAAC"}
+{"version":3,"file":"drawer-item.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2ClB,CAAC"}

package/navigation/drawer-item.styles.js

@@ -1,92 +1,5 @@
 import { css } from 'lit';
 export const styles = css `
-  :host,
-  * {
-    --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);
-    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");
-    box-sizing: border-box;
-    outline: 0;
-  }
-
-  :host(.force-focus-ring) .focus-ring,
-  .focus-ring:focus-visible {
-    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
-    animation: u-focus-pulse 500ms ease;
-    animation-fill-mode: forwards;
-    outline-offset: var(--_focus-ring-outline-offset);
-  }
-
-  @keyframes u-focus-pulse {
-    0% {
-      outline: 0 solid var(--_color-primary);
-    }
-    50% {
-      outline: 6px solid var(--_color-primary);
-    }
-    100% {
-      outline: 4px solid var(--_color-primary);
-    }
-  }
-  :host {
-    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
-    -webkit-tap-highlight-color: transparent;
-    --u-elevation-level: 0;
-    position: relative;
-    display: inline-block;
-    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");
-    appearance: none !important;
-  }
-
-  :host([disabled]) {
-    --u-elevation-level: 0 !important;
-    background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;
-    color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;
-  }
-
-  :host([disabled]) .button {
-    cursor: default;
-  }
-
-  * {
-    color: inherit;
-  }
-
-  u-elevation {
-    z-index: -1;
-  }
-
-  .button {
-    cursor: pointer;
-    position: absolute;
-    inset-inline-start: 0;
-    inset-block-start: 0;
-    width: 100%;
-    height: 100%;
-    font-family: inherit;
-    border-radius: inherit;
-    color: inherit;
-    border: none;
-    margin: 0;
-    padding: 0;
-    text-align: center;
-    white-space: nowrap;
-    background: transparent;
-    user-select: none;
-    text-decoration: none;
-    outline: 0;
-    z-index: 0;
-  }
-
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    white-space: nowrap;
-    border-radius: inherit;
-    width: 100%;
-    height: 100%;
-  }
-
   :host {
     display: block;
     --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);