@universal-material/web 3.0.20 → 3.0.21

package/elevation/elevation.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 export declare class UmElevation extends LitElement {
     static styles: import("lit").CSSResult;
-    ariaHidden: string;
+    connectedCallback(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/elevation/elevation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAU;IAEvB,UAAU,SAAU;CAC9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}
+{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAU;IAEvB,iBAAiB;CAI3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}

package/elevation/elevation.js

@@ -8,8 +8,8 @@ import { LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { styles } from './elevation.styles';
 let UmElevation = class UmElevation extends LitElement {
-    constructor() {
-        super(...arguments);
+    connectedCallback() {
+        super.connectedCallback();
         this.ariaHidden = "true";
     }
 };

package/elevation/elevation.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAGI,eAAU,GAAG,MAAM,CAAC;IAC/B,CAAC;;AAHiB,kBAAM,GAAG,MAAM,AAAT,CAAU;AADrB,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CAIvB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './elevation.styles';\n\n@customElement('u-elevation')\nexport class UmElevation extends LitElement {\n  static override styles = styles;\n\n  override ariaHidden = \"true\";\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-elevation': UmElevation;\n  }\n}\n"]}
+{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAGhC,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;IAC3B,CAAC;;AALe,kBAAM,GAAG,MAAM,AAAT,CAAU;AADrB,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CAOvB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './elevation.styles';\n\n@customElement('u-elevation')\nexport class UmElevation extends LitElement {\n  static override styles = styles;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.ariaHidden = \"true\";\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-elevation': UmElevation;\n  }\n}\n"]}

package/index.d.ts

@@ -1,30 +1,42 @@
-import './button/button.js';
-import './button/fab.js';
-import './button/icon-button.js';
-import './button/button-set.js';
-import './card/card.js';
-import './checkbox/checkbox.js';
-import './container/container.js';
-import './container/grid.js';
-import './divider/divider.js';
-import './elevation/elevation.js';
-import './ripple/ripple.js';
-import './table/table.js';
-export * from './button/button-base.js';
-export * from './button/button.js';
-export * from './button/fab.js';
-export * from './button/icon-button.js';
-export * from './button/button-set.js';
-export * from './card/card.js';
-export * from './card/card-content.js';
-export * from './card/card-media.js';
-export * from './checkbox/checkbox.js';
-export * from './container/grid-base.js';
-export * from './container/grid.js';
-export * from './container/container.js';
-export * from './divider/divider.js';
-export * from './elevation/elevation.js';
-export * from './ripple/ripple.js';
-export * from './table/table.js';
-export * from './theme/theme-builder.js';
+import './app-bar/top-app-bar';
+import './button/button';
+import './button/button-set';
+import './button/fab';
+import './button/icon-button';
+import './card/card';
+import './checkbox/checkbox';
+import './container/container';
+import './container/grid';
+import './divider/divider';
+import './elevation/elevation';
+import './menu/menu';
+import './menu/menu-item';
+import './navigation/drawer';
+import './navigation/drawer-item';
+import './navigation/side-navigation';
+import './ripple/ripple';
+import './snackbar/snackbar';
+export * from './app-bar/top-app-bar';
+export * from './button/button';
+export * from './button/button-base';
+export * from './button/button-set';
+export * from './button/fab';
+export * from './button/icon-button';
+export * from './card/card';
+export * from './card/card-content';
+export * from './card/card-media';
+export * from './checkbox/checkbox';
+export * from './container/grid-base';
+export * from './container/grid';
+export * from './container/container';
+export * from './divider/divider';
+export * from './elevation/elevation';
+export * from './menu/menu';
+export * from './menu/menu-item';
+export * from './navigation/drawer';
+export * from './navigation/drawer-item';
+export * from './navigation/side-navigation';
+export * from './ripple/ripple';
+export * from './snackbar/snackbar';
+export * from './theme/theme-builder';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAE1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,aAAa,CAAC;AACrB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAClC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

package/index.js

@@ -1,30 +1,42 @@
-import './button/button.js';
-import './button/fab.js';
-import './button/icon-button.js';
-import './button/button-set.js';
-import './card/card.js';
-import './checkbox/checkbox.js';
-import './container/container.js';
-import './container/grid.js';
-import './divider/divider.js';
-import './elevation/elevation.js';
-import './ripple/ripple.js';
-import './table/table.js';
-export * from './button/button-base.js';
-export * from './button/button.js';
-export * from './button/fab.js';
-export * from './button/icon-button.js';
-export * from './button/button-set.js';
-export * from './card/card.js';
-export * from './card/card-content.js';
-export * from './card/card-media.js';
-export * from './checkbox/checkbox.js';
-export * from './container/grid-base.js';
-export * from './container/grid.js';
-export * from './container/container.js';
-export * from './divider/divider.js';
-export * from './elevation/elevation.js';
-export * from './ripple/ripple.js';
-export * from './table/table.js';
-export * from './theme/theme-builder.js';
+import './app-bar/top-app-bar';
+import './button/button';
+import './button/button-set';
+import './button/fab';
+import './button/icon-button';
+import './card/card';
+import './checkbox/checkbox';
+import './container/container';
+import './container/grid';
+import './divider/divider';
+import './elevation/elevation';
+import './menu/menu';
+import './menu/menu-item';
+import './navigation/drawer';
+import './navigation/drawer-item';
+import './navigation/side-navigation';
+import './ripple/ripple';
+import './snackbar/snackbar';
+export * from './app-bar/top-app-bar';
+export * from './button/button';
+export * from './button/button-base';
+export * from './button/button-set';
+export * from './button/fab';
+export * from './button/icon-button';
+export * from './card/card';
+export * from './card/card-content';
+export * from './card/card-media';
+export * from './checkbox/checkbox';
+export * from './container/grid-base';
+export * from './container/grid';
+export * from './container/container';
+export * from './divider/divider';
+export * from './elevation/elevation';
+export * from './menu/menu';
+export * from './menu/menu-item';
+export * from './navigation/drawer';
+export * from './navigation/drawer-item';
+export * from './navigation/side-navigation';
+export * from './ripple/ripple';
+export * from './snackbar/snackbar';
+export * from './theme/theme-builder';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAE1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC","sourcesContent":["import './button/button.js';\nimport './button/fab.js';\nimport './button/icon-button.js';\nimport './button/button-set.js';\nimport './card/card.js';\nimport './checkbox/checkbox.js';\nimport './container/container.js';\nimport './container/grid.js';\nimport './divider/divider.js';\nimport './elevation/elevation.js';\nimport './ripple/ripple.js';\nimport './table/table.js';\n\nexport * from './button/button-base.js';\nexport * from './button/button.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button/button-set.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './checkbox/checkbox.js';\nexport * from './container/grid-base.js';\nexport * from './container/grid.js';\nexport * from './container/container.js';\nexport * from './divider/divider.js';\nexport * from './elevation/elevation.js';\nexport * from './ripple/ripple.js';\nexport * from './table/table.js';\nexport * from './theme/theme-builder.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,aAAa,CAAC;AACrB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAClC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC","sourcesContent":["import './app-bar/top-app-bar';\nimport './button/button';\nimport './button/button-set';\nimport './button/fab';\nimport './button/icon-button';\nimport './card/card';\nimport './checkbox/checkbox';\nimport './container/container';\nimport './container/grid';\nimport './divider/divider';\nimport './elevation/elevation';\nimport './menu/menu';\nimport './menu/menu-item';\nimport './navigation/drawer';\nimport './navigation/drawer-item';\nimport './navigation/side-navigation';\nimport './ripple/ripple';\nimport './snackbar/snackbar';\n\nexport * from './app-bar/top-app-bar';\nexport * from './button/button';\nexport * from './button/button-base';\nexport * from './button/button-set';\nexport * from './button/fab';\nexport * from './button/icon-button';\nexport * from './card/card';\nexport * from './card/card-content';\nexport * from './card/card-media';\nexport * from './checkbox/checkbox';\nexport * from './container/grid-base';\nexport * from './container/grid';\nexport * from './container/container';\nexport * from './divider/divider';\nexport * from './elevation/elevation';\nexport * from './menu/menu';\nexport * from './menu/menu-item';\nexport * from './navigation/drawer';\nexport * from './navigation/drawer-item';\nexport * from './navigation/side-navigation';\nexport * from './ripple/ripple';\nexport * from './snackbar/snackbar';\nexport * from './theme/theme-builder';\n"]}

package/menu/menu-item.d.ts

@@ -0,0 +1,26 @@
+import { HTMLTemplateResult } from 'lit';
+import { UmButtonWrapper } from '../shared/button-wrapper';
+export declare class UmMenuItem extends UmButtonWrapper {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the drawer item has icon or not
+     *
+     * _Note:_ Readonly
+     */
+    hasIcon: boolean;
+    /**
+     * Whether the drawer item has badge or not
+     *
+     * _Note:_ Readonly
+     */
+    hasBadge: boolean;
+    private readonly assignedIcons;
+    protected renderContent(): HTMLTemplateResult;
+    private handleIconSlotChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-menu-item': UmMenuItem;
+    }
+}
+//# sourceMappingURL=menu-item.d.ts.map

package/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,OAAgB,MAAM,4BAIpB;IAEF;;;;OAIG;IAC8D,OAAO,UAAS;IAEjF;;;;OAIG;IAC+D,QAAQ,UAAS;IAGnF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;cAE5B,aAAa,IAAI,kBAAkB;IAYtD,OAAO,CAAC,oBAAoB;CAG7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/menu/menu-item.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { html } from 'lit';
+import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles';
+import { UmButtonWrapper } from '../shared/button-wrapper';
+import { styles as buttonWrapperStyles } from '../shared/button-wrapper.styles';
+import { styles } from './menu-item.styles';
+let UmMenuItem = class UmMenuItem extends UmButtonWrapper {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the drawer item has icon or not
+         *
+         * _Note:_ Readonly
+         */
+        this.hasIcon = false;
+        /**
+         * Whether the drawer item has badge or not
+         *
+         * _Note:_ Readonly
+         */
+        this.hasBadge = false;
+    }
+    renderContent() {
+        return html `
+      <div class="icon">
+        <slot
+          name="icon"
+          aria-hidden="true"
+          @slotchange="${this.handleIconSlotChange}"></slot>
+      </div>
+      <span class="label"><slot></slot></span>
+    `;
+    }
+    handleIconSlotChange() {
+        this.hasIcon = this.assignedIcons.length > 0;
+    }
+};
+UmMenuItem.styles = [
+    baseStyles,
+    buttonWrapperStyles,
+    styles
+];
+__decorate([
+    property({ type: Boolean, attribute: 'has-icon', reflect: true })
+], UmMenuItem.prototype, "hasIcon", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-badge', reflect: true })
+], UmMenuItem.prototype, "hasBadge", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'icon', flatten: true })
+], UmMenuItem.prototype, "assignedIcons", void 0);
+UmMenuItem = __decorate([
+    customElement('u-menu-item')
+], UmMenuItem);
+export { UmMenuItem };
+//# sourceMappingURL=menu-item.js.map

