@francofantomius/material-components 0.1.0

package/dist/components/icon-button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.css.ts","../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const iconButtonStyles = css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    vertical-align: middle;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  button, a {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-full, 50%);\n    background-color: transparent;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    text-decoration: none;\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1),\n                color 150ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  /* --- Filled --- */\n  :host([variant=\"filled\"]) button,\n  :host([variant=\"filled\"]) a {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n  }\n\n  :host([variant=\"filled\"][selected]) button,\n  :host([variant=\"filled\"][selected]) a {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n  }\n\n  /* --- Tonal --- */\n  :host([variant=\"tonal\"]) button,\n  :host([variant=\"tonal\"]) a {\n    background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n    color: var(--md-sys-color-on-secondary-container, #1D192B);\n  }\n\n  /* --- Outlined --- */\n  :host([variant=\"outlined\"]) button,\n  :host([variant=\"outlined\"]) a {\n    border: 1px solid var(--md-sys-color-outline, #79747E);\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  :host([variant=\"outlined\"][selected]) button,\n  :host([variant=\"outlined\"][selected]) a {\n    background-color: var(--md-sys-color-inverse-surface, #313033);\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    border: none;\n  }\n\n  /* --- Toggle / Selected for Standard --- */\n  :host(:not([variant])[selected]) button,\n  :host(:not([variant])[selected]) a,\n  :host([variant=\"standard\"][selected]) button,\n  :host([variant=\"standard\"][selected]) a {\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  /* --- Disabled --- */\n  :host([disabled]) button,\n  :host([disabled]) a {\n    cursor: not-allowed;\n    color: rgba(29, 27, 32, 0.38);\n  }\n\n  :host([disabled][variant=\"filled\"]) button,\n  :host([disabled][variant=\"filled\"]) a,\n  :host([disabled][variant=\"tonal\"]) button,\n  :host([disabled][variant=\"tonal\"]) a {\n    background-color: rgba(29, 27, 32, 0.12);\n  }\n\n  :host([disabled][variant=\"outlined\"]) button,\n  :host([disabled][variant=\"outlined\"]) a {\n    border-color: rgba(29, 27, 32, 0.12);\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 1;\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 '../icon/icon.js';\nimport { iconButtonStyles } from './icon-button.css.js';\n\nexport type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';\n\n@customElement('md-icon-button')\nexport class MdIconButton extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, iconButtonStyles];\n\n  @property({ type: String, reflect: true })\n  variant: IconButtonVariant = 'standard';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  toggle = false;\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'selected-icon' })\n  selectedIcon = '';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = '';\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  private handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected;\n      this.emitEvent('change', { selected: this.selected });\n    }\n  };\n\n  override render() {\n    const iconName = (this.selected && this.selectedIcon) ? this.selectedIcon : this.icon;\n\n    const content = html`\n      <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n      <md-focus-ring></md-focus-ring>\n      <span class=\"content\">\n        <slot>\n          ${iconName ? html`<md-icon name=${iconName} ?filled=${this.selected}></md-icon>` : nothing}\n        </slot>\n      </span>\n    `;\n\n    if (this.href) {\n      return html`\n        <a\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-label=${this.ariaLabelText || nothing}\n          aria-pressed=${this.toggle ? (this.selected ? 'true' : 'false') : nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleClick}\n        >\n          ${content}\n        </a>\n      `;\n    }\n\n    return html`\n      <button\n        aria-label=${this.ariaLabelText || nothing}\n        aria-pressed=${this.toggle ? (this.selected ? 'true' : 'false') : nothing}\n        ?disabled=${this.disabled}\n        @click=${this.handleClick}\n      >\n        ${content}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-icon-button': MdIconButton;\n  }\n}\n\n"],"names":["iconButtonStyles","css","MdIconButton","MdBaseElement","event","iconName","content","html","nothing","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/list/list.css.d.ts

@@ -0,0 +1,3 @@
+export declare const listStyles: import('lit').CSSResult;
+export declare const listItemStyles: import('lit').CSSResult;
+//# sourceMappingURL=list.css.d.ts.map

package/dist/components/list/list.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.css.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAOtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA6E1B,CAAC"}

package/dist/components/list/list.d.ts

@@ -0,0 +1,25 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export declare class MdListItem extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    headline: string;
+    supportingText: string;
+    trailingSupportingText: string;
+    interactive: boolean;
+    disabled: boolean;
+    href: string;
+    target: string;
+    private handleClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare class MdList extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-list': MdList;
+        'md-list-item': MdListItem;
+    }
+}
+//# sourceMappingURL=list.d.ts.map

