@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/{snackbar-Wsz3BzEY.js → snackbar-Yi6fF9vM.js}

@@ -1,8 +1,9 @@
-import { n as r, t } from "./decorate-DXuynaiA.js";
-import "./icon-DrNqcNEL.js";
-import { css as n, html as o, nothing as a } from "lit";
-import { customElement as l, property as s } from "lit/decorators.js";
-var c = n`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./icon-FvKeXi61.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/snackbar/snackbar.css.ts
+var s = n`
   :host {
     display: block;
     position: fixed;
@@ -84,78 +85,72 @@ var c = n`
   .close-btn:hover {
     background-color: rgba(255, 255, 255, 0.08);
   }
-`, e = class extends r {
-  constructor(...i) {
-    super(...i), this.open = !1, this.message = "", this.actionText = "", this.closeable = !1, this.timeoutMs = 4e3, this.timerId = null, this.handleAction = () => {
-      this.emitEvent("action"), this.close();
-    }, this.handleClose = () => {
-      this.close();
-    };
-  }
-  static {
-    this.styles = [r.styles, c];
-  }
-  updated(i) {
-    super.updated(i), i.has("open") && (this.open ? this.startTimer() : this.clearTimer());
-  }
-  show() {
-    this.open = !0;
-  }
-  close() {
-    this.open = !1, this.emitEvent("close");
-  }
-  startTimer() {
-    this.clearTimer(), this.timeoutMs > 0 && (this.timerId = window.setTimeout(() => {
-      this.close();
-    }, this.timeoutMs));
-  }
-  clearTimer() {
-    this.timerId !== null && (clearTimeout(this.timerId), this.timerId = null);
-  }
-  render() {
-    return o`
+`, c = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.message = "", this.actionText = "", this.closeable = !1, this.timeoutMs = 4e3, this.timerId = null, this.handleAction = () => {
+			this.emitEvent("action"), this.close();
+		}, this.handleClose = () => {
+			this.close();
+		};
+	}
+	static {
+		this.styles = [e.styles, s];
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? this.startTimer() : this.clearTimer());
+	}
+	show() {
+		this.open = !0;
+	}
+	close() {
+		this.open = !1, this.emitEvent("close");
+	}
+	startTimer() {
+		this.clearTimer(), this.timeoutMs > 0 && (this.timerId = window.setTimeout(() => {
+			this.close();
+		}, this.timeoutMs));
+	}
+	clearTimer() {
+		this.timerId !== null && (clearTimeout(this.timerId), this.timerId = null);
+	}
+	render() {
+		return r`
       <div class="snackbar" role="status" aria-live="polite">
         <div class="message">
           <slot>${this.message}</slot>
         </div>
 
         <div class="actions">
-          ${this.actionText ? o`
+          ${this.actionText ? r`
                 <button class="action-btn" @click=${this.handleAction}>
                   ${this.actionText}
                 </button>
-              ` : a}
+              ` : i}
 
-          ${this.closeable ? o`
+          ${this.closeable ? r`
                 <button class="close-btn" aria-label="Dismiss" @click=${this.handleClose}>
                   <md-icon name="close" size="18"></md-icon>
                 </button>
-              ` : a}
+              ` : i}
         </div>
       </div>
     `;
-  }
-};
-t([s({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "open", void 0);
-t([s({ type: String })], e.prototype, "message", void 0);
-t([s({
-  type: String,
-  attribute: "action-text"
-})], e.prototype, "actionText", void 0);
-t([s({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "closeable", void 0);
-t([s({
-  type: Number,
-  attribute: "timeout-ms"
-})], e.prototype, "timeoutMs", void 0);
-e = t([l("md-snackbar")], e);
-export {
-  e as t
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "open", void 0), t([o({ type: String })], c.prototype, "message", void 0), t([o({
+	type: String,
+	attribute: "action-text"
+})], c.prototype, "actionText", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "closeable", void 0), t([o({
+	type: Number,
+	attribute: "timeout-ms"
+})], c.prototype, "timeoutMs", void 0), c = t([a("md-snackbar")], c);
+//#endregion
+export { c as t };
 
-//# sourceMappingURL=snackbar-Wsz3BzEY.js.map
+//# sourceMappingURL=snackbar-Yi6fF9vM.js.map

package/dist/chunks/{snackbar-Wsz3BzEY.js.map → snackbar-Yi6fF9vM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"snackbar-Wsz3BzEY.js","names":[],"sources":["../../src/components/snackbar/snackbar.css.ts","../../src/components/snackbar/snackbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const snackbarStyles = css`\n  :host {\n    display: block;\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%) translateY(100px);\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2000;\n    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 250ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([open]) {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .snackbar {\n    display: flex;\n    align-items: center;\n    min-width: 288px;\n    max-width: 568px;\n    min-height: 48px;\n    padding: 8px 16px;\n    box-sizing: border-box;\n    border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n    background-color: var(--md-sys-color-inverse-surface, #313033);\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    gap: 12px;\n  }\n\n  .message {\n    flex: 1;\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .action-btn {\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-inverse-primary, #D0BCFF);\n    font-family: inherit;\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    cursor: pointer;\n    padding: 0 8px;\n    height: 36px;\n    border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n    outline: none;\n  }\n\n  .action-btn:hover {\n    background-color: rgba(208, 188, 255, 0.08);\n  }\n\n  .close-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 50%;\n    outline: none;\n  }\n\n  .close-btn:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport { snackbarStyles } from './snackbar.css.js';\n\n@customElement('md-snackbar')\nexport class MdSnackbar extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, snackbarStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  message = '';\n\n  @property({ type: String, attribute: 'action-text' })\n  actionText = '';\n\n  @property({ type: Boolean, reflect: true })\n  closeable = false;\n\n  @property({ type: Number, attribute: 'timeout-ms' })\n  timeoutMs = 4000;\n\n  private timerId: number | null = null;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.startTimer();\n      } else {\n        this.clearTimer();\n      }\n    }\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  close() {\n    this.open = false;\n    this.emitEvent('close');\n  }\n\n  private startTimer() {\n    this.clearTimer();\n    if (this.timeoutMs > 0) {\n      this.timerId = window.setTimeout(() => {\n        this.close();\n      }, this.timeoutMs);\n    }\n  }\n\n  private clearTimer() {\n    if (this.timerId !== null) {\n      clearTimeout(this.timerId);\n      this.timerId = null;\n    }\n  }\n\n  private handleAction = () => {\n    this.emitEvent('action');\n    this.close();\n  };\n\n  private handleClose = () => {\n    this.close();\n  };\n\n  override render() {\n    return html`\n      <div class=\"snackbar\" role=\"status\" aria-live=\"polite\">\n        <div class=\"message\">\n          <slot>${this.message}</slot>\n        </div>\n\n        <div class=\"actions\">\n          ${this.actionText\n            ? html`\n                <button class=\"action-btn\" @click=${this.handleAction}>\n                  ${this.actionText}\n                </button>\n              `\n            : nothing}\n\n          ${this.closeable\n            ? html`\n                <button class=\"close-btn\" aria-label=\"Dismiss\" @click=${this.handleClose}>\n                  <md-icon name=\"close\" size=\"18\"></md-icon>\n                </button>\n              `\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-snackbar': MdSnackbar;\n  }\n}\n\n"],"mappings":";;;;AAEA,IAAa,IAAiB;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,GCKjB,IAAN,cAAyB,EAAc;AAAA;iBAIrC,KAAA,OAAA,IAGG,KAAA,UAAA,IAGG,KAAA,aAAA,IAGD,KAAA,YAAA,IAGA,KAAA,YAAA,KAEqB,KAAA,UAAA,MAsCJ,KAAA,eAAA,MAAA;AAC3B,WAAK,UAAU,QAAQ,GACvB,KAAK,MAAM;AAAA,IACb,GAE4B,KAAA,cAAA,MAAA;AAC1B,WAAK,MAAM;AAAA,IACb;AAAA;;AA9DyB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAc;AAAA;EAmB9D,QAAiB,GAAyC;AACxD,UAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,MAAM,MAC1B,KAAK,OACP,KAAK,WAAW,IAEhB,KAAK,WAAW;AAAA,EAGtB;AAAA,EAEA,OAAO;AACL,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,QAAQ;AACN,SAAK,OAAO,IACZ,KAAK,UAAU,OAAO;AAAA,EACxB;AAAA,EAEA,aAAqB;AACnB,SAAK,WAAW,GACZ,KAAK,YAAY,MACnB,KAAK,UAAU,OAAO,WAAA,MAAiB;AACrC,WAAK,MAAM;AAAA,IACb,GAAG,KAAK,SAAS;AAAA,EAErB;AAAA,EAEA,aAAqB;AACnB,IAAI,KAAK,YAAY,SACnB,aAAa,KAAK,OAAO,GACzB,KAAK,UAAU;AAAA,EAEnB;AAAA,EAWA,SAAkB;AAChB,WAAO;AAAA;AAAA;AAAA,kBAGO,KAAK,OAAA;AAAA;AAAA;AAAA;AAAA,YAIX,KAAK,aACH;AAAA,oDACsC,KAAK,YAAA;AAAA,oBACrC,KAAK,UAAA;AAAA;AAAA,kBAGX,CAAA;AAAA;AAAA,YAEF,KAAK,YACH;AAAA,wEAC0D,KAAK,WAAA;AAAA;AAAA;AAAA,kBAI/D,CAAA;AAAA;AAAA;AAAA;AAAA,EAIZ;AACF;AAzFG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAc,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,MAAA;AAGnD,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,MAAA;AAGzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,MAAA;AAhBpD,IAAA,EAAA,CAAA,EAAc,aAAa,CAAA,GAAA,CAAA"}
+{"version":3,"file":"snackbar-Yi6fF9vM.js","names":[],"sources":["../../src/components/snackbar/snackbar.css.ts","../../src/components/snackbar/snackbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const snackbarStyles = css`\n  :host {\n    display: block;\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%) translateY(100px);\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2000;\n    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 250ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([open]) {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .snackbar {\n    display: flex;\n    align-items: center;\n    min-width: 288px;\n    max-width: 568px;\n    min-height: 48px;\n    padding: 8px 16px;\n    box-sizing: border-box;\n    border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n    background-color: var(--md-sys-color-inverse-surface, #313033);\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    gap: 12px;\n  }\n\n  .message {\n    flex: 1;\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .action-btn {\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-inverse-primary, #D0BCFF);\n    font-family: inherit;\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    cursor: pointer;\n    padding: 0 8px;\n    height: 36px;\n    border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n    outline: none;\n  }\n\n  .action-btn:hover {\n    background-color: rgba(208, 188, 255, 0.08);\n  }\n\n  .close-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 50%;\n    outline: none;\n  }\n\n  .close-btn:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport { snackbarStyles } from './snackbar.css.js';\n\n@customElement('md-snackbar')\nexport class MdSnackbar extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, snackbarStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  message = '';\n\n  @property({ type: String, attribute: 'action-text' })\n  actionText = '';\n\n  @property({ type: Boolean, reflect: true })\n  closeable = false;\n\n  @property({ type: Number, attribute: 'timeout-ms' })\n  timeoutMs = 4000;\n\n  private timerId: number | null = null;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.startTimer();\n      } else {\n        this.clearTimer();\n      }\n    }\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  close() {\n    this.open = false;\n    this.emitEvent('close');\n  }\n\n  private startTimer() {\n    this.clearTimer();\n    if (this.timeoutMs > 0) {\n      this.timerId = window.setTimeout(() => {\n        this.close();\n      }, this.timeoutMs);\n    }\n  }\n\n  private clearTimer() {\n    if (this.timerId !== null) {\n      clearTimeout(this.timerId);\n      this.timerId = null;\n    }\n  }\n\n  private handleAction = () => {\n    this.emitEvent('action');\n    this.close();\n  };\n\n  private handleClose = () => {\n    this.close();\n  };\n\n  override render() {\n    return html`\n      <div class=\"snackbar\" role=\"status\" aria-live=\"polite\">\n        <div class=\"message\">\n          <slot>${this.message}</slot>\n        </div>\n\n        <div class=\"actions\">\n          ${this.actionText\n            ? html`\n                <button class=\"action-btn\" @click=${this.handleAction}>\n                  ${this.actionText}\n                </button>\n              `\n            : nothing}\n\n          ${this.closeable\n            ? html`\n                <button class=\"close-btn\" aria-label=\"Dismiss\" @click=${this.handleClose}>\n                  <md-icon name=\"close\" size=\"18\"></md-icon>\n                </button>\n              `\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-snackbar': MdSnackbar;\n  }\n}\n\n"],"mappings":";;;;;AAEA,IAAa,IAAiB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCKpB,IAAN,cAAyB,EAAc;;EA6DhB,aAzDrB,KAAA,OAAA,IAGG,KAAA,UAAA,IAGG,KAAA,aAAA,IAGD,KAAA,YAAA,IAGA,KAAA,YAAA,KAEqB,KAAA,UAAA,MAsCJ,KAAA,qBAAA;GAE3B,AADA,KAAK,UAAU,QAAQ,GACvB,KAAK,MAAM;EACb,GAE4B,KAAA,oBAAA;GAC1B,KAAK,MAAM;EACb;;;EA9DyB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAc;;CAmB9D,QAAiB,GAAyC;EAExD,AADA,MAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,MAAM,MAC1B,KAAK,OACP,KAAK,WAAW,IAEhB,KAAK,WAAW;CAGtB;CAEA,OAAO;EACL,KAAK,OAAO;CACd;CAEA,QAAQ;EAEN,AADA,KAAK,OAAO,IACZ,KAAK,UAAU,OAAO;CACxB;CAEA,aAAqB;EAEnB,AADA,KAAK,WAAW,GACZ,KAAK,YAAY,MACnB,KAAK,UAAU,OAAO,iBAAiB;GACrC,KAAK,MAAM;EACb,GAAG,KAAK,SAAS;CAErB;CAEA,aAAqB;EACnB,AAAI,KAAK,YAAY,SACnB,aAAa,KAAK,OAAO,GACzB,KAAK,UAAU;CAEnB;CAWA,SAAkB;EAChB,OAAO,CAAI;;;kBAGG,KAAK,QAAQ;;;;YAInB,KAAK,aACH,CAAI;oDACkC,KAAK,aAAa;oBAClD,KAAK,WAAW;;kBAGtB,EAAQ;;YAEV,KAAK,YACH,CAAI;wEACsD,KAAK,YAAY;;;kBAI3E,EAAQ;;;;CAIpB;AACF;AAzFG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAc,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAGnD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAhBpD,IAAA,EAAA,CAAA,EAAc,aAAa,CAAA,GAAA,CAAA"}

package/dist/chunks/{split-button-DUfjukQY.js → split-button-CLjVJe3I.js}

@@ -1,10 +1,11 @@
-import { n as d, t as i } from "./decorate-DXuynaiA.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import "./icon-DrNqcNEL.js";
-import { css as m, html as p, nothing as u } from "lit";
-import { customElement as h, property as s, query as l, queryAssignedElements as b } from "lit/decorators.js";
-var f = m`
+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, queryAssignedElements as c } from "lit/decorators.js";
+//#region src/components/split-button/split-button.css.ts
+var l = n`
   :host {
     display: inline-flex;
     vertical-align: middle;
@@ -232,118 +233,117 @@ var f = m`
     background-color: var(--md-sys-color-outline-variant, #cac4d0);
     border-radius: 3px;
   }
-`, n = class extends d {
-  constructor(...e) {
-    super(...e), this.variant = "filled", this.disabled = !1, this.label = "", this.icon = "", this.trailingIcon = "arrow_drop_down", this.open = !1, this.type = "button", this.actionAriaLabel = "", this.menuAriaLabel = "More options", this.menuPlacement = "bottom-end", this.stayOpenOnFocusout = !1, this.closeOnItemClick = !0, this.handleDocumentClick = (t) => {
-      this.open && (t.composedPath().includes(this) || this.close());
-    }, this.handleWindowKeyDown = (t) => {
-      this.open && t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), this.close(), this.menuButton?.focus());
-    }, this.handleSurfaceKeyDown = (t) => {
-      const o = this.getItems(!0);
-      if (o.length === 0) return;
-      let r = null;
-      try {
-        r = document.activeElement;
-      } catch {
-        r = null;
-      }
-      const a = o.findIndex((c) => c === r || c.contains(r));
-      switch (t.key) {
-        case "ArrowDown":
-          t.preventDefault(), o[a >= 0 && a < o.length - 1 ? a + 1 : 0]?.focus();
-          break;
-        case "ArrowUp":
-          t.preventDefault(), o[a > 0 ? a - 1 : o.length - 1]?.focus();
-          break;
-        case "Home":
-          t.preventDefault(), o[0]?.focus();
-          break;
-        case "End":
-          t.preventDefault(), o[o.length - 1]?.focus();
-          break;
-        case "Tab":
-          this.stayOpenOnFocusout || this.close();
-      }
-    }, this.handleItemSelection = (t) => {
-      const o = t.detail;
-      this.emitEvent("select", o), !o?.keepOpen && this.closeOnItemClick && (this.close(), this.menuButton?.focus());
-    }, this.handleActionClick = (t) => {
-      if (this.disabled) {
-        t.preventDefault(), t.stopImmediatePropagation();
-        return;
-      }
-      if (this.type === "submit" || this.type === "reset") {
-        const o = this.closest("form");
-        o && (this.type === "submit" ? o.requestSubmit() : o.reset());
-      }
-      this.emitEvent("action", {
-        target: this,
-        open: this.open
-      });
-    }, this.handleMenuClick = (t) => {
-      if (t.stopPropagation(), this.disabled) {
-        t.preventDefault(), t.stopImmediatePropagation();
-        return;
-      }
-      this.open = !this.open, this.emitEvent("trailing-click", {
-        target: this,
-        open: this.open
-      }), this.emitEvent("toggle", {
-        target: this,
-        open: this.open
-      });
-    }, this.handleBackdropClick = (t) => {
-      t.stopPropagation(), this.close();
-    };
-  }
-  static {
-    this.styles = [d.styles, f];
-  }
-  handleSlotChange() {
-    const e = !!(this.icon || this.assignedIcons && this.assignedIcons.length > 0);
-    this.toggleAttribute("has-icon", e);
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("keydown", this.handleWindowKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), this.addEventListener("item-click", this.handleItemSelection), this.addEventListener("menu-item-click", this.handleItemSelection);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleWindowKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), this.removeEventListener("item-click", this.handleItemSelection), this.removeEventListener("menu-item-click", this.handleItemSelection);
-  }
-  firstUpdated() {
-    this.handleSlotChange();
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open ? (this.emitEvent("open"), setTimeout(() => {
-      this.focusFirstItem();
-    }, 16)) : this.emitEvent("close"));
-  }
-  show() {
-    this.open || (this.open = !0);
-  }
-  close() {
-    this.open && (this.open = !1);
-  }
-  toggle() {
-    this.open = !this.open;
-  }
-  getItems(e = !1) {
-    const t = Array.from(this.querySelectorAll('md-menu-item, [role="menuitem"], button.menu-item'));
-    return e ? t.filter((o) => !(o.hasAttribute("disabled") || o.disabled)) : t;
-  }
-  focusFirstItem() {
-    const e = this.getItems(!0);
-    e.length > 0 ? e[0].focus() : this.menuSurfaceElement && this.menuSurfaceElement.focus();
-  }
-  focusLastItem() {
-    const e = this.getItems(!0);
-    e.length > 0 && e[e.length - 1].focus();
-  }
-  focusItemAtIndex(e) {
-    const t = this.getItems(!0);
-    e >= 0 && e < t.length && t[e].focus();
-  }
-  render() {
-    return p`
+`, u = class extends e {
+	constructor(...e) {
+		super(...e), this.variant = "filled", this.disabled = !1, this.label = "", this.icon = "", this.trailingIcon = "arrow_drop_down", this.open = !1, this.type = "button", this.actionAriaLabel = "", this.menuAriaLabel = "More options", this.menuPlacement = "bottom-end", this.stayOpenOnFocusout = !1, this.closeOnItemClick = !0, this.handleDocumentClick = (e) => {
+			this.open && (e.composedPath().includes(this) || this.close());
+		}, this.handleWindowKeyDown = (e) => {
+			this.open && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this.close(), this.menuButton?.focus());
+		}, this.handleSurfaceKeyDown = (e) => {
+			let t = this.getItems(!0);
+			if (t.length === 0) return;
+			let n = null;
+			try {
+				n = document.activeElement;
+			} catch {
+				n = null;
+			}
+			let r = t.findIndex((e) => e === n || e.contains(n));
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), t[r >= 0 && r < t.length - 1 ? r + 1 : 0]?.focus();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), t[r > 0 ? r - 1 : t.length - 1]?.focus();
+					break;
+				case "Home":
+					e.preventDefault(), t[0]?.focus();
+					break;
+				case "End":
+					e.preventDefault(), t[t.length - 1]?.focus();
+					break;
+				case "Tab": this.stayOpenOnFocusout || this.close();
+			}
+		}, this.handleItemSelection = (e) => {
+			let t = e.detail;
+			this.emitEvent("select", t), !t?.keepOpen && this.closeOnItemClick && (this.close(), this.menuButton?.focus());
+		}, this.handleActionClick = (e) => {
+			if (this.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			if (this.type === "submit" || this.type === "reset") {
+				let e = this.closest("form");
+				e && (this.type === "submit" ? e.requestSubmit() : e.reset());
+			}
+			this.emitEvent("action", {
+				target: this,
+				open: this.open
+			});
+		}, this.handleMenuClick = (e) => {
+			if (e.stopPropagation(), this.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			this.open = !this.open, this.emitEvent("trailing-click", {
+				target: this,
+				open: this.open
+			}), this.emitEvent("toggle", {
+				target: this,
+				open: this.open
+			});
+		}, this.handleBackdropClick = (e) => {
+			e.stopPropagation(), this.close();
+		};
+	}
+	static {
+		this.styles = [e.styles, l];
+	}
+	handleSlotChange() {
+		let e = !!(this.icon || this.assignedIcons && this.assignedIcons.length > 0);
+		this.toggleAttribute("has-icon", e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), window.addEventListener("keydown", this.handleWindowKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), this.addEventListener("item-click", this.handleItemSelection), this.addEventListener("menu-item-click", this.handleItemSelection);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleWindowKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), this.removeEventListener("item-click", this.handleItemSelection), this.removeEventListener("menu-item-click", this.handleItemSelection);
+	}
+	firstUpdated() {
+		this.handleSlotChange();
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? (this.emitEvent("open"), setTimeout(() => {
+			this.focusFirstItem();
+		}, 16)) : this.emitEvent("close"));
+	}
+	show() {
+		this.open ||= !0;
+	}
+	close() {
+		this.open &&= !1;
+	}
+	toggle() {
+		this.open = !this.open;
+	}
+	getItems(e = !1) {
+		let t = Array.from(this.querySelectorAll("md-menu-item, [role=\"menuitem\"], button.menu-item"));
+		return e ? t.filter((e) => !(e.hasAttribute("disabled") || e.disabled)) : t;
+	}
+	focusFirstItem() {
+		let e = this.getItems(!0);
+		e.length > 0 ? e[0].focus() : this.menuSurfaceElement && this.menuSurfaceElement.focus();
+	}
+	focusLastItem() {
+		let e = this.getItems(!0);
+		e.length > 0 && e[e.length - 1].focus();
+	}
+	focusItemAtIndex(e) {
+		let t = this.getItems(!0);
+		e >= 0 && e < t.length && t[e].focus();
+	}
+	render() {
+		return r`
       <div class="backdrop" @click=${this.handleBackdropClick}></div>
 
       <div class="container" role="group">
@@ -351,14 +351,14 @@ var f = m`
           type=${this.type}
           class="action-button"
           ?disabled=${this.disabled}
-          aria-label=${this.actionAriaLabel || u}
+          aria-label=${this.actionAriaLabel || i}
           @click=${this.handleActionClick}
         >
           <md-ripple ?disabled=${this.disabled}></md-ripple>
           <md-focus-ring></md-focus-ring>
           <span class="content">
             <slot name="icon" @slotchange=${this.handleSlotChange}>
-              ${this.icon ? p`<md-icon name=${this.icon}></md-icon>` : u}
+              ${this.icon ? r`<md-icon name=${this.icon}></md-icon>` : i}
             </slot>
             <slot name="label">${this.label}</slot>
           </span>
@@ -396,55 +396,38 @@ var f = m`
         </div>
       </div>
     `;
-  }
+	}
 };