package/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../src/menu/menu-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,uBAAuB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QAQL;;;;WAIG;QAC8D,YAAO,GAAG,KAAK,CAAC;QAEjF;;;;WAIG;QAC+D,aAAQ,GAAG,KAAK,CAAC;IAoBrF,CAAC;IAfoB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;KAG7C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,CAAC;;AArCe,iBAAM,GAAG;IACvB,UAAU;IACV,mBAAmB;IACnB,MAAM;CACP,AAJqB,CAIpB;AAO+D;IAAhE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAiB;AAOf;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CAAkB;AAGlE;IADhB,qBAAqB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;iDACN;AAvBpC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAwCtB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { UmButtonWrapper } from '../shared/button-wrapper';\nimport { styles as buttonWrapperStyles } from '../shared/button-wrapper.styles';\nimport { styles } from './menu-item.styles';\n\n@customElement('u-menu-item')\nexport class UmMenuItem extends UmButtonWrapper {\n\n  static override styles = [\n    baseStyles,\n    buttonWrapperStyles,\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  @queryAssignedElements({slot: 'icon', flatten: true})\n  private readonly assignedIcons!: HTMLElement[];\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\"><slot></slot></span>\n    `;\n  }\n\n  private handleIconSlotChange() {\n    this.hasIcon = this.assignedIcons.length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-menu-item': UmMenuItem;\n  }\n}\n"]}

