@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/{list-D8olR7oZ.js → list-D7yrbJRL.js}

@@ -1,9 +1,10 @@
-import { n as r, t as s } from "./decorate-DXuynaiA.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import { css as l, html as i, nothing as t } from "lit";
-import { customElement as p, property as n } from "lit/decorators.js";
-var h = l`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./ripple-CBOKeVfm.js";
+import "./focus-ring-K6SY_mIm.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/components/list/list.css.ts
+var s = n`
   :host {
     display: flex;
     flex-direction: column;
@@ -12,7 +13,7 @@ var h = l`
     width: 100%;
     max-width: 100%;
   }
-`, m = l`
+`, c = n`
   :host {
     display: flex;
     outline: none;
@@ -104,101 +105,92 @@ var h = l`
       display: none;
     }
   }
-`, e = class extends r {
-  constructor(...c) {
-    super(...c), this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.interactive = !1, this.disabled = !1, this.href = "", this.target = "", this.handleClick = (a) => {
-      if (this.disabled) {
-        a.preventDefault(), a.stopImmediatePropagation();
-        return;
-      }
-      this.interactive && this.emitEvent("item-click");
-    };
-  }
-  static {
-    this.styles = [r.styles, m];
-  }
-  render() {
-    return this.href ? i`
+`, l = class extends e {
+	constructor(...e) {
+		super(...e), this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.interactive = !1, this.disabled = !1, this.href = "", this.target = "", this.handleClick = (e) => {
+			if (this.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			this.interactive && this.emitEvent("item-click");
+		};
+	}
+	static {
+		this.styles = [e.styles, c];
+	}
+	render() {
+		return this.href ? r`
         <a
           class="item"
-          href=${this.disabled ? t : this.href}
-          target=${this.target || t}
-          aria-disabled=${this.disabled ? "true" : t}
+          href=${this.disabled ? i : this.href}
+          target=${this.target || i}
+          aria-disabled=${this.disabled ? "true" : i}
           tabindex=${this.disabled ? "-1" : "0"}
           @click=${this.handleClick}
         >
-          ${this.interactive ? i`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : t}
+          ${this.interactive ? r`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : i}
           <div class="start">
             <slot name="start"></slot>
           </div>
           <div class="content">
-            ${this.headline ? i`<span class="headline">${this.headline}</span>` : t}
-            ${this.supportingText ? i`<span class="supporting-text">${this.supportingText}</span>` : t}
+            ${this.headline ? r`<span class="headline">${this.headline}</span>` : i}
+            ${this.supportingText ? r`<span class="supporting-text">${this.supportingText}</span>` : i}
             <slot></slot>
           </div>
           <div class="end">
-            ${this.trailingSupportingText ? i`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : t}
+            ${this.trailingSupportingText ? r`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : i}
             <slot name="end"></slot>
           </div>
         </a>
-      ` : i`
+      ` : r`
       <div
         class="item"
-        tabindex=${this.interactive && !this.disabled ? "0" : t}
+        tabindex=${this.interactive && !this.disabled ? "0" : i}
         @click=${this.handleClick}
       >
-        ${this.interactive ? i`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : t}
+        ${this.interactive ? r`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : i}
         <div class="start">
           <slot name="start"></slot>
         </div>
         <div class="content">
-          ${this.headline ? i`<span class="headline">${this.headline}</span>` : t}
-          ${this.supportingText ? i`<span class="supporting-text">${this.supportingText}</span>` : t}
+          ${this.headline ? r`<span class="headline">${this.headline}</span>` : i}
+          ${this.supportingText ? r`<span class="supporting-text">${this.supportingText}</span>` : i}
           <slot></slot>
         </div>
         <div class="end">