-i([s({
-  type: String,
-  reflect: !0
-})], n.prototype, "variant", void 0);
-i([s({
-  type: Boolean,
-  reflect: !0
-})], n.prototype, "disabled", void 0);
-i([s({ type: String })], n.prototype, "label", void 0);
-i([s({ type: String })], n.prototype, "icon", void 0);
-i([s({
-  type: String,
-  attribute: "trailing-icon"
-})], n.prototype, "trailingIcon", void 0);
-i([s({
-  type: Boolean,
-  reflect: !0
-})], n.prototype, "open", void 0);
-i([s({ type: String })], n.prototype, "type", void 0);
-i([s({
-  type: String,
-  attribute: "action-aria-label"
-})], n.prototype, "actionAriaLabel", void 0);
-i([s({
-  type: String,
-  attribute: "menu-aria-label"
-})], n.prototype, "menuAriaLabel", void 0);
-i([s({
-  type: String,
-  attribute: "menu-placement",
-  reflect: !0
-})], n.prototype, "menuPlacement", void 0);
-i([s({
-  type: Boolean,
-  attribute: "stay-open-on-focusout"
-})], n.prototype, "stayOpenOnFocusout", void 0);
-i([s({
-  type: Boolean,
-  attribute: "close-on-item-click"
-})], n.prototype, "closeOnItemClick", void 0);
-i([l(".action-button")], n.prototype, "actionButton", void 0);
-i([l(".menu-button")], n.prototype, "menuButton", void 0);
-i([l(".menu-surface")], n.prototype, "menuSurfaceElement", void 0);
-i([b({ slot: "icon" })], n.prototype, "assignedIcons", void 0);
-n = i([h("md-split-button")], n);
-export {
-  n as t
-};
-
-//# sourceMappingURL=split-button-DUfjukQY.js.map
+t([o({
+	type: String,
+	reflect: !0
+})], u.prototype, "variant", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "disabled", void 0), t([o({ type: String })], u.prototype, "label", 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: Boolean,
+	reflect: !0
+})], u.prototype, "open", void 0), t([o({ type: String })], u.prototype, "type", void 0), t([o({
+	type: String,
+	attribute: "action-aria-label"
+})], u.prototype, "actionAriaLabel", void 0), t([o({
+	type: String,
+	attribute: "menu-aria-label"
+})], u.prototype, "menuAriaLabel", void 0), t([o({
+	type: String,
+	attribute: "menu-placement",
+	reflect: !0
+})], u.prototype, "menuPlacement", void 0), t([o({
+	type: Boolean,
+	attribute: "stay-open-on-focusout"
+})], u.prototype, "stayOpenOnFocusout", void 0), t([o({
+	type: Boolean,
+	attribute: "close-on-item-click"
+})], u.prototype, "closeOnItemClick", void 0), t([s(".action-button")], u.prototype, "actionButton", void 0), t([s(".menu-button")], u.prototype, "menuButton", void 0), t([s(".menu-surface")], u.prototype, "menuSurfaceElement", void 0), t([c({ slot: "icon" })], u.prototype, "assignedIcons", void 0), u = t([a("md-split-button")], u);
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=split-button-CLjVJe3I.js.map