@universal-material/web 3.0.69 → 3.0.70

package/shared/compare-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-text.js","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,UAAU,oBAAoB,CAAC,IAAmB,EAAE,IAAmB;IAC3E,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AACzF,CAAC","sourcesContent":["import { normalizeText } from './normalize-text.js';\n\nexport function normalizedStartsWith(text: string | null, term: string | null): boolean {\n  return normalizeText(text).toLowerCase().startsWith(normalizeText(term).toLowerCase());\n}\n"]}

package/shared/menu-field/menu-field-navigation-controller.d.ts

@@ -1,13 +1,20 @@
+import { UmMenuItem } from '../../menu/menu-item.js';
 import { UmMenuField } from './menu-field.js';
-export declare class MenuFieldNavigationController<T extends UmMenuField> {
+export declare class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {
     #private;
-    protected readonly host: T;
+    protected focusedMenu: TMenuItem | null;
+    protected readonly host: TField;
     private readonly bindHandleKeyDown;
-    constructor(host: T);
+    constructor(host: TField);
     attach(element: HTMLElement): void;
     detach(): void;
-    protected handleKeyDown(event: KeyboardEvent): void;
+    protected handleKeyDown(event: KeyboardEvent): boolean;
     private navigate;
+    protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined): void;
+    focusMenu(menu: TMenuItem, active?: boolean, scroll?: boolean): void;
+    blurMenu(): void;
     private selectActiveItem;
+    protected afterFocus(_: TMenuItem): void;
+    protected afterBlur(): void;
 }
 //# sourceMappingURL=menu-field-navigation-controller.d.ts.map