-          ${this.trailingSupportingText ? i`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : t}
+          ${this.trailingSupportingText ? r`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : i}
           <slot name="end"></slot>
         </div>
       </div>
     `;
-  }
-};
-s([n({ type: String })], e.prototype, "headline", void 0);
-s([n({
-  type: String,
-  attribute: "supporting-text"
-})], e.prototype, "supportingText", void 0);
-s([n({
-  type: String,
-  attribute: "trailing-supporting-text"
-})], e.prototype, "trailingSupportingText", void 0);
-s([n({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "interactive", void 0);
-s([n({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "disabled", void 0);
-s([n({ type: String })], e.prototype, "href", void 0);
-s([n({ type: String })], e.prototype, "target", void 0);
-e = s([p("md-list-item")], e);
-var o = class extends r {
-  static {
-    this.styles = [r.styles, h];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "list");
-  }
-  render() {
-    return i`<slot></slot>`;
-  }
+	}
 };
-o = s([p("md-list")], o);
-export {
-  e as n,
-  o as t
+t([o({ type: String })], l.prototype, "headline", void 0), t([o({
+	type: String,
+	attribute: "supporting-text"
+})], l.prototype, "supportingText", void 0), t([o({
+	type: String,
+	attribute: "trailing-supporting-text"
+})], l.prototype, "trailingSupportingText", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "interactive", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), t([o({ type: String })], l.prototype, "href", void 0), t([o({ type: String })], l.prototype, "target", void 0), l = t([a("md-list-item")], l);
+var u = class extends e {
+	static {
+		this.styles = [e.styles, s];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "list");
+	}
+	render() {
+		return r`<slot></slot>`;
+	}
 };
+u = t([a("md-list")], u);
+//#endregion
+export { l as n, u as t };
 
-//# sourceMappingURL=list-D8olR7oZ.js.map
+//# sourceMappingURL=list-D7yrbJRL.js.map

package/dist/chunks/{list-D8olR7oZ.js.map → list-D7yrbJRL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"list-D8olR7oZ.js","names":[],"sources":["../../src/components/list/list.css.ts","../../src/components/list/list.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const listStyles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n  }\n`;\n\nexport const listItemStyles = css`\n  :host {\n    display: flex;\n    outline: none;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.38;\n  }\n\n  .item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: 56px;\n    padding: 8px 16px;\n    box-sizing: border-box;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    text-decoration: none;\n    gap: 16px;\n    user-select: none;\n    overflow: hidden;\n  }\n\n  :host([interactive]) .item {\n    cursor: pointer;\n  }\n\n  .start {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    flex-shrink: 0;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n    justify-content: center;\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-body-large-size, 16px);\n    line-height: 24px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .supporting-text {\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .headline:empty,\n  .supporting-text:empty,\n  .trailing-supporting-text:empty {\n    display: none;\n  }\n\n  .end {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-size: var(--md-sys-typescale-label-small-size, 11px);\n    flex-shrink: 0;\n  }\n\n  @media (max-width: 600px) {\n    .trailing-supporting-text {\n      display: none;\n    }\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport { listStyles, listItemStyles } from './list.css.js';\n\n@customElement('md-list-item')\nexport class MdListItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, listItemStyles];\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String, attribute: 'supporting-text' })\n  supportingText = '';\n\n  @property({ type: String, attribute: 'trailing-supporting-text' })\n  trailingSupportingText = '';\n\n  @property({ type: Boolean, reflect: true })\n  interactive = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n    if (this.interactive) {\n      this.emitEvent('item-click');\n    }\n  };\n\n  override render() {\n    if (this.href) {\n      return html`\n        <a\n          class=\"item\"\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleClick}\n        >\n          ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n          <div class=\"start\">\n            <slot name=\"start\"></slot>\n          </div>\n          <div class=\"content\">\n            ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n            ${this.supportingText ? html`<span class=\"supporting-text\">${this.supportingText}</span>` : nothing}\n            <slot></slot>\n          </div>\n          <div class=\"end\">\n            ${this.trailingSupportingText ? html`<span class=\"trailing-supporting-text\">${this.trailingSupportingText}</span>` : nothing}\n            <slot name=\"end\"></slot>\n          </div>\n        </a>\n      `;\n    }\n\n    return html`\n      <div\n        class=\"item\"\n        tabindex=${this.interactive && !this.disabled ? '0' : nothing}\n        @click=${this.handleClick}\n      >\n        ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n        <div class=\"start\">\n          <slot name=\"start\"></slot>\n        </div>\n        <div class=\"content\">\n          ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n          ${this.supportingText ? html`<span class=\"supporting-text\">${this.supportingText}</span>` : nothing}\n          <slot></slot>\n        </div>\n        <div class=\"end\">\n          ${this.trailingSupportingText ? html`<span class=\"trailing-supporting-text\">${this.trailingSupportingText}</span>` : nothing}\n          <slot name=\"end\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\n@customElement('md-list')\nexport class MdList extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, listStyles];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'list');\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list': MdList;\n    'md-list-item': MdListItem;\n  }\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"list-D7yrbJRL.js","names":[],"sources":["../../src/components/list/list.css.ts","../../src/components/list/list.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const listStyles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n  }\n`;\n\nexport const listItemStyles = css`\n  :host {\n    display: flex;\n    outline: none;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.38;\n  }\n\n  .item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: 56px;\n    padding: 8px 16px;\n    box-sizing: border-box;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    text-decoration: none;\n    gap: 16px;\n    user-select: none;\n    overflow: hidden;\n  }\n\n  :host([interactive]) .item {\n    cursor: pointer;\n  }\n\n  .start {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    flex-shrink: 0;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n    justify-content: center;\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-body-large-size, 16px);\n    line-height: 24px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .supporting-text {\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .headline:empty,\n  .supporting-text:empty,\n  .trailing-supporting-text:empty {\n    display: none;\n  }\n\n  .end {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-size: var(--md-sys-typescale-label-small-size, 11px);\n    flex-shrink: 0;\n  }\n\n  @media (max-width: 600px) {\n    .trailing-supporting-text {\n      display: none;\n    }\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport { listStyles, listItemStyles } from './list.css.js';\n\n@customElement('md-list-item')\nexport class MdListItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, listItemStyles];\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String, attribute: 'supporting-text' })\n  supportingText = '';\n\n  @property({ type: String, attribute: 'trailing-supporting-text' })\n  trailingSupportingText = '';\n\n  @property({ type: Boolean, reflect: true })\n  interactive = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n    if (this.interactive) {\n      this.emitEvent('item-click');\n    }\n  };\n\n  override render() {\n    if (this.href) {\n      return html`\n        <a\n          class=\"item\"\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleClick}\n        >\n          ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n          <div class=\"start\">\n            <slot name=\"start\"></slot>\n          </div>\n          <div class=\"content\">\n            ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n            ${this.supportingText ? html`<span class=\"supporting-text\">${this.supportingText}</span>` : nothing}\n            <slot></slot>\n          </div>\n          <div class=\"end\">\n            ${this.trailingSupportingText ? html`<span class=\"trailing-supporting-text\">${this.trailingSupportingText}</span>` : nothing}\n            <slot name=\"end\"></slot>\n          </div>\n        </a>\n      `;\n    }\n\n    return html`\n      <div\n        class=\"item\"\n        tabindex=${this.interactive && !this.disabled ? '0' : nothing}\n        @click=${this.handleClick}\n      >\n        ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n        <div class=\"start\">\n          <slot name=\"start\"></slot>\n        </div>\n        <div class=\"content\">\n          ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n          ${this.supportingText ? html`<span class=\"supporting-text\">${this.supportingText}</span>` : nothing}\n          <slot></slot>\n        </div>\n        <div class=\"end\">\n          ${this.trailingSupportingText ? html`<span class=\"trailing-supporting-text\">${this.trailingSupportingText}</span>` : nothing}\n          <slot name=\"end\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\n@customElement('md-list')\nexport class MdList extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, listStyles];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'list');\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list': MdList;\n    'md-list-item': MdListItem;\n  }\n}\n\n"],"mappings":";;;;;;AAEA,IAAa,IAAa,CAAG;;;;;;;;;GAWhB,IAAiB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCLpB,IAAN,cAAyB,EAAc;;EAwBrB,aApBZ,KAAA,WAAA,IAGM,KAAA,iBAAA,IAGQ,KAAA,yBAAA,IAGX,KAAA,cAAA,IAGH,KAAA,WAAA,IAGJ,KAAA,OAAA,IAGE,KAAA,SAAA,IAEc,KAAA,eAAA,MAAsB;GAC3C,IAAI,KAAK,UAAU;IAEjB,AADA,EAAM,eAAe,GACrB,EAAM,yBAAyB;IAC/B;GACF;GACA,AAAI,KAAK,eACP,KAAK,UAAU,YAAY;EAE/B;;;EAhCyB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAc;;CAkC9D,SAAkB;EA4BhB,OA3BI,KAAK,OACA,CAAI;;;iBAGA,KAAK,WAAW,IAAU,KAAK,KAAK;mBAClC,KAAK,UAAU,EAAQ;0BAChB,KAAK,WAAW,SAAS,EAAQ;qBACtC,KAAK,WAAW,OAAO,IAAI;mBAC7B,KAAK,YAAY;;YAExB,KAAK,cAAc,CAAI,wBAAwB,KAAK,SAAS,gDAAgD,EAAQ;;;;;cAKnH,KAAK,WAAW,CAAI,0BAA0B,KAAK,SAAS,WAAW,EAAQ;cAC/E,KAAK,iBAAiB,CAAI,iCAAiC,KAAK,eAAe,WAAW,EAAQ;;;;cAIlG,KAAK,yBAAyB,CAAI,0CAA0C,KAAK,uBAAuB,WAAW,EAAQ;;;;UAO9H,CAAI;;;mBAGI,KAAK,eAAe,CAAC,KAAK,WAAW,MAAM,EAAQ;iBACrD,KAAK,YAAY;;UAExB,KAAK,cAAc,CAAI,wBAAwB,KAAK,SAAS,gDAAgD,EAAQ;;;;;YAKnH,KAAK,WAAW,CAAI,0BAA0B,KAAK,SAAS,WAAW,EAAQ;YAC/E,KAAK,iBAAiB,CAAI,iCAAiC,KAAK,eAAe,WAAW,EAAQ;;;;YAIlG,KAAK,yBAAyB,CAAI,0CAA0C,KAAK,uBAAuB,WAAW,EAAQ;;;;;CAKrI;AACF;AAlFG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGvD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAA2B,CAAC,CAAA,GAAA,EAAA,WAAA,0BAAA,KAAA,CAAA,GAGhE,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAtB3B,IAAA,EAAA,CAAA,EAAc,cAAc,CAAA,GAAA,CAAA;AAyFtB,IAAM,IAAN,cAAqB,EAAc;;EACf,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAU;;CAE1D,oBAA6B;EAE3B,AADA,MAAM,kBAAkB,GACxB,KAAK,aAAa,QAAQ,MAAM;CAClC;CAEA,SAAkB;EAChB,OAAO,CAAI;CACb;AACF;AAZC,IAAA,EAAA,CAAA,EAAc,SAAS,CAAA,GAAA,CAAA"}

