@universal-material/web 3.8.0 → 3.9.0

package/chip/chip-set.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-set.d.ts","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,qBACa,SAAU,SAAQ,SAAS;IACtC,OAAgB,MAAM,iCAA8B;CACrD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"chip-set.d.ts","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAGrD,qBACa,OAAQ,SAAQ,OAAO;IAClC,OAAgB,MAAM,iCAA4B;CACnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}

package/chip/chip-set.js

@@ -1,12 +1,12 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
-import { UmSetBase } from '../shared/sets/set-base.js';
+import { SetBase } from '../shared/sets/set-base.js';
 import { styles } from './chip-set.styles.js';
-let UmChipSet = class UmChipSet extends UmSetBase {
-    static { this.styles = [UmSetBase.styles, styles]; }
+let ChipSet = class ChipSet extends SetBase {
+    static { this.styles = [SetBase.styles, styles]; }
 };
-UmChipSet = __decorate([
+ChipSet = __decorate([
     customElement('u-chip-set')
-], UmChipSet);
-export { UmChipSet };
+], ChipSet);
+export { ChipSet };
 //# sourceMappingURL=chip-set.js.map

package/chip/chip-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip-set.js","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;aACtB,WAAM,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,AAA7B,CAA8B;;AADzC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAErB","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { UmSetBase } from '../shared/sets/set-base.js';\nimport { styles } from './chip-set.styles.js';\n\n@customElement('u-chip-set')\nexport class UmChipSet extends UmSetBase {\n  static override styles = [UmSetBase.styles, styles];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip-set': UmChipSet;\n  }\n}\n"]}
+{"version":3,"file":"chip-set.js","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,OAAO;aAClB,WAAM,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,AAA3B,CAA4B;;AADvC,OAAO;IADnB,aAAa,CAAC,YAAY,CAAC;GACf,OAAO,CAEnB","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { SetBase } from '../shared/sets/set-base.js';\nimport { styles } from './chip-set.styles.js';\n\n@customElement('u-chip-set')\nexport class ChipSet extends SetBase {\n  static override styles = [SetBase.styles, styles];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip-set': ChipSet;\n  }\n}\n"]}

package/chip/chip.d.ts

@@ -1,9 +1,9 @@
 import { HTMLTemplateResult } from 'lit';
-import { UmRipple } from '../ripple/ripple.js';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
+import { Ripple } from '../ripple/ripple.js';
+import { ButtonWrapper } from '../shared/button-wrapper.js';
 import '../ripple/ripple.js';
 import '../elevation/elevation.js';
-export declare class UmChip extends UmButtonWrapper {
+export declare class Chip extends ButtonWrapper {
     #private;
     static styles: import("lit").CSSResultGroup[];
     /**
@@ -39,7 +39,7 @@ export declare class UmChip extends UmButtonWrapper {
     private readonly _assignedLeadingIcons;
     private readonly _assignedSelectedIcons;
     private readonly _assignedTrailingIcons;
-    removeRipple: UmRipple;
+    removeRipple: Ripple;
     connectedCallback(): void;
     protected _handleClick(event: UIEvent): void;
     protected _getContainerClasses(): Record<string, boolean>;
@@ -47,7 +47,7 @@ export declare class UmChip extends UmButtonWrapper {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-chip': UmChip;
+        'u-chip': Chip;
     }
 }
 //# sourceMappingURL=chip.d.ts.map

package/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AAEnC,qBACa,MAAO,SAAQ,eAAe;;IACzC,OAAgB,MAAM,iCAAoC;IAK1D;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IACH,IACI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAGxB;IAED;;OAEG;IACyC,SAAS,UAAS;IAE9D;;OAEG;IAC0E,gBAAgB,UAAS;IAE7F,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAS;IAG1C,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAGvD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAGxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAE/B,YAAY,EAAG,QAAQ,CAAC;IAExC,iBAAiB;cAgCP,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;cAWlC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAe/C,cAAc,IAAI,kBAAkB;CA6CxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AAEnC,qBACa,IAAK,SAAQ,aAAa;;IACrC,OAAgB,MAAM,iCAAkC;IAKxD;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IACH,IACI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAGxB;IAED;;OAEG;IACyC,SAAS,UAAS;IAE9D;;OAEG;IAC0E,gBAAgB,UAAS;IAE7F,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAS;IAG1C,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAGvD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAGxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAE/B,YAAY,EAAG,MAAM,CAAC;IAEtC,iBAAiB;cAgCP,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;cAWlC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAe/C,cAAc,IAAI,kBAAkB;CA6CxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

package/chip/chip.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';
-import { UmButtonWrapper } from '../shared/button-wrapper.js';
+import { ButtonWrapper } from '../shared/button-wrapper.js';
 import { styles } from './chip.styles.js';
 import '../ripple/ripple.js';
 import '../elevation/elevation.js';
-let UmChip = class UmChip extends UmButtonWrapper {
+let Chip = class Chip extends ButtonWrapper {
     constructor() {
         super(...arguments);
         this.#clickable = false;
@@ -30,7 +30,7 @@ let UmChip = class UmChip extends UmButtonWrapper {
         this._hasSelectedIcon = false;
         this._hasTrailingIcon = false;
     }
-    static { this.styles = [UmButtonWrapper.styles, styles]; }
+    static { this.styles = [ButtonWrapper.styles, styles]; }
     #clickable;
     #toggle;
     /**
@@ -63,7 +63,7 @@ let UmChip = class UmChip extends UmButtonWrapper {
         if (!e.pointerType) {
             this.removeRipple.createRipple();
         }
-        const removeEvent = new Event('remove', { cancelable: true });
+        const removeEvent = new Event('remove', { bubbles: true, composed: true, cancelable: true });
         this.dispatchEvent(removeEvent);
         if (!removeEvent.defaultPrevented) {
             this.remove();
@@ -146,45 +146,45 @@ let UmChip = class UmChip extends UmButtonWrapper {
 };
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmChip.prototype, "selected", void 0);
+], Chip.prototype, "selected", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmChip.prototype, "clickable", null);
+], Chip.prototype, "clickable", null);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmChip.prototype, "elevated", void 0);
+], Chip.prototype, "elevated", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmChip.prototype, "toggle", null);
+], Chip.prototype, "toggle", null);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmChip.prototype, "removable", void 0);
+], Chip.prototype, "removable", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'hide-selected-icon', reflect: true })
-], UmChip.prototype, "hideSelectedIcon", void 0);
+], Chip.prototype, "hideSelectedIcon", void 0);
 __decorate([
     state()
-], UmChip.prototype, "_hasLeadingIcon", void 0);
+], Chip.prototype, "_hasLeadingIcon", void 0);
 __decorate([
     state()
-], UmChip.prototype, "_hasSelectedIcon", void 0);
+], Chip.prototype, "_hasSelectedIcon", void 0);
 __decorate([
     state()
-], UmChip.prototype, "_hasTrailingIcon", void 0);
+], Chip.prototype, "_hasTrailingIcon", void 0);
 __decorate([
     queryAssignedElements({ slot: 'leading-icon', flatten: true })
-], UmChip.prototype, "_assignedLeadingIcons", void 0);
+], Chip.prototype, "_assignedLeadingIcons", void 0);
 __decorate([
     queryAssignedElements({ slot: 'icon-selected', flatten: true })
-], UmChip.prototype, "_assignedSelectedIcons", void 0);
+], Chip.prototype, "_assignedSelectedIcons", void 0);
 __decorate([
     queryAssignedElements({ slot: 'trailing-icon', flatten: true })
-], UmChip.prototype, "_assignedTrailingIcons", void 0);
+], Chip.prototype, "_assignedTrailingIcons", void 0);
 __decorate([
     query('#remove-ripple')
-], UmChip.prototype, "removeRipple", void 0);
-UmChip = __decorate([
+], Chip.prototype, "removeRipple", void 0);
+Chip = __decorate([
     customElement('u-chip')
-], UmChip);
-export { UmChip };
+], Chip);
+export { Chip };
 //# sourceMappingURL=chip.js.map

package/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './chip.styles.js';\n\nimport '../ripple/ripple.js';\nimport '../elevation/elevation.js';\n\n@customElement('u-chip')\nexport class UmChip extends UmButtonWrapper {\n  static override styles = [UmButtonWrapper.styles, styles];\n\n  #clickable = false;\n  #toggle = false;\n\n  /**\n   * Whether the chip is selected or not\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Whether the chip is interactive and renders a ripple on click\n   */\n  @property({ type: Boolean, reflect: true })\n  get clickable(): boolean {\n    return this.#clickable;\n  }\n\n  set clickable(value: boolean) {\n    this.#clickable = value;\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  /**\n   * Adds elevation to the chip\n   */\n  @property({ type: Boolean, reflect: true }) elevated = false;\n\n  /**\n   * When true, the chip will toggle between selected and unselected\n   * states\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggle(): boolean {\n    return this.#toggle;\n  }\n\n  set toggle(value: boolean) {\n    this.#toggle = value;\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  /**\n   * Add the remove icon\n   */\n  @property({ type: Boolean, reflect: true }) removable = false;\n\n  /**\n   * Hide the selected icon\n   */\n  @property({ type: Boolean, attribute: 'hide-selected-icon', reflect: true }) hideSelectedIcon = false;\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasSelectedIcon = false;\n  @state() private _hasTrailingIcon = false;\n\n  @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n  private readonly _assignedLeadingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'icon-selected', flatten: true })\n  private readonly _assignedSelectedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n  private readonly _assignedTrailingIcons!: HTMLElement[];\n\n  @query('#remove-ripple') removeRipple!: UmRipple;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  #handleRemoveClick(e: Event) {\n    e.stopPropagation();\n\n    if (!(e as PointerEvent).pointerType) {\n      this.removeRipple.createRipple();\n    }\n\n    const removeEvent = new Event('remove', { cancelable: true });\n    this.dispatchEvent(removeEvent);\n\n    if (!removeEvent.defaultPrevented) {\n      this.remove();\n    }\n  }\n\n  #handleTrailingIconSlotChange() {\n    this._hasTrailingIcon = this._assignedTrailingIcons.length > 0;\n  }\n\n  #handleLeadingIconSlotChange() {\n    this._hasLeadingIcon = this._assignedLeadingIcons.length > 0;\n  }\n\n  #handleSelectedIconSlotChange() {\n    this._hasSelectedIcon = this._assignedSelectedIcons.length > 0;\n  }\n\n  protected override _handleClick(event: UIEvent): void {\n    super._handleClick(event);\n\n    if (!this.toggle) {\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      clickable: this.clickable,\n      toggle: this.toggle,\n      selected: this.selected,\n      removable: this.removable,\n      elevated: this.elevated && !this.disabled,\n      'trailing-icon': this._hasTrailingIcon,\n      'leading-icon': this._hasLeadingIcon,\n      'selected-icon': this._hasSelectedIcon,\n      'hide-selected-icon': this.hideSelectedIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    const remove = html`\n      <button class=\"icon remove-button focus-ring\" ?disabled=${this.disabled} @click=${this.#handleRemoveClick}>\n        <u-ripple id=\"remove-ripple\" ?disabled=${this.disabled}></u-ripple>\n        <slot name=\"remove-icon\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n            <path\n              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        </slot>\n      </button>\n    `;\n\n    const outline = !this.disabled && !this.elevated && !this.selected\n      ? html`<div class=\"outline\"></div>`\n      : nothing;\n\n    return html`\n      ${outline}\n      <span class=\"icon leading\" part=\"icon leading\">\n        <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n      </span>\n      <span class=\"icon icon-selected\" part=\"icon selected\">\n        <slot name=\"icon-selected\" @slotchange=\"${this.#handleSelectedIconSlotChange}\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"1em\"\n            viewBox=\"0 -960 960 960\"\n            width=\"1em\"\n            fill=\"currentColor\">\n            <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\n          </svg>\n        </slot>\n      </span>\n      <div class=\"label\">\n        <slot></slot>\n      </div>\n      <slot\n        class=\"icon trailing\"\n        part=\"icon trailing\"\n        name=\"trailing-icon\"\n        @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n      ${this.removable ? remove : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip': UmChip;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { Ripple } from '../ripple/ripple.js';\nimport { ButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './chip.styles.js';\n\nimport '../ripple/ripple.js';\nimport '../elevation/elevation.js';\n\n@customElement('u-chip')\nexport class Chip extends ButtonWrapper {\n  static override styles = [ButtonWrapper.styles, styles];\n\n  #clickable = false;\n  #toggle = false;\n\n  /**\n   * Whether the chip is selected or not\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Whether the chip is interactive and renders a ripple on click\n   */\n  @property({ type: Boolean, reflect: true })\n  get clickable(): boolean {\n    return this.#clickable;\n  }\n\n  set clickable(value: boolean) {\n    this.#clickable = value;\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  /**\n   * Adds elevation to the chip\n   */\n  @property({ type: Boolean, reflect: true }) elevated = false;\n\n  /**\n   * When true, the chip will toggle between selected and unselected\n   * states\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggle(): boolean {\n    return this.#toggle;\n  }\n\n  set toggle(value: boolean) {\n    this.#toggle = value;\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  /**\n   * Add the remove icon\n   */\n  @property({ type: Boolean, reflect: true }) removable = false;\n\n  /**\n   * Hide the selected icon\n   */\n  @property({ type: Boolean, attribute: 'hide-selected-icon', reflect: true }) hideSelectedIcon = false;\n\n  @state() private _hasLeadingIcon = false;\n  @state() private _hasSelectedIcon = false;\n  @state() private _hasTrailingIcon = false;\n\n  @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n  private readonly _assignedLeadingIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'icon-selected', flatten: true })\n  private readonly _assignedSelectedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n  private readonly _assignedTrailingIcons!: HTMLElement[];\n\n  @query('#remove-ripple') removeRipple!: Ripple;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.renderRipple = this.#clickable || this.#toggle;\n  }\n\n  #handleRemoveClick(e: Event) {\n    e.stopPropagation();\n\n    if (!(e as PointerEvent).pointerType) {\n      this.removeRipple.createRipple();\n    }\n\n    const removeEvent = new Event('remove', { bubbles: true, composed: true, cancelable: true });\n    this.dispatchEvent(removeEvent);\n\n    if (!removeEvent.defaultPrevented) {\n      this.remove();\n    }\n  }\n\n  #handleTrailingIconSlotChange() {\n    this._hasTrailingIcon = this._assignedTrailingIcons.length > 0;\n  }\n\n  #handleLeadingIconSlotChange() {\n    this._hasLeadingIcon = this._assignedLeadingIcons.length > 0;\n  }\n\n  #handleSelectedIconSlotChange() {\n    this._hasSelectedIcon = this._assignedSelectedIcons.length > 0;\n  }\n\n  protected override _handleClick(event: UIEvent): void {\n    super._handleClick(event);\n\n    if (!this.toggle) {\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  protected override _getContainerClasses(): Record<string, boolean> {\n    return {\n      ...super._getContainerClasses(),\n      clickable: this.clickable,\n      toggle: this.toggle,\n      selected: this.selected,\n      removable: this.removable,\n      elevated: this.elevated && !this.disabled,\n      'trailing-icon': this._hasTrailingIcon,\n      'leading-icon': this._hasLeadingIcon,\n      'selected-icon': this._hasSelectedIcon,\n      'hide-selected-icon': this.hideSelectedIcon,\n    };\n  }\n\n  protected override _renderContent(): HTMLTemplateResult {\n    const remove = html`\n      <button class=\"icon remove-button focus-ring\" ?disabled=${this.disabled} @click=${this.#handleRemoveClick}>\n        <u-ripple id=\"remove-ripple\" ?disabled=${this.disabled}></u-ripple>\n        <slot name=\"remove-icon\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n            <path\n              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        </slot>\n      </button>\n    `;\n\n    const outline = !this.disabled && !this.elevated && !this.selected\n      ? html`<div class=\"outline\"></div>`\n      : nothing;\n\n    return html`\n      ${outline}\n      <span class=\"icon leading\" part=\"icon leading\">\n        <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n      </span>\n      <span class=\"icon icon-selected\" part=\"icon selected\">\n        <slot name=\"icon-selected\" @slotchange=\"${this.#handleSelectedIconSlotChange}\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            height=\"1em\"\n            viewBox=\"0 -960 960 960\"\n            width=\"1em\"\n            fill=\"currentColor\">\n            <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" />\n          </svg>\n        </slot>\n      </span>\n      <div class=\"label\">\n        <slot></slot>\n      </div>\n      <slot\n        class=\"icon trailing\"\n        part=\"icon trailing\"\n        name=\"trailing-icon\"\n        @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n      ${this.removable ? remove : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip': Chip;\n  }\n}\n"]}

package/chip-field/chip-field.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult } from 'lit';
-import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
-export declare class UmChipField extends UmTextFieldBase {
+import { TextFieldBase } from '../shared/text-field-base/text-field-base.js';
+export declare class ChipField extends TextFieldBase {
     #private;
     static styles: CSSResultGroup;
     input: HTMLInputElement;
@@ -39,7 +39,7 @@ export declare class UmChipField extends UmTextFieldBase {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-chip-field': UmChipField;
+        'u-chip-field': ChipField;
     }
 }
 //# sourceMappingURL=chip-field.d.ts.map

package/chip-field/chip-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-field.d.ts","sourceRoot":"","sources":["../../src/chip-field/chip-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAIxD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAG/E,qBACa,WAAY,SAAQ,eAAe;;IAC9C,OAAgB,MAAM,EAAE,cAAc,CAAoC;IAE1D,KAAK,EAAG,gBAAgB,CAAC;IAEzC;;OAEG;IACS,IAAI,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAC0B,MAAM,UAAS;IAE5C;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEhD;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAI1D;;;;OAIG;IACH,IAAI,KAAK,IAAI,GAAG,EAAE,CAEjB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,EAGrB;IAED,OAAO,CAAC,YAAY;IAUX,KAAK;cAIK,aAAa,IAAI,kBAAkB;IAsDtD,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,UAAQ;IAMrC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAQ;IAiD7C,OAAO,CAAC,YAAY;CAGrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"chip-field.d.ts","sourceRoot":"","sources":["../../src/chip-field/chip-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAIxD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAG7E,qBACa,SAAU,SAAQ,aAAa;;IAC1C,OAAgB,MAAM,EAAE,cAAc,CAAkC;IAExD,KAAK,EAAG,gBAAgB,CAAC;IAEzC;;OAEG;IACS,IAAI,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAC0B,MAAM,UAAS;IAE5C;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEhD;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAI1D;;;;OAIG;IACH,IAAI,KAAK,IAAI,GAAG,EAAE,CAEjB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,EAGrB;IAED,OAAO,CAAC,YAAY;IAUX,KAAK;cAIK,aAAa,IAAI,kBAAkB;IAsDtD,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,UAAQ;IAMrC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAQ;IAiD7C,OAAO,CAAC,YAAY;CAGrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}

package/chip-field/chip-field.js

@@ -2,9 +2,9 @@ import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { customElement, property, query } from 'lit/decorators.js';
-import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
+import { TextFieldBase } from '../shared/text-field-base/text-field-base.js';
 import { styles } from './chip-field.styles.js';
-let UmChipField = class UmChipField extends UmTextFieldBase {
+let ChipField = class ChipField extends TextFieldBase {
     constructor() {
         super(...arguments);
         /**
@@ -22,7 +22,7 @@ let UmChipField = class UmChipField extends UmTextFieldBase {
             this.removeAt(index, true);
         };
     }
-    static { this.styles = [UmTextFieldBase.styles, styles]; }
+    static { this.styles = [TextFieldBase.styles, styles]; }
     #value;
     /**
      * An array containing the value representation of each chip.
@@ -131,15 +131,15 @@ let UmChipField = class UmChipField extends UmTextFieldBase {
 };
 __decorate([
     query('input')
-], UmChipField.prototype, "input", void 0);
+], ChipField.prototype, "input", void 0);
 __decorate([
     property()
-], UmChipField.prototype, "name", void 0);
+], ChipField.prototype, "name", void 0);
 __decorate([
     property({ type: Boolean })
-], UmChipField.prototype, "manual", void 0);
-UmChipField = __decorate([
+], ChipField.prototype, "manual", void 0);
+ChipField = __decorate([
     customElement('u-chip-field')
-], UmChipField);
-export { UmChipField };
+], ChipField);
+export { ChipField };
 //# sourceMappingURL=chip-field.js.map

package/chip-field/chip-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip-field.js","sourceRoot":"","sources":["../../src/chip-field/chip-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './chip-field.styles.js';\n\n@customElement('u-chip-field')\nexport class UmChipField extends UmTextFieldBase {\n  static override styles: CSSResultGroup = [UmTextFieldBase.styles, styles];\n\n  @query('input') input!: HTMLInputElement;\n\n  /**\n   * The form field name used when submitting each chip value as form data\n   */\n  @property() name!: string;\n\n  /**\n   * If true, ignore enter key input\n   */\n  @property({ type: Boolean }) manual = false;\n\n  /**\n   * A function return a string based on a item from the `value`. Useful when the items of value are objects.\n   */\n  formatter: ((value: any) => string) | undefined;\n\n  /**\n   * A string representing an HTML to be rendered inside as leading icon of each chip.\n   *\n   * _Note:_ Subject to signature change\n   */\n  leadingIconTemplate: ((value: any) => string) | undefined;\n\n  #value: any[] = [];\n\n  /**\n   * An array containing the value representation of each chip.\n   *\n   * _Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`.\n   */\n  get value(): any[] {\n    return this.#value;\n  }\n\n  set value(value: any[]) {\n    this.#value = value;\n    this.#valueUpdate();\n  }\n\n  private setFormValue() {\n    const formData = new FormData();\n\n    for (const item of this.value) {\n      formData.append(this.name, this.getItemLabel(item));\n    }\n\n    this.elementInternals.setFormValue(formData);\n  }\n\n  override focus() {\n    this.input.focus();\n  }\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <div class=\"input\">\n        ${this.#getChips()}\n        <input\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          ?disabled=${this.disabled}\n          placeholder=${this.placeholder || nothing}\n          @blur=${this.#handleBlur}\n          @keydown=${this.#handleKeyDown}\n          @input=${this.#handleInput} />\n      </div>\n    `;\n  }\n\n  #getChips() {\n    return this.value?.map((item, index) => {\n      const leadingIcon = this.leadingIconTemplate\n        ? html`\n            <span slot=\"leading-icon\">${unsafeHTML(this.leadingIconTemplate(item))}</span>\n          `\n        : nothing;\n\n      return html`\n        <u-chip removable ?disabled=${this.disabled} @remove=${this.#removeChip(index)}>\n          ${leadingIcon} ${this.getItemLabel(item)}\n        </u-chip>\n      `;\n    });\n  }\n\n  #handleBlur() {\n    this.requestUpdate();\n  }\n\n  #handleInput() {\n    this.#setEmpty();\n  }\n\n  #handleKeyDown(e: KeyboardEvent) {\n    if (!this.manual && e.key === 'Enter') {\n      this.add(this.input.value, true);\n      this.input.value = '';\n      return;\n    }\n\n    if (e.key === 'Backspace' && this.input.selectionStart === 0 && this.input.selectionEnd === 0) {\n      this.#removeChip(this.value.length - 1)();\n      return;\n    }\n  }\n\n  add(value: any, triggerChange = false) {\n    this.value.push(value);\n\n    this.#changed(triggerChange);\n  }\n\n  removeAt(index: number, triggerChange = false) {\n    this.value.splice(index, 1);\n    this.#changed(triggerChange);\n  }\n\n  readonly #removeChip = (index: number) => (e?: Event) => {\n    e?.preventDefault();\n\n    this.input.focus();\n    const defaultPrevented = this.#dispatchRemoveEvent(index);\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    this.removeAt(index, true);\n  };\n\n  #changed(triggerChange: boolean) {\n    this.#valueUpdate();\n\n    if (triggerChange) {\n      this.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n  }\n\n  #valueUpdate() {\n    this.#setEmpty();\n    this.setFormValue();\n    this.requestUpdate();\n  }\n\n  #setEmpty() {\n    this.empty = !this.value?.length && !this.input?.value;\n  }\n\n  #dispatchRemoveEvent(index: number): boolean {\n    const item = this.value[index];\n\n    const event = new CustomEvent('remove', {\n      cancelable: true,\n      detail: item,\n    });\n\n    this.dispatchEvent(event);\n\n    return event.defaultPrevented;\n  }\n\n  private getItemLabel(item: any) {\n    return this.formatter ? this.formatter(item) : item.toString();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip-field': UmChipField;\n  }\n}\n"]}
+{"version":3,"file":"chip-field.js","sourceRoot":"","sources":["../../src/chip-field/chip-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { TextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './chip-field.styles.js';\n\n@customElement('u-chip-field')\nexport class ChipField extends TextFieldBase {\n  static override styles: CSSResultGroup = [TextFieldBase.styles, styles];\n\n  @query('input') input!: HTMLInputElement;\n\n  /**\n   * The form field name used when submitting each chip value as form data\n   */\n  @property() name!: string;\n\n  /**\n   * If true, ignore enter key input\n   */\n  @property({ type: Boolean }) manual = false;\n\n  /**\n   * A function return a string based on a item from the `value`. Useful when the items of value are objects.\n   */\n  formatter: ((value: any) => string) | undefined;\n\n  /**\n   * A string representing an HTML to be rendered inside as leading icon of each chip.\n   *\n   * _Note:_ Subject to signature change\n   */\n  leadingIconTemplate: ((value: any) => string) | undefined;\n\n  #value: any[] = [];\n\n  /**\n   * An array containing the value representation of each chip.\n   *\n   * _Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`.\n   */\n  get value(): any[] {\n    return this.#value;\n  }\n\n  set value(value: any[]) {\n    this.#value = value;\n    this.#valueUpdate();\n  }\n\n  private setFormValue() {\n    const formData = new FormData();\n\n    for (const item of this.value) {\n      formData.append(this.name, this.getItemLabel(item));\n    }\n\n    this.elementInternals.setFormValue(formData);\n  }\n\n  override focus() {\n    this.input.focus();\n  }\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <div class=\"input\">\n        ${this.#getChips()}\n        <input\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          ?disabled=${this.disabled}\n          placeholder=${this.placeholder || nothing}\n          @blur=${this.#handleBlur}\n          @keydown=${this.#handleKeyDown}\n          @input=${this.#handleInput} />\n      </div>\n    `;\n  }\n\n  #getChips() {\n    return this.value?.map((item, index) => {\n      const leadingIcon = this.leadingIconTemplate\n        ? html`\n            <span slot=\"leading-icon\">${unsafeHTML(this.leadingIconTemplate(item))}</span>\n          `\n        : nothing;\n\n      return html`\n        <u-chip removable ?disabled=${this.disabled} @remove=${this.#removeChip(index)}>\n          ${leadingIcon} ${this.getItemLabel(item)}\n        </u-chip>\n      `;\n    });\n  }\n\n  #handleBlur() {\n    this.requestUpdate();\n  }\n\n  #handleInput() {\n    this.#setEmpty();\n  }\n\n  #handleKeyDown(e: KeyboardEvent) {\n    if (!this.manual && e.key === 'Enter') {\n      this.add(this.input.value, true);\n      this.input.value = '';\n      return;\n    }\n\n    if (e.key === 'Backspace' && this.input.selectionStart === 0 && this.input.selectionEnd === 0) {\n      this.#removeChip(this.value.length - 1)();\n      return;\n    }\n  }\n\n  add(value: any, triggerChange = false) {\n    this.value.push(value);\n\n    this.#changed(triggerChange);\n  }\n\n  removeAt(index: number, triggerChange = false) {\n    this.value.splice(index, 1);\n    this.#changed(triggerChange);\n  }\n\n  readonly #removeChip = (index: number) => (e?: Event) => {\n    e?.preventDefault();\n\n    this.input.focus();\n    const defaultPrevented = this.#dispatchRemoveEvent(index);\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    this.removeAt(index, true);\n  };\n\n  #changed(triggerChange: boolean) {\n    this.#valueUpdate();\n\n    if (triggerChange) {\n      this.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n  }\n\n  #valueUpdate() {\n    this.#setEmpty();\n    this.setFormValue();\n    this.requestUpdate();\n  }\n\n  #setEmpty() {\n    this.empty = !this.value?.length && !this.input?.value;\n  }\n\n  #dispatchRemoveEvent(index: number): boolean {\n    const item = this.value[index];\n\n    const event = new CustomEvent('remove', {\n      cancelable: true,\n      detail: item,\n    });\n\n    this.dispatchEvent(event);\n\n    return event.defaultPrevented;\n  }\n\n  private getItemLabel(item: any) {\n    return this.formatter ? this.formatter(item) : item.toString();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-chip-field': ChipField;\n  }\n}\n"]}

package/collapse/collapse.d.ts

@@ -0,0 +1,26 @@
+import { PropertyValues } from '@lit/reactive-element';
+import { HTMLTemplateResult, LitElement } from 'lit';
+/**
+ * @slot - Default slot for the collapsible content.
+ * @csspart content - The wrapper around the slotted content used to measure its natural height.
+ */
+export declare class Collapse extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the collapse is open. Animates `max-height` between `0` and the
+     * measured content height when toggled.
+     */
+    open: boolean;
+    private readonly _content;
+    render(): HTMLTemplateResult;
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-collapse': Collapse;
+    }
+}
+//# sourceMappingURL=collapse.d.ts.map

package/collapse/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../src/collapse/collapse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D;;;GAGG;AACH,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,4BAAwB;IAE9C;;;OAGG;IACyC,IAAI,UAAS;IAEtC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAe;IAIlD,MAAM,IAAI,kBAAkB;IAI5B,YAAY;IAWZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAM/B,oBAAoB;CAU9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/collapse/collapse.js

@@ -0,0 +1,62 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles.js';
+import { styles } from './collapse.styles.js';
+/**
+ * @slot - Default slot for the collapsible content.
+ * @csspart content - The wrapper around the slotted content used to measure its natural height.
+ */
+let Collapse = class Collapse extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the collapse is open. Animates `max-height` between `0` and the
+         * measured content height when toggled.
+         */
+        this.open = false;
+        this.#resizeObserver = null;
+        this.#applyMaxHeight = () => {
+            if (!this._content)
+                return;
+            this.style.maxHeight = this.open ? `${this._content.scrollHeight}px` : '0';
+        };
+    }
+    static { this.styles = [baseStyles, styles]; }
+    #resizeObserver;
+    render() {
+        return html `<div class="content" part="content"><slot @slotchange=${this.#applyMaxHeight}></slot></div>`;
+    }
+    firstUpdated() {
+        this.#applyMaxHeight();
+        // Enable the CSS transition only after the initial paint, so the closed→0
+        // transition doesn't fire on mount.
+        requestAnimationFrame(() => {
+            this.style.transition = 'max-height var(--u-collapse-transition-duration, 200ms) var(--u-collapse-transition-timing, ease-out)';
+        });
+        this.#resizeObserver = new ResizeObserver(() => this.#applyMaxHeight());
+        this.#resizeObserver.observe(this._content);
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            this.#applyMaxHeight();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#resizeObserver?.disconnect();
+        this.#resizeObserver = null;
+    }
+    #applyMaxHeight;
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Collapse.prototype, "open", void 0);
+__decorate([
+    query('.content')
+], Collapse.prototype, "_content", void 0);
+Collapse = __decorate([
+    customElement('u-collapse')
+], Collapse);
+export { Collapse };
+//# sourceMappingURL=collapse.js.map

package/collapse/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../src/collapse/collapse.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,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;;;GAGG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAGL;;;WAGG;QACyC,SAAI,GAAG,KAAK,CAAC;QAIzD,oBAAe,GAA0B,IAAI,CAAC;QA6B9C,oBAAe,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC3B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;QAC7E,CAAC,CAAC;IACJ,CAAC;aA3CiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAU9C,eAAe,CAA+B;IAErC,MAAM;QACb,OAAO,IAAI,CAAA,yDAAyD,IAAI,CAAC,eAAe,gBAAgB,CAAC;IAC3G,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,0EAA0E;QAC1E,oCAAoC;QACpC,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,uGAAuG,CAAC;QAClI,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QACxE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED,eAAe,CAGb;;AApC0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAErB;IAAnC,KAAK,CAAC,UAAU,CAAC;0CAAyC;AAThD,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA4CpB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './collapse.styles.js';\n\n/**\n * @slot - Default slot for the collapsible content.\n * @csspart content - The wrapper around the slotted content used to measure its natural height.\n */\n@customElement('u-collapse')\nexport class Collapse extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  /**\n   * Whether the collapse is open. Animates `max-height` between `0` and the\n   * measured content height when toggled.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @query('.content') private readonly _content!: HTMLElement;\n\n  #resizeObserver: ResizeObserver | null = null;\n\n  override render(): HTMLTemplateResult {\n    return html`<div class=\"content\" part=\"content\"><slot @slotchange=${this.#applyMaxHeight}></slot></div>`;\n  }\n\n  override firstUpdated() {\n    this.#applyMaxHeight();\n    // Enable the CSS transition only after the initial paint, so the closed→0\n    // transition doesn't fire on mount.\n    requestAnimationFrame(() => {\n      this.style.transition = 'max-height var(--u-collapse-transition-duration, 200ms) var(--u-collapse-transition-timing, ease-out)';\n    });\n    this.#resizeObserver = new ResizeObserver(() => this.#applyMaxHeight());\n    this.#resizeObserver.observe(this._content);\n  }\n\n  override updated(changed: PropertyValues) {\n    if (changed.has('open')) {\n      this.#applyMaxHeight();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = null;\n  }\n\n  #applyMaxHeight = () => {\n    if (!this._content) return;\n    this.style.maxHeight = this.open ? `${this._content.scrollHeight}px` : '0';\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-collapse': Collapse;\n  }\n}\n"]}

package/collapse/collapse.styles.d.ts

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

package/collapse/collapse.styles.d.ts.map

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

package/collapse/collapse.styles.js

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    overflow: hidden;
+  }
+`;
+//# sourceMappingURL=collapse.styles.js.map

package/collapse/collapse.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.styles.js","sourceRoot":"","sources":["../../src/collapse/collapse.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;CAKzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    overflow: hidden;\n  }\n`;\n"]}

package/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,GAAG;IACd,MAAM,EAAE;QACN,aAAa,EAAE;YACb,iBAAiB,EAAE;gBACjB,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,MAAyB;aAChB;SACrB;QACD,eAAe,EAAE;YACf,aAAa,EAAE;gBACb,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,MAAyB;aAChB;YACpB,YAAY,EAAE;gBACZ,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,MAAyB;aAChB;SACrB;KACF;IACD,gBAAgB,EAAE;QAChB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC","sourcesContent":["import { UmButtonVariant } from './button/button.js';\nimport { DialogButtonDef } from './dialog/dialog-button-def.js';\n\nconst _config = {\n  dialog: {\n    alertDefaults: {\n      acknowledgeButton: {\n        label: 'Ok',\n        variant: 'text' as UmButtonVariant,\n      } as DialogButtonDef,\n    },\n    confirmDefaults: {\n      confirmButton: {\n        label: 'Ok',\n        variant: 'text' as UmButtonVariant,\n      } as DialogButtonDef,\n      cancelButton: {\n        label: 'Cancel',\n        variant: 'text' as UmButtonVariant,\n      } as DialogButtonDef,\n    },\n  },\n  navigationDrawer: {\n    useSwiperJs: false,\n  },\n};\n\nexport const config = _config;\n"]}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,GAAG;IACd,MAAM,EAAE;QACN,aAAa,EAAE;YACb,iBAAiB,EAAE;gBACjB,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,MAAuB;aACd;SACrB;QACD,eAAe,EAAE;YACf,aAAa,EAAE;gBACb,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,MAAuB;aACd;YACpB,YAAY,EAAE;gBACZ,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,MAAuB;aACd;SACrB;KACF;IACD,gBAAgB,EAAE;QAChB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC","sourcesContent":["import { ButtonVariant } from './button/button.js';\nimport { DialogButtonDef } from './dialog/dialog-button-def.js';\n\nconst _config = {\n  dialog: {\n    alertDefaults: {\n      acknowledgeButton: {\n        label: 'Ok',\n        variant: 'text' as ButtonVariant,\n      } as DialogButtonDef,\n    },\n    confirmDefaults: {\n      confirmButton: {\n        label: 'Ok',\n        variant: 'text' as ButtonVariant,\n      } as DialogButtonDef,\n      cancelButton: {\n        label: 'Cancel',\n        variant: 'text' as ButtonVariant,\n      } as DialogButtonDef,\n    },\n  },\n  navigationDrawer: {\n    useSwiperJs: false,\n  },\n};\n\nexport const config = _config;\n"]}