package/{table/table-row.styles.d.ts → menu/menu-item.styles.d.ts}

@@ -1,2 +1,2 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=table-row.styles.d.ts.map
+//# sourceMappingURL=menu-item.styles.d.ts.map

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

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

package/menu/menu-item.styles.js

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.125rem);
+    --_menu-item-padding: var(--u-menu-item-padding, 12px);
+    height: var(--u-menu-item-height, 56px);
+    padding-inline: var(--_menu-item-padding);
+    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));
+    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"));
+    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));
+    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));
+    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));
+    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));
+  }
+
+  :host(:not([has-icon])) .icon {
+    display: none;
+  }
+
+  .icon {
+    font-size: var(--_menu-item-icon-size);
+    line-height: var(--_menu-item-icon-size);
+    margin-inline-end: var(--u-menu-item-icon-margin, 12px);
+    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+  }
+
+  .content {
+    justify-content: flex-start;
+  }
+
+  .button:focus-visible {
+    outline-offset: -4px;
+    border-radius: var(--u-spacing-extra-small, 4px);
+  }
+`;
+//# sourceMappingURL=menu-item.styles.js.map

package/menu/menu-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.125rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\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-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  :host(:not([has-icon])) .icon {\n    display: none;\n  }\n\n  .icon {\n    font-size: var(--_menu-item-icon-size);\n    line-height: var(--_menu-item-icon-size);\n    margin-inline-end: var(--u-menu-item-icon-margin, 12px);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n  }\n\n  .button:focus-visible {\n    outline-offset: -4px;\n    border-radius: var(--u-spacing-extra-small, 4px);\n  }\n`;\n"]}

