@universal-material/web 3.6.11 → 3.6.12

package/index.d.ts

@@ -56,7 +56,6 @@ export * from './card/card-media.js';
 export * from './chip/chip.js';
 export * from './chip-field/chip-field.js';
 export * from './chip/chip-set.js';
-export * from './grid/grid';
 export * from './dialog/dialog.js';
 export * from './dialog/dialog-builder.js';
 export * from './dialog/confirm-dialog-builder.js';
@@ -71,7 +70,6 @@ export * from './field/field.js';
 export * from './text-field/text-field.js';
 export * from './text-area/text-area.js';
 export * from './select/select.js';
-export * from './select/option.js';
 export * from './list/list.js';
 export * from './list/list-item.js';
 export * from './icon/icon.js';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -56,7 +56,6 @@ export * from './card/card-media.js';
 export * from './chip/chip.js';
 export * from './chip-field/chip-field.js';
 export * from './chip/chip-set.js';
-export * from './grid/grid';
 export * from './dialog/dialog.js';
 export * from './dialog/dialog-builder.js';
 export * from './dialog/confirm-dialog-builder.js';
@@ -71,7 +70,6 @@ export * from './field/field.js';
 export * from './text-field/text-field.js';
 export * from './text-area/text-area.js';
 export * from './select/select.js';
-export * from './select/option.js';
 export * from './list/list.js';
 export * from './list/list-item.js';
 export * from './icon/icon.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/fab-menu.js';\nimport './button/fab-menu-item.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './dialog/dialog.js';\nimport './dialog/dialog-builder.js';\nimport './dialog/confirm-dialog-builder.js';\nimport './dialog/message-dialog-builder.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './badge/badge.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './grid/grid';\nexport * from './dialog/dialog.js';\nexport * from './dialog/dialog-builder.js';\nexport * from './dialog/confirm-dialog-builder.js';\nexport * from './dialog/message-dialog-builder.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './search/search.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './select/option.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './icon/icon.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './overflow-menu/overflow-menu.js';\nexport * from './overflow-menu/overflow-menu-item.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/fab-menu.js';\nimport './button/fab-menu-item.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './dialog/dialog.js';\nimport './dialog/dialog-builder.js';\nimport './dialog/confirm-dialog-builder.js';\nimport './dialog/message-dialog-builder.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './badge/badge.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './dialog/dialog-builder.js';\nexport * from './dialog/confirm-dialog-builder.js';\nexport * from './dialog/message-dialog-builder.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './search/search.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './icon/icon.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './overflow-menu/overflow-menu.js';\nexport * from './overflow-menu/overflow-menu-item.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}

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

@@ -1,7 +1,8 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
 export declare class OverflowMenuItem extends LitElement {
+    static styles: import("lit").CSSResult;
     label: string;
-    priority: boolean;
+    menuOnly: boolean;
     icons: HTMLElement[];
     protected render(): HTMLTemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-item.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAG3D,qBACa,gBAAiB,SAAQ,UAAU;IAClC,KAAK,SAAM;IACM,QAAQ,UAAS;IAErB,KAAK,EAAG,WAAW,EAAE,CAAC;cAE5B,MAAM,IAAI,kBAAkB;CAOhD"}
+{"version":3,"file":"overflow-menu-item.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGhE,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAIpB;IAEU,KAAK,SAAM;IAC6C,QAAQ,UAAS;IAE5D,KAAK,EAAG,WAAW,EAAE,CAAC;cAE5B,MAAM,IAAI,kBAAkB;CAOhD"}

package/overflow-menu/overflow-menu-item.js

@@ -1,15 +1,20 @@
 import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
+import { css, html, LitElement } from 'lit';
 import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
 let OverflowMenuItem = class OverflowMenuItem extends LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
-        this.priority = false;
+        this.menuOnly = false;
     }