package/dist/chunks/{loading-indicator-CvWnZr9o.js → loading-indicator-D9AyxNQh.js}

@@ -1,7 +1,8 @@
-import { n as r, t as a } from "./decorate-DXuynaiA.js";
-import { css as s, html as o } from "lit";
-import { customElement as n, property as i } from "lit/decorators.js";
-var d = s`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import { css as n, html as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+//#region src/components/loading-indicator/loading-indicator.css.ts
+var o = n`
   :host {
     display: inline-flex;
     align-items: center;
@@ -144,50 +145,44 @@ var d = s`
       animation: none !important;
     }
   }
-`, e = class extends r {
-  constructor(...t) {
-    super(...t), this.size = "medium", this.contained = !1, this.shape = "morph", this.paused = !1, this.label = "Loading";
-  }
-  static {
-    this.styles = [r.styles, d];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "status"), this.hasAttribute("aria-live") || this.setAttribute("aria-live", "polite"), this.updateAriaLabel();
-  }
-  updated(t) {
-    super.updated(t), t.has("label") && this.updateAriaLabel();
-  }
-  updateAriaLabel() {
-    this.label && !this.getAttribute("aria-label") && this.setAttribute("aria-label", this.label);
-  }
-  render() {
-    return o`
+`, s = class extends e {
+	constructor(...e) {
+		super(...e), this.size = "medium", this.contained = !1, this.shape = "morph", this.paused = !1, this.label = "Loading";
+	}
+	static {
+		this.styles = [e.styles, o];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "status"), this.hasAttribute("aria-live") || this.setAttribute("aria-live", "polite"), this.updateAriaLabel();
+	}
+	updated(e) {
+		super.updated(e), e.has("label") && this.updateAriaLabel();
+	}
+	updateAriaLabel() {
+		this.label && !this.getAttribute("aria-label") && this.setAttribute("aria-label", this.label);
+	}
+	render() {
+		return r`
       <div class="container" part="container">
         <div class="shape" part="shape"></div>
       </div>
     `;
-  }
+	}
 };