package/dist/components/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,sBAAsB,SAAM;IAG5B,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,MAAM,SAAM;IAEZ,OAAO,CAAC,WAAW,CASjB;IAEO,MAAM;CA+ChB;AAED,qBACa,MAAO,SAAQ,aAAa;IACvC,OAAgB,MAAM,iCAAsC;IAEnD,iBAAiB;IAKjB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/list/list.js

@@ -0,0 +1,190 @@
+import { css as m, nothing as s, html as r } from "lit";
+import { property as o, customElement as g } from "lit/decorators.js";
+import { M as p } from "../../chunks/base-component-DQTjlEVL.js";
+import "../../internal/ripple/ripple.js";
+import "../../chunks/focus-ring-Dl-XoEKK.js";
+const y = m`
+  :host {
+    display: flex;
+    flex-direction: column;
+    padding: 8px 0;
+    box-sizing: border-box;
+  }
+`, x = m`
+  :host {
+    display: flex;
+    outline: none;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+    opacity: 0.38;
+  }
+
+  .item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-height: 56px;
+    padding: 8px 16px;
+    box-sizing: border-box;
+    font-family: var(--md-sys-typescale-font-family, inherit);
+    color: var(--md-sys-color-on-surface, #1D1B20);
+    text-decoration: none;
+    gap: 16px;
+    user-select: none;
+    overflow: hidden;
+  }
+
+  :host([interactive]) .item {
+    cursor: pointer;
+  }
+
+  .start {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--md-sys-color-on-surface-variant, #49454F);
+    flex-shrink: 0;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    justify-content: center;
+  }
+
+  .headline {
+    font-size: var(--md-sys-typescale-body-large-size, 16px);
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--md-sys-color-on-surface, #1D1B20);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .supporting-text {
+    font-size: var(--md-sys-typescale-body-medium-size, 14px);
+    line-height: 20px;
+    font-weight: 400;
+    color: var(--md-sys-color-on-surface-variant, #49454F);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .end {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--md-sys-color-on-surface-variant, #49454F);
+    font-size: var(--md-sys-typescale-label-small-size, 11px);
+    flex-shrink: 0;
+  }
+`;
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (i, l, d, a) => {
+  for (var n = a > 1 ? void 0 : a ? v(l, d) : l, c = i.length - 1, h; c >= 0; c--)
+    (h = i[c]) && (n = (a ? h(l, d, n) : h(n)) || n);
+  return a && n && u(l, d, n), n;
+};
+let t = class extends p {
+  constructor() {
+    super(...arguments), this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.interactive = !1, this.disabled = !1, this.href = "", this.target = "", this.handleClick = (i) => {
+      if (this.disabled) {
+        i.preventDefault(), i.stopImmediatePropagation();
+        return;
+      }
+      this.interactive && this.emitEvent("item-click");
+    };
+  }
+  render() {
+    const i = r`
+      ${this.interactive ? r`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : s}
+
+      <div class="start">
+        <slot name="start"></slot>
+      </div>
+
+      <div class="content">
+        <slot>
+          ${this.headline ? r`<span class="headline">${this.headline}</span>` : s}
+          ${this.supportingText ? r`<span class="supporting-text">${this.supportingText}</span>` : s}
+        </slot>
+      </div>
+
+      <div class="end">
+        <slot name="end">
+          ${this.trailingSupportingText ? r`<span>${this.trailingSupportingText}</span>` : s}
+        </slot>
+      </div>
+    `;
+    return this.href ? r`
+        <a
+          class="item"
+          href=${this.disabled ? s : this.href}
+          target=${this.target || s}
+          aria-disabled=${this.disabled ? "true" : s}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleClick}
+        >
+          ${i}
+        </a>
+      ` : r`
+      <div
+        class="item"
+        tabindex=${this.interactive && !this.disabled ? "0" : s}
+        @click=${this.handleClick}
+      >
+        ${i}
+      </div>
+    `;
+  }
+};
+t.styles = [p.styles, x];
+e([
+  o({ type: String })
+], t.prototype, "headline", 2);
+e([
+  o({ type: String, attribute: "supporting-text" })
+], t.prototype, "supportingText", 2);
+e([
+  o({ type: String, attribute: "trailing-supporting-text" })
+], t.prototype, "trailingSupportingText", 2);
+e([
+  o({ type: Boolean, reflect: !0 })
+], t.prototype, "interactive", 2);
+e([
+  o({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+e([
+  o({ type: String })
+], t.prototype, "href", 2);
+e([
+  o({ type: String })
+], t.prototype, "target", 2);
+t = e([
+  g("md-list-item")
+], t);
+let f = class extends p {
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "list");
+  }
+  render() {
+    return r`<slot></slot>`;
+  }
+};
+f.styles = [p.styles, y];
+f = e([
+  g("md-list")
+], f);
+export {
+  f as MdList,
+  t as MdListItem
+};
+//# sourceMappingURL=list.js.map

package/dist/components/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","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  }\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  }\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  .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\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    const inner = html`\n      ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n\n      <div class=\"start\">\n        <slot name=\"start\"></slot>\n      </div>\n\n      <div class=\"content\">\n        <slot>\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>\n      </div>\n\n      <div class=\"end\">\n        <slot name=\"end\">\n          ${this.trailingSupportingText ? html`<span>${this.trailingSupportingText}</span>` : nothing}\n        </slot>\n      </div>\n    `;\n\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          ${inner}\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        ${inner}\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"],"names":["listStyles","css","listItemStyles","MdListItem","MdBaseElement","event","inner","html","nothing","__decorateClass","property","customElement","MdList"],"mappings":";;;;;AAEO,MAAMA,IAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASbC,IAAiBD;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;;;;;;ACHvB,IAAME,IAAN,cAAyBC,EAAc;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,WAAW,IAGX,KAAA,iBAAiB,IAGjB,KAAA,yBAAyB,IAGzB,KAAA,cAAc,IAGd,KAAA,WAAW,IAGX,KAAA,OAAO,IAGP,KAAA,SAAS,IAET,KAAQ,cAAc,CAACC,MAAsB;AAC3C,UAAI,KAAK,UAAU;AACjB,QAAAA,EAAM,eAAA,GACNA,EAAM,yBAAA;AACN;AAAA,MACF;AACA,MAAI,KAAK,eACP,KAAK,UAAU,YAAY;AAAA,IAE/B;AAAA,EAAA;AAAA,EAES,SAAS;AAChB,UAAMC,IAAQC;AAAA,QACV,KAAK,cAAcA,yBAA4B,KAAK,QAAQ,iDAAiDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQhH,KAAK,WAAWD,2BAA8B,KAAK,QAAQ,YAAYC,CAAO;AAAA,YAC9E,KAAK,iBAAiBD,kCAAqC,KAAK,cAAc,YAAYC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMjG,KAAK,yBAAyBD,UAAa,KAAK,sBAAsB,YAAYC,CAAO;AAAA;AAAA;AAAA;AAKjG,WAAI,KAAK,OACAD;AAAA;AAAA;AAAA,iBAGI,KAAK,WAAWC,IAAU,KAAK,IAAI;AAAA,mBACjC,KAAK,UAAUA,CAAO;AAAA,0BACf,KAAK,WAAW,SAASA,CAAO;AAAA,qBACrC,KAAK,WAAW,OAAO,GAAG;AAAA,mBAC5B,KAAK,WAAW;AAAA;AAAA,YAEvBF,CAAK;AAAA;AAAA,UAKNC;AAAA;AAAA;AAAA,mBAGQ,KAAK,eAAe,CAAC,KAAK,WAAW,MAAMC,CAAO;AAAA,iBACpD,KAAK,WAAW;AAAA;AAAA,UAEvBF,CAAK;AAAA;AAAA;AAAA,EAGb;AACF;AAlFaH,EACK,SAAS,CAACC,EAAc,QAAQF,CAAc;AAG9DO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAHfP,EAIX,WAAA,YAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,mBAAmB;AAAA,GAN7CP,EAOX,WAAA,kBAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,4BAA4B;AAAA,GATtDP,EAUX,WAAA,0BAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BP,EAaX,WAAA,eAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BP,EAgBX,WAAA,YAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAlBfP,EAmBX,WAAA,QAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GArBfP,EAsBX,WAAA,UAAA,CAAA;AAtBWA,IAANM,EAAA;AAAA,EADNE,EAAc,cAAc;AAAA,GAChBR,CAAA;AAqFN,IAAMS,IAAN,cAAqBR,EAAc;AAAA,EAG/B,oBAAoB;AAC3B,UAAM,kBAAA,GACN,KAAK,aAAa,QAAQ,MAAM;AAAA,EAClC;AAAA,EAES,SAAS;AAChB,WAAOG;AAAA,EACT;AACF;AAXaK,EACK,SAAS,CAACR,EAAc,QAAQJ,CAAU;AAD/CY,IAANH,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXC,CAAA;"}