+    static { this.styles = css `
+    :host([menu-only]) {
+      display: none;
+    }
+  `; }
     render() {
         return html `
-      <u-icon-button .title="${this.label}">
+      <u-icon-button title="${this.label}">
         <slot></slot>
       </u-icon-button>
     `;
@@ -19,8 +24,8 @@ __decorate([
     property()
 ], OverflowMenuItem.prototype, "label", void 0);
 __decorate([
-    property({ type: Boolean })
-], OverflowMenuItem.prototype, "priority", void 0);
+    property({ type: Boolean, attribute: 'menu-only', reflect: true })
+], OverflowMenuItem.prototype, "menuOnly", void 0);
 __decorate([
     queryAssignedElements()
 ], OverflowMenuItem.prototype, "icons", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-item.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG5E,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACO,UAAK,GAAG,EAAE,CAAC;QACM,aAAQ,GAAG,KAAK,CAAC;IAWhD,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;+BACgB,IAAI,CAAC,KAAK;;;KAGpC,CAAC;IACJ,CAAC;CACF,CAAA;AAZa;IAAX,QAAQ,EAAE;+CAAY;AACM;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAkB;AAErB;IAAxB,qBAAqB,EAAE;+CAAuB;AAJpC,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAa5B","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\n@customElement('u-overflow-menu-item')\nexport class OverflowMenuItem extends LitElement {\n  @property() label = '';\n  @property({ type: Boolean }) priority = false;\n\n  @queryAssignedElements() icons!: HTMLElement[];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <u-icon-button .title=\"${this.label}\">\n        <slot></slot>\n      </u-icon-button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"overflow-menu-item.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG5E,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAOO,UAAK,GAAG,EAAE,CAAC;QAC6C,aAAQ,GAAG,KAAK,CAAC;IAWvF,CAAC;aAlBiB,WAAM,GAAG,GAAG,CAAA;;;;GAI3B,AAJqB,CAIpB;IAOiB,MAAM;QACvB,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,KAAK;;;KAGnC,CAAC;IACJ,CAAC;;AAXW;IAAX,QAAQ,EAAE;+CAAY;AAC6C;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAkB;AAE5D;IAAxB,qBAAqB,EAAE;+CAAuB;AAVpC,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAmB5B","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\n@customElement('u-overflow-menu-item')\nexport class OverflowMenuItem extends LitElement {\n  static override styles = css`\n    :host([menu-only]) {\n      display: none;\n    }\n  `;\n\n  @property() label = '';\n  @property({ type: Boolean, attribute: 'menu-only', reflect: true }) menuOnly = false;\n\n  @queryAssignedElements() icons!: HTMLElement[];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <u-icon-button title=\"${this.label}\">\n        <slot></slot>\n      </u-icon-button>\n    `;\n  }\n}\n"]}

package/overflow-menu/overflow-menu.d.ts

@@ -3,7 +3,7 @@ import { UmMenu } from '../menu/menu.js';
 export declare class OverflowMenu extends LitElement {
     #private;
     static styles: import("lit").CSSResult;
-    _showMenu: boolean;
+    _renderMenu: boolean;
     menu?: UmMenu;
     set anchor(value: HTMLElement | null);
     get anchor(): HTMLElement | null;

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAU,MAAM,KAAK,CAAC;AAMnE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,qBACa,YAAa,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,0BAAU;IAMvB,SAAS,UAAS;IAEV,IAAI,CAAC,EAAE,MAAM,CAAC;IAG/B,IACI,MAAM,CAAC,KAAK,EAQF,WAAW,GAAG,IAAI,AARhB,EAMf;IAED,IAAI,MAAM,IAAI,WAAW,GAAG,IAAI,CAE/B;;IAaQ,iBAAiB;IAMjB,oBAAoB;cAwEV,MAAM,IAAI,kBAAkB;CAqDhD"}
+{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAU,MAAM,KAAK,CAAC;AAMnE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,qBACa,YAAa,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,0BAAU;IAMvB,WAAW,UAAS;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAG/B,IACI,MAAM,CAAC,KAAK,EAQF,WAAW,GAAG,IAAI,AARhB,EAMf;IAED,IAAI,MAAM,IAAI,WAAW,GAAG,IAAI,CAE/B;;IAaQ,iBAAiB;IAMjB,oBAAoB;cA+EV,MAAM,IAAI,kBAAkB;CAqDhD"}

package/overflow-menu/overflow-menu.js

@@ -27,7 +27,7 @@ let OverflowMenu = class OverflowMenu extends LitElement {
         this.#resizeObserver = new ResizeObserver(() => this.#invalidate());
         this.#items = [];
         this.#collapsedItems = [];
-        this._showMenu = false;
+        this._renderMenu = false;
         this.#anchor = null;
         this.#menuItemsContainer = document.createElement('div');
         this.#updateMenusTimeout = 0;
@@ -48,22 +48,24 @@ let OverflowMenu = class OverflowMenu extends LitElement {
     }
     #updateMenuToggleVisibility() {
         let collapsedCount = 0;
+        let hasMenuOnlyItems = false;
         for (const item of this.#items) {
-            if (item.offsetTop === this.offsetTop) {
+            hasMenuOnlyItems = hasMenuOnlyItems || item.menuOnly;
+            if (this.#isNotOverflownMenuItem(item)) {
                 break;
             }
             collapsedCount++;
         }
         const firstItem = this.#items[0];
-        const showMenu = !!firstItem && this._showMenu
+        const renderMenu = hasMenuOnlyItems || !!firstItem && (this._renderMenu
             ? collapsedCount > 1
-            : collapsedCount > 0;
-        if (this._showMenu !== showMenu) {
-            this._showMenu = showMenu;
+            : collapsedCount > 0);
+        if (this._renderMenu !== renderMenu) {
+            this._renderMenu = renderMenu;
         }
     }
     #updateMenuItems() {
-        if (!this._showMenu) {
+        if (!this._renderMenu) {
             this.#collapsedItems.length = 0;
             return;
         }
@@ -72,8 +74,8 @@ let OverflowMenu = class OverflowMenu extends LitElement {
             const previousCollapsedLength = this.#collapsedItems.length;
             this.#collapsedItems.length = 0;
             for (const item of this.#items) {
-                if (item.offsetTop === this.offsetTop) {
-                    break;
+                if (this.#isNotOverflownMenuItem(item)) {
+                    continue;
                 }
                 this.#collapsedItems.push(item);
             }
@@ -82,6 +84,9 @@ let OverflowMenu = class OverflowMenu extends LitElement {
             }
         }, 100);
     }
+    #isNotOverflownMenuItem(item) {
+        return item.offsetTop === this.offsetTop && !item.menuOnly;
+    }
     #handleSlotChange(e) {
         const slot = e.target;
         this.#items = slot
@@ -92,14 +97,14 @@ let OverflowMenu = class OverflowMenu extends LitElement {
     }
     render() {
         this.#renderMenuItems();
-        const classes = { 'show-menu': this._showMenu };
+        const classes = { 'show-menu': this._renderMenu };
         return html `
       <div class="container ${classMap(classes)}">
         <div class="items-set">
           <div class="empty-space"></div>
           <slot @slotchange="${this.#handleSlotChange}"></slot>
         </div>
-        ${when(this._showMenu, () => html `
+        ${when(this._renderMenu, () => html `
           <div class="inner-menu">
             <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>
               <slot name="icon">
@@ -139,7 +144,7 @@ let OverflowMenu = class OverflowMenu extends LitElement {
 };
 __decorate([
     state()
-], OverflowMenu.prototype, "_showMenu", void 0);
+], OverflowMenu.prototype, "_renderMenu", void 0);
 __decorate([
     query('u-menu')
 ], OverflowMenu.prototype, "menu", void 0);

package/overflow-menu/overflow-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement, render } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { OverflowMenuItem } from './overflow-menu-item.js';\nimport { styles } from './overflow-menu.styles.js';\n\n@customElement('u-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = styles;\n  readonly #resizeObserver: ResizeObserver = new ResizeObserver(() => this.#invalidate());\n  #items: OverflowMenuItem[] = [];\n\n  readonly #collapsedItems: OverflowMenuItem[] = [];\n\n  @state() _showMenu = false;\n\n  @query('u-menu') menu?: UmMenu;\n\n  #anchor: HTMLElement | null = null;\n  @property()\n  set anchor(value) {\n    this.#anchor = value;\n\n    this.#invalidate();\n    this.#resizeObserver.disconnect();\n    this.#resizeObserver.observe(this.anchor!);\n  }\n\n  get anchor(): HTMLElement | null {\n    return this.#anchor ?? this;\n  }\n\n  readonly #menuItemsContainer = document.createElement('div');\n\n  #updateMenusTimeout = 0;\n\n  constructor() {\n    super();\n\n    this.#menuItemsContainer.slot = 'menu-items';\n    setTimeout(() => this.appendChild(this.#menuItemsContainer));\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.anchor = this.anchor;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#resizeObserver.disconnect();\n  }\n\n  #invalidate(): void {\n\n    this.#updateMenuToggleVisibility();\n    this.#updateMenuItems();\n  }\n\n  #updateMenuToggleVisibility(): void {\n\n    let collapsedCount = 0;\n\n    for (const item of this.#items) {\n\n      if (item.offsetTop === this.offsetTop) {\n        break;\n      }\n\n      collapsedCount++;\n    }\n\n    const firstItem = this.#items[0];\n    const showMenu = !!firstItem && this._showMenu\n      ? collapsedCount > 1\n      : collapsedCount > 0;\n\n    if (this._showMenu !== showMenu) {\n      this._showMenu = showMenu;\n    }\n  }\n\n  #updateMenuItems(): void {\n\n    if (!this._showMenu) {\n      this.#collapsedItems.length = 0;\n      return;\n    }\n\n    clearTimeout(this.#updateMenusTimeout);\n\n    this.#updateMenusTimeout = setTimeout(() => {\n      const previousCollapsedLength = this.#collapsedItems.length;\n      this.#collapsedItems.length = 0;\n\n      for (const item of this.#items) {\n\n        if (item.offsetTop === this.offsetTop) {\n          break;\n        }\n\n        this.#collapsedItems.push(item);\n      }\n\n      if (previousCollapsedLength !== this.#collapsedItems.length) {\n        this.requestUpdate();\n      }\n    }, 100);\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.#items = slot\n      .assignedElements()\n      .filter(el => el.tagName === 'U-OVERFLOW-MENU-ITEM')\n      .reverse() as OverflowMenuItem[];\n\n    this.#invalidate();\n  }\n\n  protected override render(): HTMLTemplateResult {\n    this.#renderMenuItems();\n\n    const classes = { 'show-menu': this._showMenu };\n\n    return html`\n      <div class=\"container ${classMap(classes)}\">\n        <div class=\"items-set\">\n          <div class=\"empty-space\"></div>\n          <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\n        </div>\n        ${when(this._showMenu, () => html`\n          <div class=\"inner-menu\">\n            <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>\n              <slot name=\"icon\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\"\n                     fill=\"currentColor\">\n                  <path\n                    d=\"M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 \n                      33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 \n                      33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z\"/>\n                </svg>\n              </slot>\n            </u-icon-button>\n            <u-menu anchor-corner=\"end-end\">\n              <slot name=\"menu-items\"></slot>\n            </u-menu>\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  #renderMenuItems() {\n    const menuItems = html`\n      ${map(\n        this.#collapsedItems,\n        item => {\n          const nodes = item.childNodes.values();\n\n          return html`\n            <u-menu-item @click=${{ handleEvent: () => item.click() }}>\n              <div slot=\"leading-icon\">\n                ${map(nodes, node => node.cloneNode(true))}\n              </div>\n              \n              ${item.label}\n            </u-menu-item>\n          `;\n        })}`;\n\n    render(menuItems, this.#menuItemsContainer);\n  }\n}\n"]}
+{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement, render } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { OverflowMenuItem } from './overflow-menu-item.js';\nimport { styles } from './overflow-menu.styles.js';\n\n@customElement('u-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = styles;\n  readonly #resizeObserver: ResizeObserver = new ResizeObserver(() => this.#invalidate());\n  #items: OverflowMenuItem[] = [];\n\n  readonly #collapsedItems: OverflowMenuItem[] = [];\n\n  @state() _renderMenu = false;\n\n  @query('u-menu') menu?: UmMenu;\n\n  #anchor: HTMLElement | null = null;\n  @property()\n  set anchor(value) {\n    this.#anchor = value;\n\n    this.#invalidate();\n    this.#resizeObserver.disconnect();\n    this.#resizeObserver.observe(this.anchor!);\n  }\n\n  get anchor(): HTMLElement | null {\n    return this.#anchor ?? this;\n  }\n\n  readonly #menuItemsContainer = document.createElement('div');\n\n  #updateMenusTimeout = 0;\n\n  constructor() {\n    super();\n\n    this.#menuItemsContainer.slot = 'menu-items';\n    setTimeout(() => this.appendChild(this.#menuItemsContainer));\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.anchor = this.anchor;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#resizeObserver.disconnect();\n  }\n\n  #invalidate(): void {\n\n    this.#updateMenuToggleVisibility();\n    this.#updateMenuItems();\n  }\n\n  #updateMenuToggleVisibility(): void {\n\n    let collapsedCount = 0;\n    let hasMenuOnlyItems = false;\n\n    for (const item of this.#items) {\n\n      hasMenuOnlyItems = hasMenuOnlyItems || item.menuOnly;\n\n      if (this.#isNotOverflownMenuItem(item)) {\n        break;\n      }\n\n      collapsedCount++;\n    }\n\n    const firstItem = this.#items[0];\n    const renderMenu = hasMenuOnlyItems || !!firstItem && (this._renderMenu\n      ? collapsedCount > 1\n      : collapsedCount > 0);\n\n    if (this._renderMenu !== renderMenu) {\n      this._renderMenu = renderMenu;\n    }\n  }\n\n  #updateMenuItems(): void {\n\n    if (!this._renderMenu) {\n      this.#collapsedItems.length = 0;\n      return;\n    }\n\n    clearTimeout(this.#updateMenusTimeout);\n\n    this.#updateMenusTimeout = setTimeout(() => {\n      const previousCollapsedLength = this.#collapsedItems.length;\n      this.#collapsedItems.length = 0;\n\n      for (const item of this.#items) {\n\n        if (this.#isNotOverflownMenuItem(item)) {\n          continue;\n        }\n\n        this.#collapsedItems.push(item);\n      }\n\n      if (previousCollapsedLength !== this.#collapsedItems.length) {\n        this.requestUpdate();\n      }\n    }, 100);\n  }\n\n  #isNotOverflownMenuItem(item: OverflowMenuItem) {\n    return item.offsetTop === this.offsetTop && !item.menuOnly;\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.#items = slot\n      .assignedElements()\n      .filter(el => el.tagName === 'U-OVERFLOW-MENU-ITEM')\n      .reverse() as OverflowMenuItem[];\n\n    this.#invalidate();\n  }\n\n  protected override render(): HTMLTemplateResult {\n    this.#renderMenuItems();\n\n    const classes = { 'show-menu': this._renderMenu };\n\n    return html`\n      <div class=\"container ${classMap(classes)}\">\n        <div class=\"items-set\">\n          <div class=\"empty-space\"></div>\n          <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\n        </div>\n        ${when(this._renderMenu, () => html`\n          <div class=\"inner-menu\">\n            <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>\n              <slot name=\"icon\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\"\n                     fill=\"currentColor\">\n                  <path\n                    d=\"M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 \n                      33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 \n                      33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z\"/>\n                </svg>\n              </slot>\n            </u-icon-button>\n            <u-menu anchor-corner=\"end-end\">\n              <slot name=\"menu-items\"></slot>\n            </u-menu>\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  #renderMenuItems() {\n    const menuItems = html`\n      ${map(\n        this.#collapsedItems,\n        item => {\n          const nodes = item.childNodes.values();\n\n          return html`\n            <u-menu-item @click=${{ handleEvent: () => item.click() }}>\n              <div slot=\"leading-icon\">\n                ${map(nodes, node => node.cloneNode(true))}\n              </div>\n              \n              ${item.label}\n            </u-menu-item>\n          `;\n        })}`;\n\n    render(menuItems, this.#menuItemsContainer);\n  }\n}\n"]}

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

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

package/overflow-menu/overflow-menu.styles.js

@@ -2,7 +2,8 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     --_gap: var(--u-overflow-menu-items-gap, 8px);
-    --_items-height: var(--u-icon-button-small-height, 40px) ;
+    --_items-height: var(--u-icon-button-small-height, 40px);
+    display: block;
   }
 
   .empty-space {

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.styles.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_gap: var(--u-overflow-menu-items-gap, 8px);\n    --_items-height: var(--u-icon-button-small-height, 40px) ;\n  }\n\n  .empty-space {\n    height: var(--_items-height);\n  }\n\n  .items-set {\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: var(--_gap);\n    max-height: var(--_items-height);\n    overflow: hidden;\n  }\n\n  .container {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    margin-inline-start: calc(var(--_gap) * -1);\n  }\n  .container.show-menu {\n    gap: var(--_gap);\n  }\n\n  .inner-menu {\n    position: relative;\n  }\n`;\n"]}
+{"version":3,"file":"overflow-menu.styles.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_gap: var(--u-overflow-menu-items-gap, 8px);\n    --_items-height: var(--u-icon-button-small-height, 40px);\n    display: block;\n  }\n\n  .empty-space {\n    height: var(--_items-height);\n  }\n\n  .items-set {\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: var(--_gap);\n    max-height: var(--_items-height);\n    overflow: hidden;\n  }\n\n  .container {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    margin-inline-start: calc(var(--_gap) * -1);\n  }\n  .container.show-menu {\n    gap: var(--_gap);\n  }\n\n  .inner-menu {\n    position: relative;\n  }\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.6.11",
+  "version": "3.6.12",
   "description": "Material web components",
   "type": "module",
   "keywords": [
@@ -50,16 +50,12 @@
   "license": "MIT",
   "homepage": "https://universal-material.github.io",
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
     "@bart-krakowski/get-week-info-polyfill": "^1.0.8",
-    "@dnd-kit/dom": "^0.1.21",
+    "@lit-labs/virtualizer": "^2.1.1",
     "@lit/context": "^1.1.5",
     "@material/material-color-utilities": "^0.3.0",
     "dompurify": "^3.2.6",
-    "install": "^0.13.0",
     "lit": "^3.2.1",
-    "npm": "^11.6.2",
-    "sortablejs": "^1.15.6",
     "swiper": "^11.2.4"
   },
   "devDependencies": {
@@ -77,12 +73,12 @@
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.21.0",
+    "@interactjs/types": "^1.10.27",
     "@open-wc/testing": "^3.1.5",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
     "@stylistic/eslint-plugin": "^3.1.0",
     "@types/mocha": "^10.0.6",
-    "@types/sortablejs": "^1.15.9",
     "@typescript-eslint/eslint-plugin": "8.35.0",
     "@typescript-eslint/parser": "8.35.0",
     "@wc-toolkit/type-parser": "^1.1.0",

package/select/option.d.ts

@@ -1,23 +1,23 @@
 import { TemplateResult } from 'lit';
 import { UmMenuItem } from '../menu/menu-item.js';
-import { ExtendedOption } from './extended-option.js';
 import { UmSelect } from './select.js';
 import './select.js';
 export declare class UmOption extends UmMenuItem {
     #private;
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
-    _nativeOption: ExtendedOption;
+    _nativeOption: HTMLOptionElement | null;
     get value(): string;
     set value(value: string);
     get selected(): boolean;
     set selected(selected: boolean);
+    protected _getContainerClasses(): {
+        selected: boolean;
+    };
     protected _renderDefaultTrailingIcon(): TemplateResult;
-    private get _selectedAttribute();
-    private set _selectedAttribute(value);
-    _select: UmSelect | null;
+    get _select(): UmSelect | null;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    setSelectedByUser(): void;
+    _setSelectedByUser(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/select/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,+DAA+B;IAErD,aAAa,EAAE,cAAc,CAWxB;IAEL,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,IACI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAmB7B;cAEkB,0BAA0B,IAAI,cAAc;IAS/D,OAAO,KAAK,kBAAkB,GAE7B;IAGD,OAAO,KAAK,kBAAkB,QAO7B;IAED,OAAO,EAAG,QAAQ,GAAG,IAAI,CAAC;IAEjB,iBAAiB;IAQjB,oBAAoB;IAsC7B,iBAAiB;CAyBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,+DAA+B;IAMrD,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE/C,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IACI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAY7B;cAEkB,oBAAoB;;;cAOpB,0BAA0B,IAAI,cAAc;IAO/D,IAAI,OAAO,IAAI,QAAQ,GAAG,IAAI,CAI7B;IAEQ,iBAAiB;IAcjB,oBAAoB;IAgB7B,kBAAkB;CAwBnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/select/option.js

@@ -1,49 +1,48 @@
 import { __decorate } from "tslib";
 import { svg } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { UmMenuItem } from '../menu/menu-item.js';
 import { styles } from './option.styles.js';
-import { UmSelect } from './select.js';
 import './select.js';
 let UmOption = class UmOption extends UmMenuItem {
     constructor() {
         super(...arguments);
-        this._nativeOption = (() => {
-            const option = document.createElement('option');
-            option._parent = this;
-            if (this.hasAttribute('selected')) {
-                option.setAttribute('selected', '');
-            }
-            option.textContent = this.textContent;
-            return option;
-        })();
+        this.#mutationObserver = new MutationObserver(() => this.#updateContent());
+        this.#value = '';
+        this.#selected = false;
+        this._nativeOption = null;
     }
     static { this.styles = [UmMenuItem.styles, styles]; }
+    #mutationObserver;
+    #value;
+    #selected;
     get value() {
-        return this._nativeOption.value;
+        return this.#value;
     }
     set value(value) {
-        this._nativeOption.value = value;
+        this.#value = value;
+        if (this._nativeOption) {
+            this._nativeOption.value = value;
+        }
     }
     get selected() {
-        return this._nativeOption.selected;
+        return this.#selected;
     }
     set selected(selected) {
-        if (this.selected === selected) {
+        if (this.#selected === selected) {
             return;
         }
-        this._nativeOption.selected = selected;
-        if (selected) {
-            this.classList.add('selected');
-        }
-        else {
-            this.classList.remove('selected');
-        }
-        if (!this._select) {
-            return;
+        this.#selected = selected;
+        if (this._nativeOption) {
+            this._nativeOption.selected = selected;
         }
-        // this._select._button.setAttribute('aria-labelledby', this._listItem.id);
-        this._select.empty = !this._nativeOption.textContent?.trim();
+        this._select?._updateEmpty();
+    }
+    _getContainerClasses() {
+        return {
+            ...super._getContainerClasses(),
+            selected: this.selected,
+        };
     }
     _renderDefaultTrailingIcon() {
         return svg `
@@ -51,80 +50,58 @@ let UmOption = class UmOption extends UmMenuItem {
         <path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/>
       </svg>`;
     }
-    get _selectedAttribute() {
-        return this._nativeOption.hasAttribute('selected');
-    }
-    // @ts-ignore
-    set _selectedAttribute(selected) {
-        if (selected) {
-            this._nativeOption.setAttribute('selected', '');
-            return;
-        }
-        this._nativeOption.removeAttribute('selected');
+    get _select() {
+        return this.parentElement?.tagName === 'U-SELECT'
+            ? this.parentElement
+            : null;
     }
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener('click', this.#handleClick);
         this.setAttribute('tabindex', '-1');
-        this.#attach();
+        this.#mutationObserver.observe(this, {
+            subtree: true,
+            characterData: true,
+            childList: true,
+        });
+        this.#updateContent();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.removeEventListener('click', this.#handleClick);
-        if (this._select === this.parentElement) {
-            return;
-        }
-        this._nativeOption.remove();
-        if (!this._select) {
-            return;
-        }
-        this._select.value = this._select.value;
-        this._select = null;
-    }
-    async #attach() {
-        if (this._select === this.parentElement) {
-            return;
-        }
-        this._select = this.parentElement instanceof UmSelect ? this.parentElement : null;
-        await this.#setNativeOption();
+        this.#mutationObserver.disconnect();
     }
     #handleClick(e) {
         if (!this._select) {
             return;
         }
         e.stopPropagation();
-        this.setSelectedByUser();
+        this._setSelectedByUser();
     }
-    setSelectedByUser() {
+    _setSelectedByUser() {
+        this.selected = true;
         if (!this._select) {
             return;
         }
-        this._select.selectedOptions[0]?.classList.remove('selected');
-        this.selected = true;
-        this._select.value = this._select.value;
         this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
         this._select.dispatchEvent(new Event('change', { bubbles: true }));
+        this._select._updateEmpty();
+        this._select._syncSelectedOptions();
         this._select._menu?.close();
     }
     #updateContent() {
-        this._nativeOption.textContent = this.textContent;
-    }
-    async #setNativeOption() {
-        await this.updateComplete;
-        this.#updateContent();
-        this._select?._updateOptions();
+        if (this._nativeOption) {
+            this._nativeOption.textContent = this.textContent;
+        }
+        this._select?._updateEmpty();
     }
 };
 __decorate([
     property({ reflect: true })
 ], UmOption.prototype, "value", null);
 __decorate([
-    state()
+    property({ type: Boolean })
 ], UmOption.prototype, "selected", null);
-__decorate([
-    property({ type: Boolean, attribute: 'selected' })
-    // @ts-ignore
-], UmOption.prototype, "_selectedAttribute", null);
 UmOption = __decorate([
     customElement('u-option')
 ], UmOption);

package/select/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { ExtendedOption } from './extended-option.js';\nimport { styles } from './option.styles.js';\nimport { UmSelect } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class UmOption extends UmMenuItem {\n  static override styles = [UmMenuItem.styles, styles];\n\n  _nativeOption: ExtendedOption = (() => {\n    const option = document.createElement('option') as ExtendedOption;\n    option._parent = this;\n\n    if (this.hasAttribute('selected')) {\n      option.setAttribute('selected', '');\n    }\n\n    option.textContent = this.textContent;\n\n    return option;\n  })();\n\n  @property({ reflect: true })\n  get value(): string {\n    return this._nativeOption.value;\n  }\n\n  set value(value: string) {\n    this._nativeOption.value = value;\n  }\n\n  @state()\n  get selected(): boolean {\n    return this._nativeOption.selected;\n  }\n\n  set selected(selected: boolean) {\n    if (this.selected === selected) {\n      return;\n    }\n\n    this._nativeOption.selected = selected;\n\n    if (selected) {\n      this.classList.add('selected');\n    } else {\n      this.classList.remove('selected');\n    }\n\n    if (!this._select) {\n      return;\n    }\n\n    // this._select._button.setAttribute('aria-labelledby', this._listItem.id);\n    this._select.empty = !this._nativeOption.textContent?.trim();\n  }\n\n  protected override _renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n      </svg>`;\n  }\n\n  @property({ type: Boolean, attribute: 'selected' })\n  // @ts-ignore\n  private get _selectedAttribute(): boolean {\n    return this._nativeOption.hasAttribute('selected');\n  }\n\n  // @ts-ignore\n  private set _selectedAttribute(selected: boolean) {\n    if (selected) {\n      this._nativeOption.setAttribute('selected', '');\n      return;\n    }\n\n    this._nativeOption.removeAttribute('selected');\n  }\n\n  _select!: UmSelect | null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n    this.setAttribute('tabindex', '-1');\n\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick);\n\n    if (this._select === this.parentElement) {\n      return;\n    }\n\n    this._nativeOption.remove();\n\n    if (!this._select) {\n      return;\n    }\n\n    this._select.value = this._select.value;\n    this._select = null;\n  }\n\n  async #attach(): Promise<void> {\n    if (this._select === this.parentElement) {\n      return;\n    }\n\n    this._select = this.parentElement instanceof UmSelect ? this.parentElement : null;\n\n    await this.#setNativeOption();\n  }\n\n  #handleClick(e: Event) {\n    if (!this._select) {\n      return;\n    }\n\n    e.stopPropagation();\n\n    this.setSelectedByUser();\n  }\n\n  setSelectedByUser() {\n    if (!this._select) {\n      return;\n    }\n\n    this._select.selectedOptions[0]?.classList.remove('selected');\n    this.selected = true;\n\n    this._select.value = this._select.value;\n    this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n    this._select.dispatchEvent(new Event('change', { bubbles: true }));\n\n    this._select._menu?.close();\n  }\n\n  #updateContent() {\n    this._nativeOption.textContent = this.textContent;\n  }\n\n  async #setNativeOption(): Promise<void> {\n    await this.updateComplete;\n    this.#updateContent();\n\n    this._select?._updateOptions();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-option': UmOption;\n  }\n}\n"]}
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { styles } from './option.styles.js';\nimport { UmSelect } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class UmOption extends UmMenuItem {\n  static override styles = [UmMenuItem.styles, styles];\n\n  readonly #mutationObserver = new MutationObserver(() => this.#updateContent());\n\n  #value = '';\n  #selected = false;\n  _nativeOption: HTMLOptionElement | null = null;\n\n  @property({ reflect: true })\n  get value(): string {\n    return this.#value;\n  }\n\n  set value(value: string) {\n    this.#value = value;\n\n    if (this._nativeOption) {\n      this._nativeOption.value = value;\n    }\n  }\n\n  @property({ type: Boolean })\n  get selected(): boolean {\n    return this.#selected;\n  }\n\n  set selected(selected: boolean) {\n    if (this.#selected === selected) {\n      return;\n    }\n\n    this.#selected = selected;\n\n    if (this._nativeOption) {\n      this._nativeOption.selected = selected;\n    }\n\n    this._select?._updateEmpty();\n  }\n\n  protected override _getContainerClasses() {\n    return {\n      ...super._getContainerClasses(),\n      selected: this.selected,\n    };\n  }\n\n  protected override _renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n      </svg>`;\n  }\n\n  get _select(): UmSelect | null {\n    return this.parentElement?.tagName === 'U-SELECT'\n      ? this.parentElement as UmSelect\n      : null;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n    this.setAttribute('tabindex', '-1');\n\n    this.#mutationObserver.observe(this, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n\n    this.#updateContent();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick);\n    this.#mutationObserver.disconnect();\n  }\n\n  #handleClick(e: Event) {\n    if (!this._select) {\n      return;\n    }\n\n    e.stopPropagation();\n\n    this._setSelectedByUser();\n  }\n\n  _setSelectedByUser() {\n\n    this.selected = true;\n\n    if (!this._select) {\n      return;\n    }\n\n    this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n    this._select.dispatchEvent(new Event('change', { bubbles: true }));\n\n    this._select._updateEmpty();\n    this._select._syncSelectedOptions();\n    this._select._menu?.close();\n  }\n\n  #updateContent() {\n\n    if (this._nativeOption) {\n      this._nativeOption.textContent = this.textContent;\n    }\n\n    this._select?._updateEmpty();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-option': UmOption;\n  }\n}\n"]}