package/menu/menu.d.ts

@@ -0,0 +1,55 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+import '../elevation/elevation';
+export declare class UmMenu extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods
+     */
+    get open(): boolean;
+    set open(open: boolean);
+    /**
+     * The corner of the anchor which to align the menu in the standard logical
+     * property style of <block>-<inline> e.g. `'end-start'`.
+     */
+    anchorCorner: 'start-start' | 'start-end' | 'end-start' | 'end-end';
+    /**
+     * The direction of the menu. e.g. `'end'`.
+     *
+     * NOTE: This value may not be respected by the menu positioning algorithm
+     * if the menu would render outside the viewport.
+     */
+    direction: 'start' | 'end';
+    /**
+     * Limit the height of the menu to not overflow the viewport
+     */
+    autoScrollBlock: boolean;
+    /**
+     * Set a selector to auto attach to a toggle element
+     */
+    get toggleSelector(): string | undefined;
+    set toggleSelector(selector: string);
+    menu: HTMLElement;
+    get anchorElement(): HTMLElement;
+    private toggleElement;
+    protected render(): HTMLTemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    toggle: () => void;
+    show(): void;
+    close: () => void;
+    private calcDropdownPositioning;
+    private resetMenu;
+    private setToOpenUpOrDown;
+    private setToOpenToStartOrEnd;
+    private ensureMenuCanOpenToStart;
+    private ensureMenuCanOpenToEnd;
+    private getAnchorRect;
+    private getMenuRect;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-menu': UmMenu;
+    }
+}
+//# sourceMappingURL=menu.d.ts.map