package/dist/components/progress/progress.css.d.ts

@@ -0,0 +1,2 @@
+export declare const progressStyles: import('lit').CSSResult;
+//# sourceMappingURL=progress.css.d.ts.map

package/dist/components/progress/progress.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.css.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAkH1B,CAAC"}

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,19 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export type ProgressType = 'linear' | 'circular';
+export declare class MdProgress extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    type: ProgressType;
+    value: number | null;
+    max: number;
+    buffer: number;
+    indeterminate: boolean;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-progress': MdProgress;
+    }
+}
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjD,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,IAAI,EAAE,YAAY,CAAY;IAG9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5B,GAAG,SAAK;IAGR,MAAM,SAAK;IAGX,aAAa,UAAQ;IAEZ,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAYlD,iBAAiB;IAOjB,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/progress/progress.js

@@ -0,0 +1,183 @@
+import { css as d, nothing as h, html as m } from "lit";
+import { property as o, customElement as f } from "lit/decorators.js";
+import { M as u } from "../../chunks/base-component-DQTjlEVL.js";
+const p = d`
+  :host {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  /* --- Linear Progress --- */
+  :host(:not([type])),
+  :host([type="linear"]) {
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: relative;
+    overflow: hidden;
+    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+  }
+
+  .linear-buffer {
+    position: absolute;
+    inset: 0;
+    background-color: var(--md-sys-color-primary-container, #EADDFF);
+    transform-origin: left;
+    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  .linear-bar {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: var(--md-sys-color-primary, #6750A4);
+    border-radius: inherit;
+    transform-origin: left;
+    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  :host([indeterminate]:not([type])),
+  :host([indeterminate][type="linear"]) .linear-bar {
+    animation: md-linear-indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  }
+
+  @keyframes md-linear-indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+
+  /* --- Circular Progress --- */
+  :host([type="circular"]) {
+    width: 48px;
+    height: 48px;
+    position: relative;
+  }
+
+  svg {
+    width: 100%;
+    height: 100%;
+    transform: rotate(-90deg);
+  }
+
+  circle {
+    fill: none;
+    stroke-width: 4px;
+    stroke-linecap: round;
+  }
+
+  .circle-track {
+    stroke: var(--md-sys-color-surface-container-highest, #E6E0E9);
+  }
+
+  .circle-indicator {
+    stroke: var(--md-sys-color-primary, #6750A4);
+    transition: stroke-dashoffset 200ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  :host([indeterminate][type="circular"]) svg {
+    animation: md-circular-rotate 1.4s linear infinite;
+  }
+
+  :host([indeterminate][type="circular"]) .circle-indicator {
+    animation: md-circular-dash 1.4s ease-in-out infinite;
+  }
+
+  @keyframes md-circular-rotate {
+    100% {
+      transform: rotate(270deg);
+    }
+  }
+
+  @keyframes md-circular-dash {
+    0% {
+      stroke-dasharray: 1, 200;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -35px;
+    }
+    100% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -124px;
+    }
+  }
+`;
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (r, s, n, t) => {
+  for (var e = t > 1 ? void 0 : t ? b(s, n) : s, l = r.length - 1, c; l >= 0; l--)
+    (c = r[l]) && (e = (t ? c(s, n, e) : c(e)) || e);
+  return t && e && y(s, n, e), e;
+};
+let i = class extends u {
+  constructor() {
+    super(...arguments), this.type = "linear", this.value = null, this.max = 1, this.buffer = 1, this.indeterminate = !0;
+  }
+  willUpdate(r) {
+    super.willUpdate(r), r.has("value") && (this.indeterminate = this.value === null || this.value === void 0, !this.indeterminate && this.value !== null ? this.setAttribute("aria-valuenow", String(this.value)) : this.removeAttribute("aria-valuenow"));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "progressbar"), this.setAttribute("aria-valuemin", "0"), this.setAttribute("aria-valuemax", String(this.max));
+  }
+  render() {
+    const r = this.value !== null ? Math.min(Math.max(this.value / this.max, 0), 1) : 0, s = Math.min(Math.max(this.buffer / this.max, 0), 1);
+    if (this.type === "circular") {
+      const t = 2 * Math.PI * 20, e = t - r * t;
+      return m`
+        <svg viewBox="0 0 48 48">
+          <circle class="circle-track" cx="24" cy="24" r=${20}></circle>
+          <circle
+            class="circle-indicator"
+            cx="24"
+            cy="24"
+            r=${20}
+            stroke-dasharray=${this.indeterminate ? h : `${t}`}
+            stroke-dashoffset=${this.indeterminate ? h : `${e}`}
+          ></circle>
+        </svg>
+      `;
+    }
+    return m`
+      ${this.buffer < 1 ? m`<div class="linear-buffer" style="transform: scaleX(${s})"></div>` : h}
+      <div
+        class="linear-bar"
+        style=${this.indeterminate ? "" : `transform: scaleX(${r})`}
+      ></div>
+    `;
+  }
+};
+i.styles = [u.styles, p];
+a([
+  o({ type: String, reflect: !0 })
+], i.prototype, "type", 2);
+a([
+  o({ type: Number })
+], i.prototype, "value", 2);
+a([
+  o({ type: Number })
+], i.prototype, "max", 2);
+a([
+  o({ type: Number })
+], i.prototype, "buffer", 2);
+a([
+  o({ type: Boolean, reflect: !0 })
+], i.prototype, "indeterminate", 2);
+i = a([
+  f("md-progress")
+], i);
+export {
+  i as MdProgress
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sources":["../../../src/components/progress/progress.css.ts","../../../src/components/progress/progress.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const progressStyles = css`\n  :host {\n    display: inline-flex;\n    vertical-align: middle;\n  }\n\n  /* --- Linear Progress --- */\n  :host(:not([type])),\n  :host([type=\"linear\"]) {\n    display: block;\n    width: 100%;\n    height: 4px;\n    position: relative;\n    overflow: hidden;\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n  }\n\n  .linear-buffer {\n    position: absolute;\n    inset: 0;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    transform-origin: left;\n    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  .linear-bar {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: var(--md-sys-color-primary, #6750A4);\n    border-radius: inherit;\n    transform-origin: left;\n    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([indeterminate]:not([type])),\n  :host([indeterminate][type=\"linear\"]) .linear-bar {\n    animation: md-linear-indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n\n  @keyframes md-linear-indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n\n  /* --- Circular Progress --- */\n  :host([type=\"circular\"]) {\n    width: 48px;\n    height: 48px;\n    position: relative;\n  }\n\n  svg {\n    width: 100%;\n    height: 100%;\n    transform: rotate(-90deg);\n  }\n\n  circle {\n    fill: none;\n    stroke-width: 4px;\n    stroke-linecap: round;\n  }\n\n  .circle-track {\n    stroke: var(--md-sys-color-surface-container-highest, #E6E0E9);\n  }\n\n  .circle-indicator {\n    stroke: var(--md-sys-color-primary, #6750A4);\n    transition: stroke-dashoffset 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([indeterminate][type=\"circular\"]) svg {\n    animation: md-circular-rotate 1.4s linear infinite;\n  }\n\n  :host([indeterminate][type=\"circular\"]) .circle-indicator {\n    animation: md-circular-dash 1.4s ease-in-out infinite;\n  }\n\n  @keyframes md-circular-rotate {\n    100% {\n      transform: rotate(270deg);\n    }\n  }\n\n  @keyframes md-circular-dash {\n    0% {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -35px;\n    }\n    100% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -124px;\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 { progressStyles } from './progress.css.js';\n\nexport type ProgressType = 'linear' | 'circular';\n\n@customElement('md-progress')\nexport class MdProgress extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, progressStyles];\n\n  @property({ type: String, reflect: true })\n  type: ProgressType = 'linear';\n\n  @property({ type: Number })\n  value: number | null = null;\n\n  @property({ type: Number })\n  max = 1;\n\n  @property({ type: Number })\n  buffer = 1;\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = true;\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('value')) {\n      this.indeterminate = this.value === null || this.value === undefined;\n      if (!this.indeterminate && this.value !== null) {\n        this.setAttribute('aria-valuenow', String(this.value));\n      } else {\n        this.removeAttribute('aria-valuenow');\n      }\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'progressbar');\n    this.setAttribute('aria-valuemin', '0');\n    this.setAttribute('aria-valuemax', String(this.max));\n  }\n\n  override render() {\n    const fraction = this.value !== null ? Math.min(Math.max(this.value / this.max, 0), 1) : 0;\n    const bufferFraction = Math.min(Math.max(this.buffer / this.max, 0), 1);\n\n    if (this.type === 'circular') {\n      const radius = 20;\n      const circumference = 2 * Math.PI * radius;\n      const offset = circumference - fraction * circumference;\n\n      return html`\n        <svg viewBox=\"0 0 48 48\">\n          <circle class=\"circle-track\" cx=\"24\" cy=\"24\" r=${radius}></circle>\n          <circle\n            class=\"circle-indicator\"\n            cx=\"24\"\n            cy=\"24\"\n            r=${radius}\n            stroke-dasharray=${this.indeterminate ? nothing : `${circumference}`}\n            stroke-dashoffset=${this.indeterminate ? nothing : `${offset}`}\n          ></circle>\n        </svg>\n      `;\n    }\n\n    return html`\n      ${this.buffer < 1 ? html`<div class=\"linear-buffer\" style=\"transform: scaleX(${bufferFraction})\"></div>` : nothing}\n      <div\n        class=\"linear-bar\"\n        style=${this.indeterminate ? '' : `transform: scaleX(${fraction})`}\n      ></div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-progress': MdProgress;\n  }\n}\n\n"],"names":["progressStyles","css","MdProgress","MdBaseElement","changedProperties","fraction","bufferFraction","circumference","offset","html","nothing","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/radio/radio.css.d.ts

@@ -0,0 +1,3 @@
+export declare const radioStyles: import('lit').CSSResult;
+export declare const radioGroupStyles: import('lit').CSSResult;
+//# sourceMappingURL=radio.css.d.ts.map

package/dist/components/radio/radio.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.css.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAqEvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAY5B,CAAC"}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,38 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+import { MdFormAssociatedElement } from '../../internal/form-associated.js';
+export declare class MdRadio extends MdFormAssociatedElement {
+    static styles: import('lit').CSSResultGroup[];
+    checked: boolean;
+    value: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    formResetCallback(): void;
+    private updateFormValue;
+    private handleClick;
+    private handleKeyDown;
+    select(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare class MdRadioGroup extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    name: string;
+    value: string;
+    row: boolean;
+    private radios;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleSlotChange;
+    private syncRadios;
+    private handleChange;
+    private handleKeyDown;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-radio': MdRadio;
+        'md-radio-group': MdRadioGroup;
+    }
+}
+//# sourceMappingURL=radio.d.ts.map

package/dist/components/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,qBACa,OAAQ,SAAQ,uBAAuB;IAClD,OAAgB,MAAM,iCAAiD;IAGvE,OAAO,UAAS;IAGhB,KAAK,SAAQ;IAEJ,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQ/C,iBAAiB;IAK1B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,MAAM;IAmBG,MAAM;CAYhB;AAED,qBACa,YAAa,SAAQ,aAAa;IAC7C,OAAgB,MAAM,iCAA4C;IAGlE,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,GAAG,UAAS;IAGZ,OAAO,CAAC,MAAM,CAAa;IAElB,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOxD,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,aAAa,CAsBnB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;QACpB,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}