@universal-material/web 3.0.68 → 3.0.70

package/shared/button-wrapper.styles.js

@@ -0,0 +1,63 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
+    -webkit-tap-highlight-color: transparent;
+    --u-elevation-level: 0;
+    position: relative;
+    display: inline-block;
+    font-family: var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    appearance: none !important;
+  }
+
+  :host([disabled]) {
+    --u-elevation-level: 0 !important;
+    background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;
+    color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;
+  }
+
+  :host([disabled]) .button {
+    cursor: default;
+  }
+
+  * {
+    color: inherit;
+  }
+
+  u-elevation {
+    z-index: -1;
+  }
+
+  .button {
+    cursor: pointer;
+    position: absolute;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    width: 100%;
+    height: 100%;
+    font-family: inherit;
+    border-radius: inherit;
+    color: inherit;
+    border: none;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    white-space: nowrap;
+    background: transparent;
+    user-select: none;
+    text-decoration: none;
+    outline: 0;
+    z-index: 0;
+  }
+
+  .content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    border-radius: inherit;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=button-wrapper.styles.js.map

package/shared/button-wrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-wrapper.styles.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    -webkit-tap-highlight-color: transparent;\n    --u-elevation-level: 0;\n    position: relative;\n    display: inline-block;\n    font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    appearance: none !important;\n  }\n\n  :host([disabled]) {\n    --u-elevation-level: 0 !important;\n    background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n    color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n  }\n\n  :host([disabled]) .button {\n    cursor: default;\n  }\n\n  * {\n    color: inherit;\n  }\n\n  u-elevation {\n    z-index: -1;\n  }\n\n  .button {\n    cursor: pointer;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100%;\n    height: 100%;\n    font-family: inherit;\n    border-radius: inherit;\n    color: inherit;\n    border: none;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    white-space: nowrap;\n    background: transparent;\n    user-select: none;\n    text-decoration: none;\n    outline: 0;\n    z-index: 0;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"]}

package/shared/compare-text.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizedStartsWith(text: string | null, term: string | null): boolean;
+//# sourceMappingURL=compare-text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAEtF"}

package/shared/compare-text.js

@@ -0,0 +1,5 @@
+import { normalizeText } from './normalize-text.js';
+export function normalizedStartsWith(text, term) {
+    return normalizeText(text).toLowerCase().startsWith(normalizeText(term).toLowerCase());
+}
+//# sourceMappingURL=compare-text.js.map

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

@@ -0,0 +1,20 @@
+import { UmMenuItem } from '../../menu/menu-item.js';
+import { UmMenuField } from './menu-field.js';
+export declare class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {
+    #private;
+    protected focusedMenu: TMenuItem | null;
+    protected readonly host: TField;
+    private readonly bindHandleKeyDown;
+    constructor(host: TField);
+    attach(element: HTMLElement): void;
+    detach(): 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,103 @@
+export class MenuFieldNavigationController {
+    #element;
+    constructor(host) {
+        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, { capture: true });
+        this.host.menu.addEventListener('close', this.#handleMenuClose);
+        this.#element = element;
+    }
+    detach() {
+        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 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 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 = this.host.menuItems;
+        if (!menuItems.length) {
+            return;
+        }
+        event.preventDefault();
+        const activeMenu = this.focusedMenu;
+        const nextMenu = forwards
+            ? activeMenu?.nextElementSibling ?? menuItems[0]
+            : activeMenu?.previousElementSibling ?? menuItems[menuItems.length - 1];
+        if (!nextMenu) {
+            return;
+        }
+        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) {
+        if (!this.focusedMenu) {
+            return;
+        }
+        event.preventDefault();
+        this.focusedMenu.click();
+    }
+    afterFocus(_) {
+    }
+    afterBlur() {
+    }
+}
+//# sourceMappingURL=menu-field-navigation-controller.js.map

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

@@ -0,0 +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<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/menu-field/menu-field.d.ts

@@ -0,0 +1,7 @@
+import { UmMenuItem } from '../../menu/menu-item.js';
+import { UmMenu } from '../../menu/menu.js';
+export interface UmMenuField {
+    menu: UmMenu;
+    get menuItems(): UmMenuItem[];
+}
+//# sourceMappingURL=menu-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;CAC/B"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menu-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenu } from '../../menu/menu.js';\n\nexport interface UmMenuField {\n  menu: UmMenu;\n  get menuItems(): UmMenuItem[];\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);