-a([i({
-  type: String,
-  reflect: !0
-})], e.prototype, "size", void 0);
-a([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "contained", void 0);
-a([i({
-  type: String,
-  reflect: !0
-})], e.prototype, "shape", void 0);
-a([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "paused", void 0);
-a([i({ type: String })], e.prototype, "label", void 0);
-e = a([n("md-loading-indicator")], e);
-export {
-  e as t
-};
-
-//# sourceMappingURL=loading-indicator-CvWnZr9o.js.map
+t([a({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), t([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "contained", void 0), t([a({
+	type: String,
+	reflect: !0
+})], s.prototype, "shape", void 0), t([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "paused", void 0), t([a({ type: String })], s.prototype, "label", void 0), s = t([i("md-loading-indicator")], s);
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=loading-indicator-D9AyxNQh.js.map

package/dist/chunks/{loading-indicator-CvWnZr9o.js.map → loading-indicator-D9AyxNQh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator-CvWnZr9o.js","names":[],"sources":["../../src/components/loading-indicator/loading-indicator.css.ts","../../src/components/loading-indicator/loading-indicator.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const loadingIndicatorStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    box-sizing: border-box;\n    --md-loading-indicator-color: var(--md-sys-color-primary, #6750A4);\n    --md-loading-indicator-container-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n    --md-loading-indicator-container-shape: var(--md-sys-shape-corner-medium, 16px);\n  }\n\n  :host([size=\"small\"]) {\n    --_size: var(--md-loading-indicator-size, 36px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 18px);\n  }\n\n  :host(:not([size])),\n  :host([size=\"medium\"]) {\n    --_size: var(--md-loading-indicator-size, 48px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 24px);\n  }\n\n  :host([size=\"large\"]) {\n    --_size: var(--md-loading-indicator-size, 64px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 32px);\n  }\n\n  :host(:not([contained])) {\n    width: var(--_shape-size);\n    height: var(--_shape-size);\n  }\n\n  :host([contained]) {\n    width: var(--_size);\n    height: var(--_size);\n    background-color: var(--md-loading-indicator-container-color);\n    border-radius: var(--md-loading-indicator-container-shape);\n  }\n\n  :host([hidden]),\n  :host([active=\"false\"]) {\n    display: none;\n  }\n\n  .container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n\n  .shape {\n    width: var(--_shape-size);\n    height: var(--_shape-size);\n    background-color: var(--md-loading-indicator-color);\n    transform-origin: center center;\n    will-change: transform, border-radius;\n  }\n\n  /* Morphing shape animation */\n  :host([shape=\"morph\"]:not([paused])) .shape,\n  :host(:not([shape]):not([paused])) .shape {\n    animation: md-loading-morph 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  :host([shape=\"square\"]:not([paused])) .shape {\n    border-radius: 4px;\n    animation: md-loading-spin 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  :host([shape=\"circle\"]:not([paused])) .shape {\n    border-radius: 50%;\n    animation: md-loading-pulse 1.4s ease-in-out infinite alternate;\n  }\n\n  :host([shape=\"clover\"]:not([paused])) .shape,\n  :host([shape=\"star\"]:not([paused])) .shape {\n    border-radius: 50% 15% 50% 15%;\n    animation: md-loading-spin 2s linear infinite;\n  }\n\n  :host([paused]) .shape {\n    animation-play-state: paused;\n  }\n\n  @keyframes md-loading-morph {\n    0% {\n      border-radius: 50%;\n      transform: rotate(0deg) scale(1);\n    }\n    20% {\n      border-radius: 12%;\n      transform: rotate(90deg) scale(0.85);\n    }\n    40% {\n      border-radius: 50% 15% 50% 15%;\n      transform: rotate(180deg) scale(1.05);\n    }\n    60% {\n      border-radius: 15% 50% 15% 50%;\n      transform: rotate(270deg) scale(0.85);\n    }\n    80% {\n      border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;\n      transform: rotate(315deg) scale(0.95);\n    }\n    100% {\n      border-radius: 50%;\n      transform: rotate(360deg) scale(1);\n    }\n  }\n\n  @keyframes md-loading-spin {\n    0% {\n      transform: rotate(0deg) scale(0.9);\n    }\n    50% {\n      transform: rotate(180deg) scale(1.05);\n    }\n    100% {\n      transform: rotate(360deg) scale(0.9);\n    }\n  }\n\n  @keyframes md-loading-pulse {\n    0% {\n      transform: scale(0.75);\n      opacity: 0.7;\n    }\n    100% {\n      transform: scale(1.05);\n      opacity: 1;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .shape {\n      animation: none !important;\n    }\n  }\n`;\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { loadingIndicatorStyles } from './loading-indicator.css.js';\n\nexport type LoadingIndicatorSize = 'small' | 'medium' | 'large';\nexport type LoadingIndicatorShape = 'morph' | 'square' | 'circle' | 'clover' | 'star';\n\n/**\n * Material Design 3 Expressive Loading Indicator Component.\n * \n * Contained or uncontained loading indicator with animated morphing shape for short wait times.\n *\n * @element md-loading-indicator\n */\n@customElement('md-loading-indicator')\nexport class MdLoadingIndicator extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, loadingIndicatorStyles];\n\n  /**\n   * Visual size of the loading indicator.\n   * @attr size\n   */\n  @property({ type: String, reflect: true })\n  size: LoadingIndicatorSize = 'medium';\n\n  /**\n   * Whether the loading indicator is enclosed in a contained surface container.\n   * @attr contained\n   */\n  @property({ type: Boolean, reflect: true })\n  contained = false;\n\n  /**\n   * The shape animation style.\n   * @attr shape\n   */\n  @property({ type: String, reflect: true })\n  shape: LoadingIndicatorShape = 'morph';\n\n  /**\n   * Whether the animation is paused.\n   * @attr paused\n   */\n  @property({ type: Boolean, reflect: true })\n  paused = false;\n\n  /**\n   * Accessible label for the loading indicator.\n   * @attr label\n   */\n  @property({ type: String })\n  label = 'Loading';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'status');\n    }\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'polite');\n    }\n    this.updateAriaLabel();\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('label')) {\n      this.updateAriaLabel();\n    }\n  }\n\n  private updateAriaLabel() {\n    if (this.label && !this.getAttribute('aria-label')) {\n      this.setAttribute('aria-label', this.label);\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <div class=\"shape\" part=\"shape\"></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-loading-indicator': MdLoadingIndicator;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,IAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCczB,IAAN,cAAiC,EAAc;AAAA;iBAQvB,KAAA,OAAA,UAOjB,KAAA,YAAA,IAOmB,KAAA,QAAA,SAOtB,KAAA,SAAA,IAOD,KAAA,QAAA;AAAA;;AAnCiB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAsB;AAAA;EAqCtE,oBAA6B;AAC3B,UAAM,kBAAkB,GACnB,KAAK,aAAa,MAAM,KAC3B,KAAK,aAAa,QAAQ,QAAQ,GAE/B,KAAK,aAAa,WAAW,KAChC,KAAK,aAAa,aAAa,QAAQ,GAEzC,KAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,QAAiB,GAAyC;AACxD,UAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,OAAO,KAC/B,KAAK,gBAAgB;AAAA,EAEzB;AAAA,EAEA,kBAA0B;AACxB,IAAI,KAAK,SAAS,CAAC,KAAK,aAAa,YAAY,KAC/C,KAAK,aAAa,cAAc,KAAK,KAAK;AAAA,EAE9C;AAAA,EAEA,SAAkB;AAChB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AA9DG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAOxC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,MAAA;AAOzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAOxC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,MAAA;AAOzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AApC3B,IAAA,EAAA,CAAA,EAAc,sBAAsB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"loading-indicator-D9AyxNQh.js","names":[],"sources":["../../src/components/loading-indicator/loading-indicator.css.ts","../../src/components/loading-indicator/loading-indicator.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const loadingIndicatorStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    box-sizing: border-box;\n    --md-loading-indicator-color: var(--md-sys-color-primary, #6750A4);\n    --md-loading-indicator-container-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n    --md-loading-indicator-container-shape: var(--md-sys-shape-corner-medium, 16px);\n  }\n\n  :host([size=\"small\"]) {\n    --_size: var(--md-loading-indicator-size, 36px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 18px);\n  }\n\n  :host(:not([size])),\n  :host([size=\"medium\"]) {\n    --_size: var(--md-loading-indicator-size, 48px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 24px);\n  }\n\n  :host([size=\"large\"]) {\n    --_size: var(--md-loading-indicator-size, 64px);\n    --_shape-size: var(--md-loading-indicator-shape-size, 32px);\n  }\n\n  :host(:not([contained])) {\n    width: var(--_shape-size);\n    height: var(--_shape-size);\n  }\n\n  :host([contained]) {\n    width: var(--_size);\n    height: var(--_size);\n    background-color: var(--md-loading-indicator-container-color);\n    border-radius: var(--md-loading-indicator-container-shape);\n  }\n\n  :host([hidden]),\n  :host([active=\"false\"]) {\n    display: none;\n  }\n\n  .container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n\n  .shape {\n    width: var(--_shape-size);\n    height: var(--_shape-size);\n    background-color: var(--md-loading-indicator-color);\n    transform-origin: center center;\n    will-change: transform, border-radius;\n  }\n\n  /* Morphing shape animation */\n  :host([shape=\"morph\"]:not([paused])) .shape,\n  :host(:not([shape]):not([paused])) .shape {\n    animation: md-loading-morph 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  :host([shape=\"square\"]:not([paused])) .shape {\n    border-radius: 4px;\n    animation: md-loading-spin 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  :host([shape=\"circle\"]:not([paused])) .shape {\n    border-radius: 50%;\n    animation: md-loading-pulse 1.4s ease-in-out infinite alternate;\n  }\n\n  :host([shape=\"clover\"]:not([paused])) .shape,\n  :host([shape=\"star\"]:not([paused])) .shape {\n    border-radius: 50% 15% 50% 15%;\n    animation: md-loading-spin 2s linear infinite;\n  }\n\n  :host([paused]) .shape {\n    animation-play-state: paused;\n  }\n\n  @keyframes md-loading-morph {\n    0% {\n      border-radius: 50%;\n      transform: rotate(0deg) scale(1);\n    }\n    20% {\n      border-radius: 12%;\n      transform: rotate(90deg) scale(0.85);\n    }\n    40% {\n      border-radius: 50% 15% 50% 15%;\n      transform: rotate(180deg) scale(1.05);\n    }\n    60% {\n      border-radius: 15% 50% 15% 50%;\n      transform: rotate(270deg) scale(0.85);\n    }\n    80% {\n      border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;\n      transform: rotate(315deg) scale(0.95);\n    }\n    100% {\n      border-radius: 50%;\n      transform: rotate(360deg) scale(1);\n    }\n  }\n\n  @keyframes md-loading-spin {\n    0% {\n      transform: rotate(0deg) scale(0.9);\n    }\n    50% {\n      transform: rotate(180deg) scale(1.05);\n    }\n    100% {\n      transform: rotate(360deg) scale(0.9);\n    }\n  }\n\n  @keyframes md-loading-pulse {\n    0% {\n      transform: scale(0.75);\n      opacity: 0.7;\n    }\n    100% {\n      transform: scale(1.05);\n      opacity: 1;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .shape {\n      animation: none !important;\n    }\n  }\n`;\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { loadingIndicatorStyles } from './loading-indicator.css.js';\n\nexport type LoadingIndicatorSize = 'small' | 'medium' | 'large';\nexport type LoadingIndicatorShape = 'morph' | 'square' | 'circle' | 'clover' | 'star';\n\n/**\n * Material Design 3 Expressive Loading Indicator Component.\n * \n * Contained or uncontained loading indicator with animated morphing shape for short wait times.\n *\n * @element md-loading-indicator\n */\n@customElement('md-loading-indicator')\nexport class MdLoadingIndicator extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, loadingIndicatorStyles];\n\n  /**\n   * Visual size of the loading indicator.\n   * @attr size\n   */\n  @property({ type: String, reflect: true })\n  size: LoadingIndicatorSize = 'medium';\n\n  /**\n   * Whether the loading indicator is enclosed in a contained surface container.\n   * @attr contained\n   */\n  @property({ type: Boolean, reflect: true })\n  contained = false;\n\n  /**\n   * The shape animation style.\n   * @attr shape\n   */\n  @property({ type: String, reflect: true })\n  shape: LoadingIndicatorShape = 'morph';\n\n  /**\n   * Whether the animation is paused.\n   * @attr paused\n   */\n  @property({ type: Boolean, reflect: true })\n  paused = false;\n\n  /**\n   * Accessible label for the loading indicator.\n   * @attr label\n   */\n  @property({ type: String })\n  label = 'Loading';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'status');\n    }\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'polite');\n    }\n    this.updateAriaLabel();\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('label')) {\n      this.updateAriaLabel();\n    }\n  }\n\n  private updateAriaLabel() {\n    if (this.label && !this.getAttribute('aria-label')) {\n      this.setAttribute('aria-label', this.label);\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <div class=\"shape\" part=\"shape\"></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-loading-indicator': MdLoadingIndicator;\n  }\n}\n"],"mappings":";;;;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCc5B,IAAN,cAAiC,EAAc;;EAoC5C,aA5BqB,KAAA,OAAA,UAOjB,KAAA,YAAA,IAOmB,KAAA,QAAA,SAOtB,KAAA,SAAA,IAOD,KAAA,QAAA;;;EAnCiB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAsB;;CAqCtE,oBAA6B;EAQ3B,AAPA,MAAM,kBAAkB,GACnB,KAAK,aAAa,MAAM,KAC3B,KAAK,aAAa,QAAQ,QAAQ,GAE/B,KAAK,aAAa,WAAW,KAChC,KAAK,aAAa,aAAa,QAAQ,GAEzC,KAAK,gBAAgB;CACvB;CAEA,QAAiB,GAAyC;EAExD,AADA,MAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,OAAO,KAC/B,KAAK,gBAAgB;CAEzB;CAEA,kBAA0B;EACxB,AAAI,KAAK,SAAS,CAAC,KAAK,aAAa,YAAY,KAC/C,KAAK,aAAa,cAAc,KAAK,KAAK;CAE9C;CAEA,SAAkB;EAChB,OAAO,CAAI;;;;;CAKb;AACF;AA9DG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAOxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAOzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAOxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GApC3B,IAAA,EAAA,CAAA,EAAc,sBAAsB,CAAA,GAAA,CAAA"}

package/dist/chunks/{menu-item-BBSp5Cqc.js → menu-item-C3entPo7.js}

@@ -1,10 +1,11 @@
-import { n as l, t } from "./decorate-DXuynaiA.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import "./icon-DrNqcNEL.js";
-import { css as c, html as n, nothing as s } from "lit";
-import { customElement as d, property as i, query as p } from "lit/decorators.js";
-var b = c`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./ripple-CBOKeVfm.js";
+import "./focus-ring-K6SY_mIm.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s } from "lit/decorators.js";
+//#region src/components/menu/menu.css.ts
+var c = n`
   :host {
     display: inline-block;
     position: relative;
@@ -105,7 +106,7 @@ var b = c`
     background-color: var(--md-sys-color-outline-variant, #CAC4D0);
     border-radius: 3px;
   }
-`, h = c`
+`, l = n`
   :host {
     display: flex;
     outline: none;
@@ -268,41 +269,41 @@ var b = c`
     --md-icon-size: 20px;
     color: var(--md-sys-color-primary, #6750A4);
   }
-`, e = class extends l {
-  constructor(...r) {
-    super(...r), this.disabled = !1, this.selected = !1, this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.icon = "", this.trailingIcon = "", this.href = "", this.target = "", this.value = "", this.keepOpen = !1, this.dense = !1, this.handleClick = (o) => {
-      if (this.disabled) {
-        o.preventDefault(), o.stopImmediatePropagation();
-        return;
-      }
-      const a = {
-        item: this,
-        value: this.value,
-        keepOpen: this.keepOpen
-      };
-      this.emitEvent("item-click", a), this.emitEvent("menu-item-click", a), this.emitEvent("select", a);
-    }, this.handleKeyDown = (o) => {
-      this.disabled || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.itemElement?.click());
-    };
-  }
-  static {
-    this.styles = [l.styles, h];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "menuitem");
-  }
-  focus(r) {
-    this.itemElement ? this.itemElement.focus(r) : super.focus(r);
-  }
-  render() {
-    this.icon, this.trailingIcon || this.trailingSupportingText || this.selected;
-    const r = this.icon ? n`<md-icon name=${this.icon}></md-icon>` : s, o = this.selected ? n`<md-icon name="check" class="check-icon"></md-icon>` : this.trailingIcon ? n`<md-icon name=${this.trailingIcon} class="trailing-icon"></md-icon>` : s, a = n`
+`, u = class extends e {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.selected = !1, this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.icon = "", this.trailingIcon = "", this.href = "", this.target = "", this.value = "", this.keepOpen = !1, this.dense = !1, this.handleClick = (e) => {
+			if (this.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			let t = {
+				item: this,
+				value: this.value,
+				keepOpen: this.keepOpen
+			};
+			this.emitEvent("item-click", t), this.emitEvent("menu-item-click", t), this.emitEvent("select", t);
+		}, this.handleKeyDown = (e) => {
+			this.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.itemElement?.click());
+		};
+	}
+	static {
+		this.styles = [e.styles, l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "menuitem");
+	}
+	focus(e) {
+		this.itemElement ? this.itemElement.focus(e) : super.focus(e);
+	}
+	render() {
+		this.icon, this.trailingIcon || this.trailingSupportingText || this.selected;
+		let e = this.icon ? r`<md-icon name=${this.icon}></md-icon>` : i, t = this.selected ? r`<md-icon name="check" class="check-icon"></md-icon>` : this.trailingIcon ? r`<md-icon name=${this.trailingIcon} class="trailing-icon"></md-icon>` : i, n = r`
       <md-ripple ?disabled=${this.disabled}></md-ripple>
       <md-focus-ring></md-focus-ring>
 
       <div class="start">
         <slot name="start">
-          <slot name="icon">${r}</slot>
+          <slot name="icon">${e}</slot>
         </slot>
       </div>
 
@@ -310,81 +311,66 @@ var b = c`
         <span class="headline">
           <slot>${this.headline}</slot>
         </span>
-        ${this.supportingText ? n`<span class="supporting-text">${this.supportingText}</span>` : s}
+        ${this.supportingText ? r`<span class="supporting-text">${this.supportingText}</span>` : i}
       </div>
 
       <div class="end">
-        ${this.trailingSupportingText ? n`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : s}
+        ${this.trailingSupportingText ? r`<span class="trailing-supporting-text">${this.trailingSupportingText}</span>` : i}
         <slot name="end">
-          <slot name="trailing">${o}</slot>
+          <slot name="trailing">${t}</slot>
         </slot>
       </div>
     `;
-    return this.href ? n`
+		return this.href ? r`
         <a
           class="item"
-          href=${this.disabled ? s : this.href}
-          target=${this.target || s}
-          aria-disabled=${this.disabled ? "true" : s}
+          href=${this.disabled ? i : this.href}
+          target=${this.target || i}
+          aria-disabled=${this.disabled ? "true" : i}
           tabindex=${this.disabled ? "-1" : "0"}
           @click=${this.handleClick}
           @keydown=${this.handleKeyDown}
         >
-          ${a}
+          ${n}
         </a>
-      ` : n`
+      ` : r`
       <button
         type="button"
         class="item"
         ?disabled=${this.disabled}
-        aria-disabled=${this.disabled ? "true" : s}
+        aria-disabled=${this.disabled ? "true" : i}
         tabindex=${this.disabled ? "-1" : "0"}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       >
-        ${a}
+        ${n}
       </button>
     `;
-  }
-};
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "disabled", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "selected", void 0);
-t([i({ type: String })], e.prototype, "headline", void 0);
-t([i({
-  type: String,
-  attribute: "supporting-text"
-})], e.prototype, "supportingText", void 0);
-t([i({
-  type: String,
-  attribute: "trailing-supporting-text"
-})], e.prototype, "trailingSupportingText", void 0);
-t([i({ type: String })], e.prototype, "icon", void 0);
-t([i({
-  type: String,
-  attribute: "trailing-icon"
-})], e.prototype, "trailingIcon", void 0);
-t([i({ type: String })], e.prototype, "href", void 0);
-t([i({ type: String })], e.prototype, "target", void 0);
-t([i({ type: String })], e.prototype, "value", void 0);
-t([i({
-  type: Boolean,
-  attribute: "keep-open"
-})], e.prototype, "keepOpen", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "dense", void 0);
-t([p(".item")], e.prototype, "itemElement", void 0);
-e = t([d("md-menu-item")], e);
-export {
-  b as n,
-  e as t
+	}
 };
-
-//# sourceMappingURL=menu-item-BBSp5Cqc.js.map
+t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "selected", void 0), t([o({ type: String })], u.prototype, "headline", void 0), t([o({
+	type: String,
+	attribute: "supporting-text"
+})], u.prototype, "supportingText", void 0), t([o({
+	type: String,
+	attribute: "trailing-supporting-text"
+})], u.prototype, "trailingSupportingText", void 0), t([o({ type: String })], u.prototype, "icon", void 0), t([o({
+	type: String,
+	attribute: "trailing-icon"
+})], u.prototype, "trailingIcon", void 0), t([o({ type: String })], u.prototype, "href", void 0), t([o({ type: String })], u.prototype, "target", void 0), t([o({ type: String })], u.prototype, "value", void 0), t([o({
+	type: Boolean,
+	attribute: "keep-open"
+})], u.prototype, "keepOpen", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "dense", void 0), t([s(".item")], u.prototype, "itemElement", void 0), u = t([a("md-menu-item")], u);
+//#endregion
+export { c as n, u as t };
+
+//# sourceMappingURL=menu-item-C3entPo7.js.map