package/menu/menu.d.ts.map

@@ -0,0 +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;AAM3D,OAAO,wBAAwB,CAAC;AAShC,qBACa,MAAO,SAAQ,UAAU;;IAEpC,OAAgB,MAAM,4BAAwB;IAK9C;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAAsB;IACzC,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAMrB;IAED;;;OAGG;IACoD,YAAY,EAAE,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAe;IAEzI;;;;;OAKG;IACwB,SAAS,EAAE,OAAO,GAAG,KAAK,CAAS;IAE9D;;OAEG;IACuE,eAAe,UAAQ;IAEjG;;OAEG;IACH,IACI,cAAc,IAAI,MAAM,GAAG,SAAS,CAEvC;IACD,IAAI,cAAc,CAAC,QAAQ,EAAE,MAAM,EASlC;IAEe,IAAI,EAAG,WAAW,CAAC;IAEnC,IAAI,aAAa,IAAI,WAAW,CAE/B;IAED,OAAO,CAAC,aAAa,CAA4B;cAE9B,MAAM,IAAI,kBAAkB;IAWtC,iBAAiB;IAKjB,oBAAoB;IAK7B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IASZ,KAAK,aAOJ;IAED,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}

package/menu/menu.js

@@ -0,0 +1,215 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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_open, _UmMenu_justShow;
+import { html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles';
+import { styles } from './menu.styles';
+import '../elevation/elevation';
+let UmMenu = class UmMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        _UmMenu_open.set(this, false);
+        _UmMenu_justShow.set(this, false);
+        /**
+         * The corner of the anchor which to align the menu in the standard logical
+         * property style of <block>-<inline> e.g. `'end-start'`.
+         */
+        this.anchorCorner = 'end-start';
+        /**
+         * The direction of the menu. e.g. `'end'`.
+         *
+         * NOTE: This value may not be respected by the menu positioning algorithm
+         * if the menu would render outside the viewport.
+         */
+        this.direction = 'end';
+        /**
+         * Limit the height of the menu to not overflow the viewport
+         */
+        this.autoScrollBlock = true;
+        this.toggleElement = null;
+        this.toggle = () => {
+            if (this.open) {
+                this.close();
+                return;
+            }
+            this.show();
+        };
+        this.close = () => {
+            if (this.open && !__classPrivateFieldGet(this, _UmMenu_justShow, "f")) {
+                this.open = false;
+                return;
+            }
+            __classPrivateFieldSet(this, _UmMenu_justShow, false, "f");
+        };
+    }
+    /**
+     * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods
+     */
+    get open() { return __classPrivateFieldGet(this, _UmMenu_open, "f"); }
+    set open(open) {
+        if (open) {
+            this.calcDropdownPositioning();
+        }
+        __classPrivateFieldSet(this, _UmMenu_open, open, "f");
+    }
+    /**
+     * Set a selector to auto attach to a toggle element
+     */
+    get toggleSelector() {
+        return this.attributes.getNamedItem('toggle-selector')?.value;
+    }
+    set toggleSelector(selector) {
+        this.toggleElement?.removeEventListener('click', this.toggle);
+        if (!selector) {
+            return;
+        }
+        this.toggleElement = document.querySelector(selector);
+        this.toggleElement?.addEventListener('click', this.toggle);
+    }
+    get anchorElement() {
+        return this.parentElement;
+    }
+    render() {
+        return html `
+      <div class="menu">
+        <u-elevation></u-elevation>
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('click', this.close);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener('click', this.close);
+    }
+    show() {
+        if (this.open) {
+            return;
+        }
+        __classPrivateFieldSet(this, _UmMenu_justShow, true, "f");
+        this.open = true;
+    }
+    calcDropdownPositioning() {
+        const anchorRect = this.getAnchorRect();
+        const menuRect = this.getMenuRect();
+        this.resetMenu();
+        this.setToOpenUpOrDown(anchorRect, menuRect);
+        this.setToOpenToStartOrEnd(anchorRect, menuRect);
+    }
+    resetMenu() {
+        this.menu.className = 'menu';
+        this.menu.style.maxHeight = '';
+    }
+    setToOpenUpOrDown(anchorRect, menuRect) {
+        const viewPortHeight = window.innerHeight;
+        if (viewPortHeight - (anchorRect.y + menuRect.height) >= 0) {
+            return;
+        }
+        if (anchorRect.y <= viewPortHeight / 2) {
+            this.menu.style.maxHeight = this.autoScrollBlock
+                ? `${viewPortHeight - anchorRect.y}px`
+                : '';
+            return;
+        }
+        this.menu.classList.add('up');
+        this.menu.style.maxHeight = this.autoScrollBlock
+            ? `${anchorRect.y}px`
+            : '';
+    }
+    setToOpenToStartOrEnd(anchorRect, menuRect) {
+        if (this.direction === 'start') {
+            this.ensureMenuCanOpenToStart(anchorRect, menuRect);
+            return;
+        }
+        this.ensureMenuCanOpenToEnd(anchorRect, menuRect);
+    }
+    ensureMenuCanOpenToStart(anchorRect, menuRect) {
+        const viewPortWidth = window.innerWidth;
+        if (viewPortWidth - (anchorRect.x - menuRect.width) >= 0) {
+            this.menu.classList.add('start');
+        }
+    }
+    ensureMenuCanOpenToEnd(anchorRect, menuRect) {
+        const viewPortWidth = window.innerWidth;
+        if (viewPortWidth - (anchorRect.x + menuRect.width) >= 0) {
+            return;
+        }
+        this.menu.classList.add('start');
+    }
+    getAnchorRect() {
+        const anchorElement = this.anchorElement;
+        const rect = anchorElement.getBoundingClientRect();
+        const styles = getComputedStyle(anchorElement);
+        const width = parseInt(styles.width, 10);
+        const height = parseInt(styles.height, 10);
+        const xOffset = this.anchorCorner.endsWith('-end')
+            ? width
+            : 0;
+        const yOffset = this.anchorCorner.startsWith('end-')
+            ? height
+            : 0;
+        return {
+            y: rect.y + yOffset,
+            x: rect.x + xOffset,
+            width: width,
+            height: height
+        };
+    }
+    getMenuRect() {
+        const menu = this.menu;
+        const styles = getComputedStyle(menu);
+        const width = parseInt(styles.width, 10);
+        const height = parseInt(styles.height, 10);
+        return {
+            width: width,
+            height: height
+        };
+    }
+};
+_UmMenu_open = new WeakMap();
+_UmMenu_justShow = new WeakMap();
+UmMenu.styles = [baseStyles, styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmMenu.prototype, "open", null);
+__decorate([
+    property({ attribute: 'anchor-corner', reflect: true })
+], UmMenu.prototype, "anchorCorner", void 0);
+__decorate([
+    property({ reflect: true })
+], UmMenu.prototype, "direction", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'auto-scroll-block', reflect: true })
+], UmMenu.prototype, "autoScrollBlock", void 0);
+__decorate([
+    property({ attribute: 'toggle-selector', reflect: true })
+], UmMenu.prototype, "toggleSelector", null);
+__decorate([
+    query('.menu')
+], UmMenu.prototype, "menu", void 0);
+UmMenu = __decorate([
+    customElement('u-menu')
+], UmMenu);
+export { UmMenu };
+//# sourceMappingURL=menu.js.map