package/shared/menu-field/menu-field-navigation-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,CAAC,SAAS,WAAW;;IAE9D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAE3B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;gBAEvD,IAAI,EAAE,CAAC;IAKnB,MAAM,CAAC,OAAO,EAAE,WAAW;IAO3B,MAAM;IAKN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa;IA2B5C,OAAO,CAAC,QAAQ;IA2BhB,OAAO,CAAC,gBAAgB;CAWzB"}
+{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,MAAM,SAAS,WAAW,EAAE,SAAS,SAAS,UAAU;;IAEjG,SAAS,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;gBAEvD,IAAI,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,WAAW;IAQ3B,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAwCtD,OAAO,CAAC,QAAQ;IAsBhB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS;IAYtE,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,UAAO,EAAE,MAAM,UAAO;IAWvD,QAAQ;IAUR,OAAO,CAAC,gBAAgB;IASxB,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS;IAIjC,SAAS,CAAC,SAAS;CAGpB"}

package/shared/menu-field/menu-field-navigation-controller.js

@@ -1,78 +1,103 @@
-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 __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 _MenuFieldNavigationController_element;
 export class MenuFieldNavigationController {
+    #element;
     constructor(host) {
-        _MenuFieldNavigationController_element.set(this, null);
+        this.#element = null;
+        this.focusedMenu = null;
+        this.#handleMenuClose = () => this.blurMenu();
         this.host = host;
         this.bindHandleKeyDown = this.handleKeyDown.bind(this);
     }
     attach(element) {
         this.detach();
-        element?.addEventListener('keydown', this.bindHandleKeyDown);
-        __classPrivateFieldSet(this, _MenuFieldNavigationController_element, element, "f");
+        element?.addEventListener('keydown', this.bindHandleKeyDown, { capture: true });
+        this.host.menu.addEventListener('close', this.#handleMenuClose);
+        this.#element = element;
     }
     detach() {
-        __classPrivateFieldGet(this, _MenuFieldNavigationController_element, "f")?.removeEventListener('keydown', this.bindHandleKeyDown);
-        __classPrivateFieldSet(this, _MenuFieldNavigationController_element, null, "f");
+        this.#element?.removeEventListener('keydown', this.bindHandleKeyDown);
+        this.host.menu.removeEventListener('close', this.#handleMenuClose);
+        this.#element = null;
     }
+    #handleMenuClose;
     handleKeyDown(event) {
         if (!this.host.menu.open) {
-            return;
+            return false;
         }
         const isEscape = event.key === 'Escape';
         if (isEscape) {
             this.host.menu.close();
         }
+        if (event.key === 'Home') {
+            this.navigateTo(event, this.host.menuItems[0]);
+            return true;
+        }
+        if (event.key === 'End') {
+            this.navigateTo(event, this.host.menuItems[this.host.menuItems.length - 1]);
+            return true;
+        }
         const isDown = event.key === 'ArrowDown';
         const isUp = event.key === 'ArrowUp';
         if (isDown || isUp) {
             this.navigate(event, isDown);
-            return;
+            return true;
         }
         const isEnter = event.key === 'Enter';
         const isTab = event.key === 'Tab';
         if (isEnter || isTab) {
             this.selectActiveItem(event);
+            return true;
         }
+        return false;
     }
     navigate(event, forwards) {
-        const menuItems = Array.from(this.host.menuItems);
+        const menuItems = this.host.menuItems;
         if (!menuItems.length) {
             return;
         }
         event.preventDefault();
-        const activeMenu = menuItems.find(m => m.active);
-        if (activeMenu) {
-            activeMenu.active = false;
-        }
+        const activeMenu = this.focusedMenu;
         const nextMenu = forwards
             ? activeMenu?.nextElementSibling ?? menuItems[0]
             : activeMenu?.previousElementSibling ?? menuItems[menuItems.length - 1];
         if (!nextMenu) {
             return;
         }
-        nextMenu.active = true;
-        nextMenu.scrollIntoView({ block: 'nearest' });
+        this.navigateTo(event, nextMenu);
+    }
+    navigateTo(event, menu) {
+        event.preventDefault();
+        this.blurMenu();
+        if (!menu) {
+            return;
+        }
+        this.focusMenu(menu);
+    }
+    focusMenu(menu, active = true, scroll = true) {
+        this.focusedMenu = menu;
+        menu.active = active;
+        if (scroll) {
+            menu.scrollIntoView({ block: 'nearest' });
+        }
+        this.afterFocus(menu);
+    }
+    blurMenu() {
+        if (!this.focusedMenu) {
+            return;
+        }
+        this.focusedMenu.active = false;
+        this.focusedMenu = null;
+        this.afterBlur();
     }
     selectActiveItem(event) {
-        const menuItems = Array.from(this.host.menuItems);
-        const activeMenu = menuItems.find(m => m.active);
-        if (!activeMenu) {
+        if (!this.focusedMenu) {
             return;
         }
         event.preventDefault();
-        activeMenu.click();
+        this.focusedMenu.click();
+    }
+    afterFocus(_) {
+    }
+    afterBlur() {
     }
 }
-_MenuFieldNavigationController_element = new WeakMap();
 //# sourceMappingURL=menu-field-navigation-controller.js.map

package/shared/menu-field/menu-field-navigation-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<T extends UmMenuField> {\n  #element: HTMLElement | null = null;\n  protected readonly host: T;\n\n  private readonly bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: T) {\n    this.host = host;\n    this.bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this.bindHandleKeyDown);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this.bindHandleKeyDown);\n    this.#element = null;\n  }\n\n  protected handleKeyDown(event: KeyboardEvent) {\n    if (!this.host.menu.open) {\n      return;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.host.menu.close();\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (isDown || isUp) {\n      this.navigate(event, isDown);\n      return;\n    }\n\n    const isEnter = event.key === 'Enter';\n    const isTab = event.key === 'Tab';\n\n    if (isEnter || isTab) {\n      this.selectActiveItem(event);\n    }\n  }\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = Array.from(this.host.menuItems);\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = menuItems.find(m => m.active);\n\n    if (activeMenu) {\n      activeMenu.active = false;\n    }\n\n    const nextMenu = forwards\n      ? (<UmMenuItem>activeMenu?.nextElementSibling) ?? menuItems[0]\n      : (<UmMenuItem>activeMenu?.previousElementSibling) ?? menuItems[menuItems.length - 1];\n\n    if (!nextMenu) {\n      return;\n    }\n\n    nextMenu.active = true;\n    nextMenu.scrollIntoView({block: 'nearest'});\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    const menuItems = Array.from(this.host.menuItems);\n    const activeMenu = menuItems.find(m => m.active)\n\n    if (!activeMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    activeMenu.click();\n  }\n}\n"]}
+{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {\n  #element: HTMLElement | null = null;\n  protected focusedMenu: TMenuItem | null = null;\n  protected readonly host: TField;\n\n  private readonly bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: TField) {\n    this.host = host;\n    this.bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this.bindHandleKeyDown, {capture: true});\n    this.host.menu.addEventListener('close', this.#handleMenuClose);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this.bindHandleKeyDown);\n    this.host.menu.removeEventListener('close', this.#handleMenuClose);\n    this.#element = null;\n  }\n\n  #handleMenuClose = () => this.blurMenu();\n\n  protected handleKeyDown(event: KeyboardEvent): boolean {\n    if (!this.host.menu.open) {\n      return false;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.host.menu.close();\n    }\n\n    if (event.key === 'Home') {\n      this.navigateTo(event, <TMenuItem>this.host.menuItems[0]);\n      return true;\n    }\n\n    if (event.key === 'End') {\n      this.navigateTo(event, <TMenuItem>this.host.menuItems[this.host.menuItems.length - 1]);\n      return true;\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (isDown || isUp) {\n      this.navigate(event, isDown);\n      return true;\n    }\n\n    const isEnter = event.key === 'Enter';\n    const isTab = event.key === 'Tab';\n\n    if (isEnter || isTab) {\n      this.selectActiveItem(event);\n      return true;\n    }\n\n    return false;\n  }\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = this.host.menuItems;\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = this.focusedMenu;\n\n    const nextMenu = forwards\n      ? (<TMenuItem>activeMenu?.nextElementSibling) ?? menuItems[0]\n      : (<TMenuItem>activeMenu?.previousElementSibling) ?? menuItems[menuItems.length - 1];\n\n    if (!nextMenu) {\n      return;\n    }\n\n    this.navigateTo(event, nextMenu);\n  }\n\n  protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined) {\n    event.preventDefault();\n\n    this.blurMenu();\n\n    if (!menu) {\n      return;\n    }\n\n    this.focusMenu(menu);\n  }\n\n  focusMenu(menu: TMenuItem, active = true, scroll = true) {\n    this.focusedMenu = menu;\n    menu.active = active;\n\n    if (scroll) {\n      menu.scrollIntoView({block: 'nearest'});\n    }\n\n    this.afterFocus(menu);\n  }\n\n  blurMenu() {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    this.focusedMenu.active = false;\n    this.focusedMenu = null;\n    this.afterBlur();\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    this.focusedMenu.click();\n  }\n\n  protected afterFocus(_: TMenuItem) {\n\n  }\n\n  protected afterBlur() {\n\n  }\n}\n"]}

package/shared/mixin-attribute-properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,4DAA6D,MAAM,EAAE,mBA2BzG,CAAA"}
+{"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,0CAA2C,CAAC,iBAAiB,MAAM,EAAE,KAAG,YAAY,CAAC,CA2BzH,CAAA"}

package/shared/normalize-text.d.ts

@@ -1,2 +1,2 @@
-export declare function normalizeText(text: string): string;
+export declare function normalizeText(text: string | null): string;
 //# sourceMappingURL=normalize-text.d.ts.map

package/shared/normalize-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQlD"}
+{"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAQzD"}

package/shared/normalize-text.js

@@ -1,6 +1,6 @@
 export function normalizeText(text) {
     if (!text) {
-        return text;
+        return text ?? '';
     }
     return text
         .normalize('NFD')

package/shared/normalize-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-text.js","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI;SACR,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC","sourcesContent":["export function normalizeText(text: string): string {\n  if (!text) {\n    return text;\n  }\n\n  return text\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '');\n}\n"]}
+{"version":3,"file":"normalize-text.js","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAAmB;IAC/C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,IAAI;SACR,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC","sourcesContent":["export function normalizeText(text: string | null): string {\n  if (!text) {\n    return text ?? '';\n  }\n\n  return text\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '');\n}\n"]}

package/shared/selection-control/selection-control-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,sEAuBzC,CAAA"}
+{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,kDAAmD,CAAC,KAAG,YAAY,CAAC,CAuB7G,CAAA"}

package/shared/selection-control/selection-control-list-item.js

@@ -3,6 +3,13 @@ import { css, html } from 'lit';
 export const mixinSelectionControlListItem = (base) => {
     // @ts-ignore
     class SelectionControlListItem extends base {
+        static { this.styles = [
+            base.styles ?? [],
+            css `:host {
+        --u-list-item-block-padding: 0;
+        display: block;
+      }`
+        ]; }
         render() {
             return html `
           <u-list-item ?selectable=${!this.disabled}>
@@ -13,13 +20,6 @@ export const mixinSelectionControlListItem = (base) => {
           </u-list-item>`;
         }
     }
-    SelectionControlListItem.styles = [
-        base.styles ?? [],
-        css `:host {
-        --u-list-item-block-padding: 0;
-        display: block;
-      }`
-    ];
     return SelectionControlListItem;
 };
 //# sourceMappingURL=selection-control-list-item.js.map

package/shared/selection-control/selection-control-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAKhE,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QASzC,MAAM;YACb,OAAO,IAAI,CAAA;qCACoB,CAAC,IAAI,CAAC,QAAQ;;;gBAGnC,KAAK,CAAC,MAAM,EAAE;;yBAEL,CAAC;QACtB,CAAC;;IAhBM,+BAAM,GAAG;QACb,IAAqC,CAAC,MAAM,IAAI,EAAE;QACnD,GAAG,CAAA;;;QAGD;KACH,CAAC;IAaJ,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAA","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ];\n\n    override render(): HTMLTemplateResult {\n      return html`\n          <u-list-item ?selectable=${!this.disabled}>\n            <label for=\"input\"><slot></slot></label>\n            <div slot=\"trailing\">\n              ${super.render()}\n            </div>\n          </u-list-item>`;\n    }\n  }\n\n  return SelectionControlListItem;\n}\n"]}
+{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAKhE,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;iBAC3C,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;QAGD;SACH,CAAC;QAEO,MAAM;YACb,OAAO,IAAI,CAAA;qCACoB,CAAC,IAAI,CAAC,QAAQ;;;gBAGnC,KAAK,CAAC,MAAM,EAAE;;yBAEL,CAAC;QACtB,CAAC;;IAGH,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAA","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ];\n\n    override render(): HTMLTemplateResult {\n      return html`\n          <u-list-item ?selectable=${!this.disabled}>\n            <label for=\"input\"><slot></slot></label>\n            <div slot=\"trailing\">\n              ${super.render()}\n            </div>\n          </u-list-item>`;\n    }\n  }\n\n  return SelectionControlListItem;\n}\n"]}

package/shared/selection-control/selection-control.js

@@ -4,40 +4,29 @@ 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 _UmSelectionControl_instances, _UmSelectionControl_checked, _UmSelectionControl_handleClick;
 import { html, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import '../../ripple/ripple.js';
 export class UmSelectionControl extends LitElement {
+    static { this.formAssociated = true; }
     // eslint-disable-next-line
     // #value: any = '';
     get form() {
         return this.elementInternals.form;
     }
+    #checked;
     get checked() {
-        return __classPrivateFieldGet(this, _UmSelectionControl_checked, "f");
+        return this.#checked;
     }
     set checked(value) {
-        __classPrivateFieldSet(this, _UmSelectionControl_checked, value, "f");
+        this.#checked = value;
         this.elementInternals.setFormValue(value ? this.value : null);
     }
     constructor() {
         super();
-        _UmSelectionControl_instances.add(this);
         this.name = '';
         this.disabled = false;
-        _UmSelectionControl_checked.set(this, false);
+        this.#checked = false;
         this.inputType = 'checkbox';
         this.renderRipple = true;
         /**
@@ -48,11 +37,11 @@ export class UmSelectionControl extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.addEventListener('click', __classPrivateFieldGet(this, _UmSelectionControl_instances, "m", _UmSelectionControl_handleClick));
+        this.addEventListener('click', this.#handleClick);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.removeEventListener('click', __classPrivateFieldGet(this, _UmSelectionControl_instances, "m", _UmSelectionControl_handleClick));
+        this.removeEventListener('click', this.#handleClick);
     }
     render() {
         const ripple = html `<u-ripple ?disabled=${this.disabled}></u-ripple>`;
@@ -64,21 +53,20 @@ export class UmSelectionControl extends LitElement {
           type=${this.inputType}
           class="focus-ring"
           .name=${this.name}
-          .checked=${__classPrivateFieldGet(this, _UmSelectionControl_checked, "f")}
+          .checked=${this.#checked}
           .disabled=${this.disabled} />
         <div class="indicator-container">${this.renderIndicator()}</div>
       </div>`;
     }
-}
-_UmSelectionControl_checked = new WeakMap(), _UmSelectionControl_instances = new WeakSet(), _UmSelectionControl_handleClick = function _UmSelectionControl_handleClick(e) {
-    if (e.defaultPrevented) {
-        return;
+    #handleClick(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        this.checked = this.inputType === 'radio' || !this.checked;
+        this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true }));
     }
-    this.checked = this.inputType === 'radio' || !this.checked;
-    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
-    this.dispatchEvent(new Event('change', { bubbles: true }));
-};
-UmSelectionControl.formAssociated = true;
+}
 __decorate([
     property()
 ], UmSelectionControl.prototype, "name", void 0);

package/shared/selection-control/selection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,OAAgB,kBAAmB,SAAQ,UAAU;IASzD,2BAA2B;IAC3B,oBAAoB;IAEpB,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACpC,CAAC;IAcD,IAAI,OAAO;QACT,OAAO,uBAAA,IAAI,mCAAS,CAAC;IACvB,CAAC;IACD,IAAI,OAAO,CAAC,KAAc;QACxB,uBAAA,IAAI,+BAAY,KAAK,MAAA,CAAC;QACtB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAED;QACE,KAAK,EAAE,CAAC;;QAhCE,SAAI,GAAuB,EAAE,CAAC;QACA,aAAQ,GAAG,KAAK,CAAC;QAU3D,sCAAW,KAAK,EAAC;QACP,cAAS,GAAyB,UAAU,CAAC;QAC7C,iBAAY,GAAG,IAAI,CAAC;QAI9B;;WAEG;QACS,UAAK,GAAG,IAAI,CAAC;QAavB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAA,IAAI,sEAAa,CAAC,CAAC;IACpD,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,uBAAA,IAAI,sEAAa,CAAC,CAAA;IACtD,CAAC;IAEkB,MAAM;QACvB,MAAM,MAAM,GAAG,IAAI,CAAA,uBAAuB,IAAI,CAAC,QAAQ,cAAc,CAAC;QAEtE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;iBAG7B,IAAI,CAAC,SAAS;;kBAEb,IAAI,CAAC,IAAI;qBACN,uBAAA,IAAI,mCAAS;sBACZ,IAAI,CAAC,QAAQ;2CACQ,IAAI,CAAC,eAAe,EAAE;aACpD,CAAC;IACZ,CAAC;;uKAEY,CAAQ;IACnB,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACvB,OAAO;IACT,CAAC;IAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC7E,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;AAC3D,CAAC;AA3Ee,iCAAc,GAAG,IAAI,AAAP,CAAQ;AAI1B;IAAX,QAAQ,EAAE;gDAA+B;AACA;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAkB;AAC3C;IAAf,KAAK,CAAC,OAAO,CAAC;iDAA0B;AAkB7B;IAAX,QAAQ,EAAE;iDAAc;AAGzB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;iDAGzB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport '../../ripple/ripple.js';\n\nexport abstract class UmSelectionControl extends LitElement {\n  static readonly formAssociated = true;\n\n  protected readonly elementInternals: ElementInternals;\n\n  @property() name: string | undefined = '';\n  @property({type: Boolean, reflect: true}) disabled = false;\n  @query('input') input!: HTMLInputElement;\n\n  // eslint-disable-next-line\n  // #value: any = '';\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  #checked = false;\n  protected inputType: 'checkbox' | 'radio' = 'checkbox';\n  protected renderRipple = true;\n\n  protected abstract renderIndicator(): HTMLTemplateResult;\n\n  /**\n   * The element value to use in form submission when checked.\n   */\n  @property() value = 'on';\n\n  @property({type: Boolean})\n  get checked() {\n    return this.#checked;\n  }\n  set checked(value: boolean) {\n    this.#checked = value;\n    this.elementInternals.setFormValue(value ? this.value : null);\n  }\n\n  protected constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick)\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const ripple = html`<u-ripple ?disabled=${this.disabled}></u-ripple>`;\n\n    return html`\n      <div class=\"container\">\n        ${this.renderRipple ? ripple : nothing}\n        <input\n          id=\"input\"\n          type=${this.inputType}\n          class=\"focus-ring\"\n          .name=${this.name}\n          .checked=${this.#checked}\n          .disabled=${this.disabled} />\n        <div class=\"indicator-container\">${this.renderIndicator()}</div>\n      </div>`;\n  }\n\n  #handleClick(e: Event) {\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    this.checked = this.inputType === 'radio' || !this.checked;\n    this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n}\n"]}
+{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,OAAgB,kBAAmB,SAAQ,UAAU;aACzC,mBAAc,GAAG,IAAI,AAAP,CAAQ;IAQtC,2BAA2B;IAC3B,oBAAoB;IAEpB,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACpC,CAAC;IAED,QAAQ,CAAS;IAYjB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IACD,IAAI,OAAO,CAAC,KAAc;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAhCE,SAAI,GAAuB,EAAE,CAAC;QACA,aAAQ,GAAG,KAAK,CAAC;QAU3D,aAAQ,GAAG,KAAK,CAAC;QACP,cAAS,GAAyB,UAAU,CAAC;QAC7C,iBAAY,GAAG,IAAI,CAAC;QAI9B;;WAEG;QACS,UAAK,GAAG,IAAI,CAAC;QAavB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACpD,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IACtD,CAAC;IAEkB,MAAM;QACvB,MAAM,MAAM,GAAG,IAAI,CAAA,uBAAuB,IAAI,CAAC,QAAQ,cAAc,CAAC;QAEtE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;iBAG7B,IAAI,CAAC,SAAS;;kBAEb,IAAI,CAAC,IAAI;qBACN,IAAI,CAAC,QAAQ;sBACZ,IAAI,CAAC,QAAQ;2CACQ,IAAI,CAAC,eAAe,EAAE;aACpD,CAAC;IACZ,CAAC;IAED,YAAY,CAAC,CAAQ;QACnB,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QAC7E,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;;AAvEW;IAAX,QAAQ,EAAE;gDAA+B;AACA;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAkB;AAC3C;IAAf,KAAK,CAAC,OAAO,CAAC;iDAA0B;AAkB7B;IAAX,QAAQ,EAAE;iDAAc;AAGzB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;iDAGzB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport '../../ripple/ripple.js';\n\nexport abstract class UmSelectionControl extends LitElement {\n  static readonly formAssociated = true;\n\n  protected readonly elementInternals: ElementInternals;\n\n  @property() name: string | undefined = '';\n  @property({type: Boolean, reflect: true}) disabled = false;\n  @query('input') input!: HTMLInputElement;\n\n  // eslint-disable-next-line\n  // #value: any = '';\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  #checked = false;\n  protected inputType: 'checkbox' | 'radio' = 'checkbox';\n  protected renderRipple = true;\n\n  protected abstract renderIndicator(): HTMLTemplateResult;\n\n  /**\n   * The element value to use in form submission when checked.\n   */\n  @property() value = 'on';\n\n  @property({type: Boolean})\n  get checked() {\n    return this.#checked;\n  }\n  set checked(value: boolean) {\n    this.#checked = value;\n    this.elementInternals.setFormValue(value ? this.value : null);\n  }\n\n  protected constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick)\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const ripple = html`<u-ripple ?disabled=${this.disabled}></u-ripple>`;\n\n    return html`\n      <div class=\"container\">\n        ${this.renderRipple ? ripple : nothing}\n        <input\n          id=\"input\"\n          type=${this.inputType}\n          class=\"focus-ring\"\n          .name=${this.name}\n          .checked=${this.#checked}\n          .disabled=${this.disabled} />\n        <div class=\"indicator-container\">${this.renderIndicator()}</div>\n      </div>`;\n  }\n\n  #handleClick(e: Event) {\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    this.checked = this.inputType === 'radio' || !this.checked;\n    this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n}\n"]}

package/shared/sets/set-base.d.ts

@@ -1,5 +1,7 @@
+import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult, LitElement } from 'lit';
 export declare abstract class UmSetBase extends LitElement {
+    static styles: CSSResultGroup;
     /**
      * Set the alignment of the set at the `start`, `center` or at the `end`.
      */

package/shared/sets/set-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-base.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAG3D,8BAAsB,SAAU,SAAQ,UAAU;IAEhD;;OAEG;IACwB,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAElE,MAAM,IAAI,kBAAkB;CAItC"}
+{"version":3,"file":"set-base.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,8BAAsB,SAAU,SAAQ,UAAU;IAEhD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAElD;;OAEG;IACwB,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAElE,MAAM,IAAI,kBAAkB;CAItC"}

package/shared/sets/set-base.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { styles } from './set-base.styles.js';
 export class UmSetBase extends LitElement {
     constructor() {
         super(...arguments);
@@ -14,6 +15,7 @@ export class UmSetBase extends LitElement {
          */
         this.alignment = 'start';
     }
+    static { this.styles = [styles]; }
     render() {
         return html `
       <slot></slot>`;

package/shared/sets/set-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-base.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAEE;;WAEG;QACwB,cAAS,GAA+B,OAAO,CAAC;IAM7E,CAAC;IAJU,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;CACF;AAN4B;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CAAiD","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport abstract class UmSetBase extends LitElement {\n\n  /**\n   * Set the alignment of the set at the `start`, `center` or at the `end`.\n   */\n  @property({reflect: true}) alignment: 'start' | 'center' | 'end' = 'start';\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>`;\n  }\n}\n"]}
+{"version":3,"file":"set-base.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAIE;;WAEG;QACwB,cAAS,GAA+B,OAAO,CAAC;IAM7E,CAAC;aAXiB,WAAM,GAAmB,CAAC,MAAM,CAAC,AAA3B,CAA4B;IAOzC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL0B;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CAAiD","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './set-base.styles.js';\n\nexport abstract class UmSetBase extends LitElement {\n\n  static override styles: CSSResultGroup = [styles];\n\n  /**\n   * Set the alignment of the set at the `start`, `center` or at the `end`.\n   */\n  @property({reflect: true}) alignment: 'start' | 'center' | 'end' = 'start';\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>`;\n  }\n}\n"]}

package/shared/sets/set-base.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=set-base.styles.d.ts.map

package/shared/sets/set-base.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-base.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmBlB,CAAC"}

package/shared/sets/set-base.styles.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex-wrap: nowrap;
+  }
+
+  :host([alignment=start]) {
+    justify-content: flex-start;
+  }
+
+  :host([alignment=center]) {
+    justify-content: center;
+  }
+
+  :host([alignment=end]) {
+    justify-content: flex-end;
+  }
+`;
+//# sourceMappingURL=set-base.styles.js.map

package/shared/sets/set-base.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-base.styles.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([alignment=start]) {\n    justify-content: flex-start;\n  }\n\n  :host([alignment=center]) {\n    justify-content: center;\n  }\n\n  :host([alignment=end]) {\n    justify-content: flex-end;\n  }\n`;\n"]}

package/shared/text-field-base/text-field-base.js

@@ -9,6 +9,12 @@ import { property } from 'lit/decorators.js';
 import { styles } from './text-field-base.styles.js';
 import { UmFieldBase } from '../../field/field-base.js';
 export class UmTextFieldBase extends UmFieldBase {
+    static { this.formAssociated = true; }
+    static { this.styles = [UmFieldBase.styles, styles]; }
+    static { this.shadowRootOptions = {
+        ...LitElement.shadowRootOptions,
+        delegatesFocus: true,
+    }; }
     get form() {
         return this.elementInternals.form;
     }
@@ -18,12 +24,6 @@ export class UmTextFieldBase extends UmFieldBase {
         this.elementInternals = this.attachInternals();
     }
 }
-UmTextFieldBase.formAssociated = true;
-UmTextFieldBase.styles = [UmFieldBase.styles, styles];
-UmTextFieldBase.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-};
 __decorate([
     property({ reflect: true })
 ], UmTextFieldBase.prototype, "placeholder", void 0);

package/shared/text-field-base/text-field-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-base.js","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,OAAgB,eAAgB,SAAQ,WAAW;IAcvD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACpC,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAXD,UAAK,GAAG,IAAI,CAAC;QAYpB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;;AAtBe,8BAAc,GAAG,IAAI,AAAP,CAAQ;AAEtB,sBAAM,GAAmB,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/C,CAAgD;AAEtD,iCAAiB,GAAmB;IAClD,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHgC,CAG/B;AAIyB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAiC","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './text-field-base.styles.js';\n\nimport { UmFieldBase } from '../../field/field-base.js';\n\nexport abstract class UmTextFieldBase extends UmFieldBase {\n  static readonly formAssociated = true;\n\n  static override styles: CSSResultGroup = [UmFieldBase.styles, styles];\n\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  override empty = true;\n\n  @property({reflect: true}) placeholder: string | undefined;\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  protected readonly elementInternals: ElementInternals;\n\n  constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n}\n"]}
+{"version":3,"file":"text-field-base.js","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,OAAgB,eAAgB,SAAQ,WAAW;aACvC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEtB,WAAM,GAAmB,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/C,CAAgD;aAEtD,sBAAiB,GAAmB;QAClD,GAAG,UAAU,CAAC,iBAAiB;QAC/B,cAAc,EAAE,IAAI;KACrB,AAHgC,CAG/B;IAMF,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACpC,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAXD,UAAK,GAAG,IAAI,CAAC;QAYpB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;;AAX0B;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;oDAAiC","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './text-field-base.styles.js';\n\nimport { UmFieldBase } from '../../field/field-base.js';\n\nexport abstract class UmTextFieldBase extends UmFieldBase {\n  static readonly formAssociated = true;\n\n  static override styles: CSSResultGroup = [UmFieldBase.styles, styles];\n\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  override empty = true;\n\n  @property({reflect: true}) placeholder: string | undefined;\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  protected readonly elementInternals: ElementInternals;\n\n  constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n}\n"]}

package/snackbar/snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAMpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,gBAAgB;IAC1B,KAAK,OAAO;IACZ,IAAI,OAAO;IACX,QAAQ,KAAK;CACd;AAED,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,4BAGpB;IAEyB,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAM;IACe,SAAS,UAAS;IAC3C,SAAS,UAAS;IAE5D,OAAO,CAAC,QAAQ,CAAoB;IAChB,OAAO,CAAC,QAAQ,CAAe;IAE1C,MAAM,IAAI,kBAAkB;IASrC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,MAAM,CAAC,MAAM,CAAoB;IACzC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAU;IAEnC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU;IACtC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,GAAG,UAAU;IAqB/C,OAAO,CAAC,MAAM,CAAC,YAAY;IAQ3B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAmBvB,OAAO,CAAC,MAAM,CAAC,cAAc;CAS9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,UAAU,CAAC;KAC1B;CACF"}
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAMpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,gBAAgB;IAC1B,KAAK,OAAO;IACZ,IAAI,OAAO;IACX,QAAQ,KAAK;CACd;AAED,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,4BAGpB;IAEyB,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAM;IACe,SAAS,UAAS;IAC3C,SAAS,UAAS;IAE5D,OAAO,CAAC,QAAQ,CAAoB;IAChB,OAAO,CAAC,QAAQ,CAAe;IAE1C,MAAM,IAAI,kBAAkB;IASrC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,MAAM,CAAC,MAAM,CAAoB;IACzC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAU;IAEnC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU;IACtC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,GAAG,UAAU;IAqB/C,OAAO,CAAC,MAAM,CAAC,YAAY;IAQ3B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAmBvB,OAAO,CAAC,MAAM,CAAC,cAAc;CAS9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,UAAU,CAAC;KAC1B;CACF"}

package/snackbar/snackbar.js

@@ -17,7 +17,7 @@ export var SnackbarDuration;
     SnackbarDuration[SnackbarDuration["long"] = 5000] = "long";
     SnackbarDuration[SnackbarDuration["infinite"] = -1] = "infinite";
 })(SnackbarDuration || (SnackbarDuration = {}));
-let UmSnackbar = UmSnackbar_1 = class UmSnackbar extends LitElement {
+let UmSnackbar = class UmSnackbar extends LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
@@ -25,6 +25,11 @@ let UmSnackbar = UmSnackbar_1 = class UmSnackbar extends LitElement {
         this.showClose = false;
         this.dismissed = false;
     }
+    static { UmSnackbar_1 = this; }
+    static { this.styles = [
+        baseStyles,
+        styles
+    ]; }
     render() {
         return html `
     <div class="snackbar ${this.dismissed ? 'dismiss' : ''}">
@@ -40,7 +45,12 @@ let UmSnackbar = UmSnackbar_1 = class UmSnackbar extends LitElement {
     }
     renderCloseButton() {
         return this.showClose
-            ? html `<u-icon-button><i class="mdi mdi-close">X</i></u-icon-button>`
+            ? html `
+        <u-icon-button @click=${this.dismiss.bind(this)}>
+          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em" fill="currentColor">
+            <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/>
+          </svg>
+        </u-icon-button>`
             : nothing;
     }
     dismiss() {
@@ -55,6 +65,7 @@ let UmSnackbar = UmSnackbar_1 = class UmSnackbar extends LitElement {
         };
         this.snackbar.addEventListener('animationend', onAnimationEnd);
     }
+    static { this._queue = []; }
     static show(configOrLabel) {
         if (typeof configOrLabel === 'string') {
             configOrLabel = {
@@ -97,11 +108,6 @@ let UmSnackbar = UmSnackbar_1 = class UmSnackbar extends LitElement {
         return snackbar;
     }
 };
-UmSnackbar.styles = [
-    baseStyles,
-    styles
-];
-UmSnackbar._queue = [];
 __decorate([
     property({ reflect: true })
 ], UmSnackbar.prototype, "label", void 0);

package/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AASlC,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,4DAAY,CAAA;IACZ,0DAAW,CAAA;IACX,gEAAa,CAAA;AACf,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAGM,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAOsB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAW,EAAE,CAAC;QACe,cAAS,GAAG,KAAK,CAAC;QAC3C,cAAS,GAAG,KAAK,CAAC;IAwG9D,CAAC;IAnGU,MAAM;QACb,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;2BAC/B,IAAI,CAAC,KAAK;QAC7B,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,iBAAiB,EAAE;WACrB,CAAC;IACV,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,WAAW;YACrB,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,WAAW,aAAa;YAC/D,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,SAAS;YACnB,CAAC,CAAC,IAAI,CAAA,+DAA+D;YACrE,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;YAClE,IAAI,CAAC,MAAM,EAAE,CAAC;YAEd,YAAU,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IACjE,CAAC;IAOD,MAAM,CAAC,IAAI,CAAC,aAAsC;QAEhD,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE,CAAC;YACtC,aAAa,GAAG;gBACd,KAAK,EAAE,aAAa;aACrB,CAAA;QACH,CAAC;QAED,aAAa,CAAC,QAAQ,KAAK,gBAAgB,CAAC,KAAK,CAAC;QAElD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAiB,aAAa,CAAC,CAAC;QACpE,YAAU,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEjC,IAAI,CAAC,YAAU,CAAC,UAAU,EAAE,CAAC;YAC3B,YAAU,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,MAAM,CAAC,YAAY;QAEzB,IAAI,YAAU,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7B,YAAU,CAAC,UAAU,GAAG,IAAI,CAAC;YAC7B,YAAU,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,MAAM,CAAC,QAAQ;QACrB,IAAI,CAAC,YAAU,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC9B,YAAU,CAAC,UAAU,GAAG,KAAK,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,YAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAEtC,YAAU,CAAC,MAAM,GAAG,YAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAE/C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEpC,IAAI,QAAQ,CAAC,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,cAAc,CAAC,MAAsB;QAClD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC9B,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,WAAY,CAAC;QAC3C,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,SAAU,CAAC;QACvC,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAS,CAAC;QAErC,OAAO,QAAQ,CAAC;IAClB,CAAC;;AA/Ge,iBAAM,GAAG;IACvB,UAAU;IACV,MAAM;CACP,AAHqB,CAGpB;AAgDa,iBAAM,GAAiB,EAAE,AAAnB,CAAoB;AA9Cd;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAoB;AACnB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;+CAA0B;AACe;IAAlE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAmB;AAC3C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAmB;AAGhC;IAA3B,KAAK,CAAC,WAAW,CAAC;4CAAgC;AAbxC,UAAU;IADtB,aAAa,CAAC,YAAY,CAAC;GACf,UAAU,CAkHtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './snackbar.styles.js';\n\nimport '../button/button.js';\nimport '../button/icon-button.js';\n\nexport interface SnackbarConfig {\n  label: string;\n  duration?: SnackbarDuration;\n  buttonLabel?: string;\n  showClose?: boolean;\n}\n\nexport enum SnackbarDuration {\n  short = 2500,\n  long = 5000,\n  infinite = -1\n}\n\n@customElement('u-snackbar')\nexport class UmSnackbar extends LitElement {\n\n  static override styles = [\n    baseStyles,\n    styles\n  ];\n\n  @property({reflect: true}) label: string = '';\n  @property({reflect: true}) buttonLabel: string = '';\n  @property({type: Boolean, attribute: 'show-close', reflect: true}) showClose = false;\n  @property({type: Boolean, reflect: true}) dismissed = false;\n\n  private duration!: SnackbarDuration;\n  @query('.snackbar') private snackbar!: HTMLElement;\n\n  override render(): HTMLTemplateResult {\n    return html`\n    <div class=\"snackbar ${this.dismissed ? 'dismiss' : ''}\">\n      <div class=\"label\">${this.label}</div>\n      ${this.renderButton()}\n      ${this.renderCloseButton()}\n    </div>`;\n  }\n\n  private renderButton() {\n    return this.buttonLabel\n      ? html`<u-button variant=\"text\">${this.buttonLabel}</u-button>`\n      : nothing;\n  }\n\n  private renderCloseButton() {\n    return this.showClose\n      ? html`<u-icon-button><i class=\"mdi mdi-close\">X</i></u-icon-button>`\n      : nothing;\n  }\n\n  dismiss(): void {\n    if (this.dismissed) {\n      return;\n    }\n\n    this.dismissed = true;\n\n    const onAnimationEnd = () => {\n      this.snackbar.removeEventListener('animationend', onAnimationEnd);\n      this.remove();\n\n      UmSnackbar.showNext();\n    };\n\n    this.snackbar.addEventListener('animationend', onAnimationEnd);\n  }\n\n  private static _queue: UmSnackbar[] = [];\n  private static _consuming: boolean;\n\n  static show(label: string): UmSnackbar;\n  static show(config: SnackbarConfig): UmSnackbar;\n  static show(configOrLabel: SnackbarConfig | string): UmSnackbar {\n\n    if (typeof configOrLabel === 'string') {\n      configOrLabel = {\n        label: configOrLabel\n      }\n    }\n\n    configOrLabel.duration ??= SnackbarDuration.short;\n\n    const snackbar = this.createSnackbar(<SnackbarConfig>configOrLabel);\n    UmSnackbar._queue.push(snackbar);\n\n    if (!UmSnackbar._consuming) {\n      UmSnackbar.consumeQueue();\n    }\n\n    return snackbar;\n  }\n\n  private static consumeQueue() {\n\n    if (UmSnackbar._queue.length) {\n      UmSnackbar._consuming = true;\n      UmSnackbar.showNext();\n    }\n  }\n\n  private static showNext() {\n    if (!UmSnackbar._queue.length) {\n      UmSnackbar._consuming = false;\n      return;\n    }\n \n    const snackbar = UmSnackbar._queue[0];\n\n    UmSnackbar._queue = UmSnackbar._queue.slice(1);\n\n    document.body.appendChild(snackbar);\n\n    if (snackbar.duration === -1) {\n      return;\n    }\n\n    setTimeout(() => snackbar.dismiss(), snackbar.duration);\n  }\n\n  private static createSnackbar(config: SnackbarConfig): UmSnackbar {\n    const snackbar = document.createElement(\"u-snackbar\");\n    snackbar.label = config.label;\n    snackbar.buttonLabel = config.buttonLabel!;\n    snackbar.showClose = config.showClose!;\n    snackbar.duration = config.duration!;\n\n    return snackbar;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-snackbar': UmSnackbar;\n  }\n}\n"]}
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './snackbar.styles.js';\n\nimport '../button/button.js';\nimport '../button/icon-button.js';\n\nexport interface SnackbarConfig {\n  label: string;\n  duration?: SnackbarDuration;\n  buttonLabel?: string;\n  showClose?: boolean;\n}\n\nexport enum SnackbarDuration {\n  short = 2500,\n  long = 5000,\n  infinite = -1\n}\n\n@customElement('u-snackbar')\nexport class UmSnackbar extends LitElement {\n\n  static override styles = [\n    baseStyles,\n    styles\n  ];\n\n  @property({reflect: true}) label: string = '';\n  @property({reflect: true}) buttonLabel: string = '';\n  @property({type: Boolean, attribute: 'show-close', reflect: true}) showClose = false;\n  @property({type: Boolean, reflect: true}) dismissed = false;\n\n  private duration!: SnackbarDuration;\n  @query('.snackbar') private snackbar!: HTMLElement;\n\n  override render(): HTMLTemplateResult {\n    return html`\n    <div class=\"snackbar ${this.dismissed ? 'dismiss' : ''}\">\n      <div class=\"label\">${this.label}</div>\n      ${this.renderButton()}\n      ${this.renderCloseButton()}\n    </div>`;\n  }\n\n  private renderButton() {\n    return this.buttonLabel\n      ? html`<u-button variant=\"text\">${this.buttonLabel}</u-button>`\n      : nothing;\n  }\n\n  private renderCloseButton() {\n    return this.showClose\n      ? html`\n        <u-icon-button @click=${this.dismiss.bind(this)}>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n            <path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"/>\n          </svg>\n        </u-icon-button>`\n      : nothing;\n  }\n\n  dismiss(): void {\n    if (this.dismissed) {\n      return;\n    }\n\n    this.dismissed = true;\n\n    const onAnimationEnd = () => {\n      this.snackbar.removeEventListener('animationend', onAnimationEnd);\n      this.remove();\n\n      UmSnackbar.showNext();\n    };\n\n    this.snackbar.addEventListener('animationend', onAnimationEnd);\n  }\n\n  private static _queue: UmSnackbar[] = [];\n  private static _consuming: boolean;\n\n  static show(label: string): UmSnackbar;\n  static show(config: SnackbarConfig): UmSnackbar;\n  static show(configOrLabel: SnackbarConfig | string): UmSnackbar {\n\n    if (typeof configOrLabel === 'string') {\n      configOrLabel = {\n        label: configOrLabel\n      }\n    }\n\n    configOrLabel.duration ??= SnackbarDuration.short;\n\n    const snackbar = this.createSnackbar(<SnackbarConfig>configOrLabel);\n    UmSnackbar._queue.push(snackbar);\n\n    if (!UmSnackbar._consuming) {\n      UmSnackbar.consumeQueue();\n    }\n\n    return snackbar;\n  }\n\n  private static consumeQueue() {\n\n    if (UmSnackbar._queue.length) {\n      UmSnackbar._consuming = true;\n      UmSnackbar.showNext();\n    }\n  }\n\n  private static showNext() {\n    if (!UmSnackbar._queue.length) {\n      UmSnackbar._consuming = false;\n      return;\n    }\n \n    const snackbar = UmSnackbar._queue[0];\n\n    UmSnackbar._queue = UmSnackbar._queue.slice(1);\n\n    document.body.appendChild(snackbar);\n\n    if (snackbar.duration === -1) {\n      return;\n    }\n\n    setTimeout(() => snackbar.dismiss(), snackbar.duration);\n  }\n\n  private static createSnackbar(config: SnackbarConfig): UmSnackbar {\n    const snackbar = document.createElement(\"u-snackbar\");\n    snackbar.label = config.label;\n    snackbar.buttonLabel = config.buttonLabel!;\n    snackbar.showClose = config.showClose!;\n    snackbar.duration = config.duration!;\n\n    return snackbar;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-snackbar': UmSnackbar;\n  }\n}\n"]}