@mhmo91/schmancy 0.4.76 → 0.4.77

package/dist/chips-DcCUwYBu.js

@@ -1,340 +0,0 @@
-import { T as z } from "./tailwind.mixin-B6ADeWOc.js";
-import { LitElement as w, isServer as T, html as n, css as h, nothing as y } from "lit";
-import { property as s, queryAssignedElements as D, customElement as x, query as L } from "lit/decorators.js";
-import { _ as c } from "./tslib.es6-ujVQHAQ4.js";
-import { m as B, r as F } from "./redispatch-event-BLom7yp4.js";
-import { classMap as R } from "lit/directives/class-map.js";
-import "rxjs";
-import "lit/directives/style-map.js";
-import { $ as P } from "./litElement.mixin-BZErt4H3.js";
-const S = B(w);
-class b extends S {
-  get rippleDisabled() {
-    return this.disabled || this.softDisabled;
-  }
-  constructor() {
-    super(), this.disabled = !1, this.softDisabled = !1, this.alwaysFocusable = !1, this.label = "", this.hasIcon = !1, T || this.addEventListener("click", this.handleClick.bind(this));
-  }
-  focus(e) {
-    this.disabled && !this.alwaysFocusable || super.focus(e);
-  }
-  render() {
-    return n`
-      <div class="container ${R(this.getContainerClasses())}">
-        ${this.renderContainerContent()}
-      </div>
-    `;
-  }
-  updated(e) {
-    e.has("disabled") && e.get("disabled") !== void 0 && this.dispatchEvent(new Event("update-focus", { bubbles: !0 }));
-  }
-  getContainerClasses() {
-    return { disabled: this.disabled || this.softDisabled, "has-icon": this.hasIcon };
-  }
-  renderContainerContent() {
-    return n`
-      ${this.renderOutline()}
-      <md-focus-ring part="focus-ring" for=${this.primaryId}></md-focus-ring>
-      <md-ripple
-        for=${this.primaryId}
-        ?disabled=${this.rippleDisabled}></md-ripple>
-      ${this.renderPrimaryAction(this.renderPrimaryContent())}
-    `;
-  }
-  renderOutline() {
-    return n`<span class="outline"></span>`;
-  }
-  renderLeadingIcon() {
-    return n`<slot name="icon" @slotchange=${this.handleIconChange}></slot>`;
-  }
-  renderPrimaryContent() {
-    return n`
-      <span class="leading icon" aria-hidden="true">
-        ${this.renderLeadingIcon()}
-      </span>
-      <span class="label">
-        <span class="label-text" id="label">
-          ${this.label ? this.label : n`<slot></slot>`}
-        </span>
-      </span>
-      <span class="touch"></span>
-    `;
-  }
-  handleIconChange(e) {
-    const a = e.target;
-    this.hasIcon = a.assignedElements({ flatten: !0 }).length > 0;
-  }
-  handleClick(e) {
-    if (this.softDisabled || this.disabled && this.alwaysFocusable) return e.stopImmediatePropagation(), void e.preventDefault();
-  }
-}
-b.shadowRootOptions = { ...w.shadowRootOptions, delegatesFocus: !0 }, c([s({ type: Boolean, reflect: !0 })], b.prototype, "disabled", void 0), c([s({ type: Boolean, attribute: "soft-disabled", reflect: !0 })], b.prototype, "softDisabled", void 0), c([s({ type: Boolean, attribute: "always-focusable" })], b.prototype, "alwaysFocusable", void 0), c([s()], b.prototype, "label", void 0), c([s({ type: Boolean, reflect: !0, attribute: "has-icon" })], b.prototype, "hasIcon", void 0);
-class O extends w {
-  get chips() {
-    return this.childElements.filter((e) => e instanceof b);
-  }
-  constructor() {
-    super(), this.internals = this.attachInternals(), T || (this.addEventListener("focusin", this.updateTabIndices.bind(this)), this.addEventListener("update-focus", this.updateTabIndices.bind(this)), this.addEventListener("keydown", this.handleKeyDown.bind(this)), this.internals.role = "toolbar");
-  }
-  render() {
-    return n`<slot @slotchange=${this.updateTabIndices}></slot>`;
-  }
-  handleKeyDown(e) {
-    const a = e.key === "ArrowLeft", r = e.key === "ArrowRight", i = e.key === "Home", l = e.key === "End";
-    if (!(a || r || i || l)) return;
-    const { chips: o } = this;
-    if (o.length < 2) return;
-    if (e.preventDefault(), i || l)
-      return o[i ? 0 : o.length - 1].focus({ trailing: l }), void this.updateTabIndices();
-    const g = getComputedStyle(this).direction === "rtl" ? a : r, E = o.find((_) => _.matches(":focus-within"));
-    if (!E)
-      return (g ? o[0] : o[o.length - 1]).focus({ trailing: !g }), void this.updateTabIndices();
-    const k = o.indexOf(E);
-    let p = g ? k + 1 : k - 1;
-    for (; p !== k; ) {
-      p >= o.length ? p = 0 : p < 0 && (p = o.length - 1);
-      const _ = o[p];
-      if (!_.disabled || _.alwaysFocusable) {
-        _.focus({ trailing: !g }), this.updateTabIndices();
-        break;
-      }
-      g ? p++ : p--;
-    }
-  }
-  updateTabIndices() {
-    const { chips: e } = this;
-    let a;
-    for (const r of e) {
-      const i = r.alwaysFocusable || !r.disabled;
-      r.matches(":focus-within") && i ? a = r : (i && !a && (a = r), r.tabIndex = -1);
-    }
-    a && (a.tabIndex = 0);
-  }
-}
-c([D()], O.prototype, "childElements", void 0);
-const j = h`:host{display:flex;flex-wrap:wrap;gap:8px}
-`;
-let A = class extends O {
-};
-A.styles = [j], A = c([x("md-chip-set")], A);
-const q = h`.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}}
-`;
-class K extends w {
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
-  }
-  render() {
-    return n`<span class="shadow"></span>`;
-  }
-}
-const U = h`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}
-`;
-let $ = class extends K {
-};
-$.styles = [U], $ = c([x("md-elevation")], $);
-const C = "aria-label-remove";
-class G extends b {
-  get ariaLabelRemove() {
-    if (this.hasAttribute(C)) return this.getAttribute(C);
-    const { ariaLabel: e } = this;
-    return e || this.label ? `Remove ${e || this.label}` : null;
-  }
-  set ariaLabelRemove(e) {
-    e !== this.ariaLabelRemove && (e === null ? this.removeAttribute(C) : this.setAttribute(C, e), this.requestUpdate());
-  }
-  constructor() {
-    super(), this.handleTrailingActionFocus = this.handleTrailingActionFocus.bind(this), T || this.addEventListener("keydown", this.handleKeyDown.bind(this));
-  }
-  focus(e) {
-    (this.alwaysFocusable || !this.disabled) && e?.trailing && this.trailingAction ? this.trailingAction.focus(e) : super.focus(e);
-  }
-  renderContainerContent() {
-    return n`
-      ${super.renderContainerContent()}
-      ${this.renderTrailingAction(this.handleTrailingActionFocus)}
-    `;
-  }
-  handleKeyDown(e) {
-    const a = e.key === "ArrowLeft", r = e.key === "ArrowRight";
-    if (!a && !r || !this.primaryAction || !this.trailingAction) return;
-    const i = getComputedStyle(this).direction === "rtl" ? a : r, l = this.primaryAction?.matches(":focus-within"), o = this.trailingAction?.matches(":focus-within");
-    i && o || !i && l || (e.preventDefault(), e.stopPropagation(), (i ? this.trailingAction : this.primaryAction).focus());
-  }
-  handleTrailingActionFocus() {
-    const { primaryAction: e, trailingAction: a } = this;
-    e && a && (e.tabIndex = -1, a.addEventListener("focusout", () => {
-      e.tabIndex = 0;
-    }, { once: !0 }));
-  }
-}
-function M({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
-  return n`
-    <span id="remove-label" hidden aria-hidden="true">Remove</span>
-    <button
-      class="trailing action"
-      aria-label=${t || y}
-      aria-labelledby=${t ? y : "remove-label label"}
-      tabindex=${r ? y : -1}
-      @click=${Z}
-      @focus=${a}>
-      <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
-      <md-ripple ?disabled=${e}></md-ripple>
-      <span class="trailing icon" aria-hidden="true">
-        <slot name="remove-trailing-icon">
-          <svg viewBox="0 96 960 960">
-            <path
-              d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
-          </svg>
-        </slot>
-      </span>
-      <span class="touch"></span>
-    </button>
-  `;
-}
-function Z(t) {
-  this.disabled || this.softDisabled || (t.stopPropagation(), !this.dispatchEvent(new Event("remove", { cancelable: !0 })) || this.remove());
-}
-class f extends G {
-  constructor() {
-    super(...arguments), this.elevated = !1, this.removable = !1, this.selected = !1, this.hasSelectedIcon = !1;
-  }
-  get primaryId() {
-    return "button";
-  }
-  getContainerClasses() {
-    return { ...super.getContainerClasses(), elevated: this.elevated, selected: this.selected, "has-trailing": this.removable, "has-icon": this.hasIcon || this.selected };
-  }
-  renderPrimaryAction(e) {
-    const { ariaLabel: a } = this;
-    return n`
-      <button
-        class="primary action"
-        id="button"
-        aria-label=${a || y}
-        aria-pressed=${this.selected}
-        aria-disabled=${this.softDisabled || y}
-        ?disabled=${this.disabled && !this.alwaysFocusable}
-        @click=${this.handleClickOnChild}
-        >${e}</button
-      >
-    `;
-  }
-  renderLeadingIcon() {
-    return this.selected ? n`
-      <slot name="selected-icon">
-        <svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
-          <path
-            d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
-        </svg>
-      </slot>
-    ` : super.renderLeadingIcon();
-  }
-  renderTrailingAction(e) {
-    return this.removable ? M({ focusListener: e, ariaLabel: this.ariaLabelRemove, disabled: this.disabled || this.softDisabled }) : y;
-  }
-  renderOutline() {
-    return this.elevated ? n`<md-elevation part="elevation"></md-elevation>` : super.renderOutline();
-  }
-  handleClickOnChild(e) {
-    if (this.disabled || this.softDisabled) return;
-    const a = this.selected;
-    this.selected = !this.selected, !F(this, e) && (this.selected = a);
-  }
-}
-c([s({ type: Boolean })], f.prototype, "elevated", void 0), c([s({ type: Boolean })], f.prototype, "removable", void 0), c([s({ type: Boolean, reflect: !0 })], f.prototype, "selected", void 0), c([s({ type: Boolean, reflect: !0, attribute: "has-selected-icon" })], f.prototype, "hasSelectedIcon", void 0), c([L(".primary.action")], f.prototype, "primaryAction", void 0), c([L(".trailing.action")], f.prototype, "trailingAction", void 0);
-const H = h`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}
-`, Y = h`.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}
-`, J = h`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit}
-`, N = h`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}
-`;
-let I = class extends f {
-};
-I.styles = [J, q, N, Y, H], I = c([x("md-filter-chip")], I);
-var Q = Object.defineProperty, V = Object.getOwnPropertyDescriptor, m = (t, e, a, r) => {
-  for (var i, l = r > 1 ? void 0 : r ? V(e, a) : e, o = t.length - 1; o >= 0; o--) (i = t[o]) && (l = (r ? i(e, a, l) : i(l)) || l);
-  return r && l && Q(e, a, l), l;
-};
-let d = class extends z(h`
-	/* Allow content to be styled with Tailwind classes */
-	:host {
-		display: inline-block;
-	}
-`) {
-  constructor() {
-    super(), this.value = "", this.selected = !1, this.icon = "", this.readOnly = !1, this.disabled = !1;
-    try {
-      this.internals = this.attachInternals();
-    } catch {
-      this.internals = void 0;
-    }
-  }
-  get form() {
-    return this.internals?.form;
-  }
-  render() {
-    return n`
-			<md-filter-chip
-				@click=${() => {
-      this.readOnly || (this.selected = !this.selected, this.dispatchEvent(new CustomEvent("change", { detail: { value: this.value, selected: this.selected }, bubbles: !0 })));
-    }}
-				?selected=${this.selected}
-				?disabled=${this.disabled}
-			>
-				<slot></slot>
-			</md-filter-chip>
-		`;
-  }
-};
-d.shadowRootOptions = { ...w.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, m([s({ type: String, reflect: !0 })], d.prototype, "value", 2), m([s({ type: Boolean, reflect: !0 })], d.prototype, "selected", 2), m([s({ type: String, reflect: !0 })], d.prototype, "icon", 2), m([s({ type: Boolean, reflect: !0 })], d.prototype, "readOnly", 2), m([s({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), d = m([x("schmancy-chip")], d);
-var W = Object.defineProperty, X = Object.getOwnPropertyDescriptor, u = (t, e, a, r) => {
-  for (var i, l = r > 1 ? void 0 : r ? X(e, a) : e, o = t.length - 1; o >= 0; o--) (i = t[o]) && (l = (r ? i(e, a, l) : i(l)) || l);
-  return r && l && W(e, a, l), l;
-};
-let v = class extends P(h``) {
-  constructor() {
-    super(...arguments), this.multi = !1, this.values = [], this.value = "", this.wrap = !0;
-  }
-  async change(t) {
-    t.preventDefault(), t.stopPropagation();
-    const { value: e, selected: a } = t.detail;
-    if (this.multi) {
-      if (a) {
-        this.values = [...this.values, e];
-        const r = this.chips.find((i) => i.value === e);
-        r && (r.selected = !0);
-      } else {
-        this.values = this.values.filter((i) => i !== e);
-        const r = this.chips.find((i) => i.value === e);
-        r && (r.selected = !1);
-      }
-      this.requestUpdate();
-    } else {
-      const { value: r, selected: i } = t.detail;
-      this.value = i ? r : "";
-      const l = this.chips.find((o) => o.value === r);
-      l.selected = i || !1, this.chips.forEach((o) => {
-        this.value && this.value === o.value ? o.selected = !0 : o.selected = !1;
-      }), this.requestUpdate();
-    }
-    this.dispatchEvent(new CustomEvent("change", { detail: this.multi ? this.values : this.value, bubbles: !0 }));
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.hydrateTabs();
-  }
-  attributeChangedCallback(t, e, a) {
-    super.attributeChangedCallback(t, e, a), (t === "values" || t === "value") && this.hydrateTabs();
-  }
-  hydrateTabs() {
-    this.chips.forEach((t) => {
-      this.multi ? this.values.includes(t.value) ? t.selected = !0 : t.selected = !1 : this.value === t.value ? t.selected = !0 : t.selected = !1;
-    });
-  }
-  render() {
-    const t = { "flex-wrap": this.wrap ? "wrap" : "nowrap" };
-    return n`<md-chip-set style=${this.styleMap(t)} @change=${this.change}>
-			<slot @slotchange=${() => this.hydrateTabs()}></slot>
-		</md-chip-set>`;
-  }
-};
-u([L("md-chip-set")], v.prototype, "chipSet", 2), u([s({ type: Boolean, reflect: !0 })], v.prototype, "multi", 2), u([s({ type: Array, reflect: !0 })], v.prototype, "values", 2), u([s({ type: String, reflect: !0 })], v.prototype, "value", 2), u([D({ selector: "schmancy-chip", flatten: !0 })], v.prototype, "chips", 2), u([s({ type: Boolean, reflect: !0 })], v.prototype, "wrap", 2), v = u([x("schmancy-chips")], v);
-//# sourceMappingURL=chips-DcCUwYBu.js.map

package/dist/chips-DcCUwYBu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chips-DcCUwYBu.js","sources":["../node_modules/@material/web/chips/internal/chip.js","../node_modules/@material/web/chips/internal/chip-set.js","../node_modules/@material/web/chips/internal/chip-set-styles.js","../node_modules/@material/web/chips/chip-set.js","../node_modules/@material/web/chips/internal/elevated-styles.js","../node_modules/@material/web/elevation/internal/elevation.js","../node_modules/@material/web/elevation/internal/elevation-styles.js","../node_modules/@material/web/elevation/elevation.js","../node_modules/@material/web/chips/internal/multi-action-chip.js","../node_modules/@material/web/chips/internal/trailing-icons.js","../node_modules/@material/web/chips/internal/filter-chip.js","../node_modules/@material/web/chips/internal/filter-styles.js","../node_modules/@material/web/chips/internal/selectable-styles.js","../node_modules/@material/web/chips/internal/shared-styles.js","../node_modules/@material/web/chips/internal/trailing-icon-styles.js","../node_modules/@material/web/chips/filter-chip.js","../src/chips/chip.ts","../src/chips/chips.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { mixinDelegatesAria } from '../../internal/aria/delegate.js';\n// Separate variable needed for closure.\nconst chipBaseClass = mixinDelegatesAria(LitElement);\n/**\n * A chip component.\n *\n * @fires update-focus {Event} Dispatched when `disabled` is toggled. --bubbles\n */\nexport class Chip extends chipBaseClass {\n    /**\n     * Whether or not the primary ripple is disabled (defaults to `disabled`).\n     * Some chip actions such as links cannot be disabled.\n     */\n    get rippleDisabled() {\n        return this.disabled || this.softDisabled;\n    }\n    constructor() {\n        super();\n        /**\n         * Whether or not the chip is disabled.\n         *\n         * Disabled chips are not focusable, unless `always-focusable` is set.\n         */\n        this.disabled = false;\n        /**\n         * Whether or not the chip is \"soft-disabled\" (disabled but still\n         * focusable).\n         *\n         * Use this when a chip needs increased visibility when disabled. See\n         * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n         * for more guidance on when this is needed.\n         */\n        this.softDisabled = false;\n        /**\n         * When true, allow disabled chips to be focused with arrow keys.\n         *\n         * Add this when a chip needs increased visibility when disabled. See\n         * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\n         * for more guidance on when this is needed.\n         *\n         * @deprecated Use `softDisabled` instead of `alwaysFocusable` + `disabled`.\n         */\n        this.alwaysFocusable = false;\n        // TODO(b/350810013): remove the label property.\n        /**\n         * The label of the chip.\n         *\n         * @deprecated Set text as content of the chip instead.\n         */\n        this.label = '';\n        /**\n         * Only needed for SSR.\n         *\n         * Add this attribute when a chip has a `slot=\"icon\"` to avoid a Flash Of\n         * Unstyled Content.\n         */\n        this.hasIcon = false;\n        if (!isServer) {\n            this.addEventListener('click', this.handleClick.bind(this));\n        }\n    }\n    focus(options) {\n        if (this.disabled && !this.alwaysFocusable) {\n            return;\n        }\n        super.focus(options);\n    }\n    render() {\n        return html `\n      <div class=\"container ${classMap(this.getContainerClasses())}\">\n        ${this.renderContainerContent()}\n      </div>\n    `;\n    }\n    updated(changed) {\n        if (changed.has('disabled') && changed.get('disabled') !== undefined) {\n            this.dispatchEvent(new Event('update-focus', { bubbles: true }));\n        }\n    }\n    getContainerClasses() {\n        return {\n            'disabled': this.disabled || this.softDisabled,\n            'has-icon': this.hasIcon,\n        };\n    }\n    renderContainerContent() {\n        return html `\n      ${this.renderOutline()}\n      <md-focus-ring part=\"focus-ring\" for=${this.primaryId}></md-focus-ring>\n      <md-ripple\n        for=${this.primaryId}\n        ?disabled=${this.rippleDisabled}></md-ripple>\n      ${this.renderPrimaryAction(this.renderPrimaryContent())}\n    `;\n    }\n    renderOutline() {\n        return html `<span class=\"outline\"></span>`;\n    }\n    renderLeadingIcon() {\n        return html `<slot name=\"icon\" @slotchange=${this.handleIconChange}></slot>`;\n    }\n    renderPrimaryContent() {\n        return html `\n      <span class=\"leading icon\" aria-hidden=\"true\">\n        ${this.renderLeadingIcon()}\n      </span>\n      <span class=\"label\">\n        <span class=\"label-text\" id=\"label\">\n          ${this.label ? this.label : html `<slot></slot>`}\n        </span>\n      </span>\n      <span class=\"touch\"></span>\n    `;\n    }\n    handleIconChange(event) {\n        const slot = event.target;\n        this.hasIcon = slot.assignedElements({ flatten: true }).length > 0;\n    }\n    handleClick(event) {\n        // If the chip is soft-disabled or disabled + always-focusable, we need to\n        // explicitly prevent the click from propagating to other event listeners\n        // as well as prevent the default action.\n        if (this.softDisabled || (this.disabled && this.alwaysFocusable)) {\n            event.stopImmediatePropagation();\n            event.preventDefault();\n            return;\n        }\n    }\n}\n/** @nocollapse */\nChip.shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n};\n__decorate([\n    property({ type: Boolean, reflect: true })\n], Chip.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean, attribute: 'soft-disabled', reflect: true })\n], Chip.prototype, \"softDisabled\", void 0);\n__decorate([\n    property({ type: Boolean, attribute: 'always-focusable' })\n], Chip.prototype, \"alwaysFocusable\", void 0);\n__decorate([\n    property()\n], Chip.prototype, \"label\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true, attribute: 'has-icon' })\n], Chip.prototype, \"hasIcon\", void 0);\n//# sourceMappingURL=chip.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { html, isServer, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { Chip } from './chip.js';\n/**\n * A chip set component.\n */\nexport class ChipSet extends LitElement {\n    get chips() {\n        return this.childElements.filter((child) => child instanceof Chip);\n    }\n    constructor() {\n        super();\n        this.internals = \n        // Cast needed for closure\n        this.attachInternals();\n        if (!isServer) {\n            this.addEventListener('focusin', this.updateTabIndices.bind(this));\n            this.addEventListener('update-focus', this.updateTabIndices.bind(this));\n            this.addEventListener('keydown', this.handleKeyDown.bind(this));\n            this.internals.role = 'toolbar';\n        }\n    }\n    render() {\n        return html `<slot @slotchange=${this.updateTabIndices}></slot>`;\n    }\n    handleKeyDown(event) {\n        const isLeft = event.key === 'ArrowLeft';\n        const isRight = event.key === 'ArrowRight';\n        const isHome = event.key === 'Home';\n        const isEnd = event.key === 'End';\n        // Ignore non-navigation keys\n        if (!isLeft && !isRight && !isHome && !isEnd) {\n            return;\n        }\n        const { chips } = this;\n        // Don't try to select another chip if there aren't any.\n        if (chips.length < 2) {\n            return;\n        }\n        // Prevent default interactions, such as scrolling.\n        event.preventDefault();\n        if (isHome || isEnd) {\n            const index = isHome ? 0 : chips.length - 1;\n            chips[index].focus({ trailing: isEnd });\n            this.updateTabIndices();\n            return;\n        }\n        // Check if moving forwards or backwards\n        const isRtl = getComputedStyle(this).direction === 'rtl';\n        const forwards = isRtl ? isLeft : isRight;\n        const focusedChip = chips.find((chip) => chip.matches(':focus-within'));\n        if (!focusedChip) {\n            // If there is not already a chip focused, select the first or last chip\n            // based on the direction we're traveling.\n            const nextChip = forwards ? chips[0] : chips[chips.length - 1];\n            nextChip.focus({ trailing: !forwards });\n            this.updateTabIndices();\n            return;\n        }\n        const currentIndex = chips.indexOf(focusedChip);\n        let nextIndex = forwards ? currentIndex + 1 : currentIndex - 1;\n        // Search for the next sibling that is not disabled to select.\n        // If we return to the host index, there is nothing to select.\n        while (nextIndex !== currentIndex) {\n            if (nextIndex >= chips.length) {\n                // Return to start if moving past the last item.\n                nextIndex = 0;\n            }\n            else if (nextIndex < 0) {\n                // Go to end if moving before the first item.\n                nextIndex = chips.length - 1;\n            }\n            // Check if the next sibling is disabled. If so,\n            // move the index and continue searching.\n            //\n            // Some toolbar items may be focusable when disabled for increased\n            // visibility.\n            const nextChip = chips[nextIndex];\n            if (nextChip.disabled && !nextChip.alwaysFocusable) {\n                if (forwards) {\n                    nextIndex++;\n                }\n                else {\n                    nextIndex--;\n                }\n                continue;\n            }\n            nextChip.focus({ trailing: !forwards });\n            this.updateTabIndices();\n            break;\n        }\n    }\n    updateTabIndices() {\n        // The chip that should be focusable is either the chip that currently has\n        // focus or the first chip that can be focused.\n        const { chips } = this;\n        let chipToFocus;\n        for (const chip of chips) {\n            const isChipFocusable = chip.alwaysFocusable || !chip.disabled;\n            const chipIsFocused = chip.matches(':focus-within');\n            if (chipIsFocused && isChipFocusable) {\n                // Found the first chip that is actively focused. This overrides the\n                // first focusable chip found.\n                chipToFocus = chip;\n                continue;\n            }\n            if (isChipFocusable && !chipToFocus) {\n                chipToFocus = chip;\n            }\n            // Disable non-focused chips. If we disable all of them, we'll grant focus\n            // to the first focusable child that was found.\n            chip.tabIndex = -1;\n        }\n        if (chipToFocus) {\n            chipToFocus.tabIndex = 0;\n        }\n    }\n}\n__decorate([\n    queryAssignedElements()\n], ChipSet.prototype, \"childElements\", void 0);\n//# sourceMappingURL=chip-set.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/chip-set-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{display:flex;flex-wrap:wrap;gap:8px}\n`;\n//# sourceMappingURL=chip-set-styles.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { ChipSet } from './internal/chip-set.js';\nimport { styles } from './internal/chip-set-styles.js';\n/**\n * TODO(b/243982145): add docs\n *\n * @final\n * @suppress {visibility}\n */\nlet MdChipSet = class MdChipSet extends ChipSet {\n};\nMdChipSet.styles = [styles];\nMdChipSet = __decorate([\n    customElement('md-chip-set')\n], MdChipSet);\nexport { MdChipSet };\n//# sourceMappingURL=chip-set.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/elevated-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}}\n`;\n//# sourceMappingURL=elevated-styles.js.map","/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { html, LitElement } from 'lit';\n/**\n * A component for elevation.\n */\nexport class Elevation extends LitElement {\n    connectedCallback() {\n        super.connectedCallback();\n        // Needed for VoiceOver, which will create a \"group\" if the element is a\n        // sibling to other content.\n        this.setAttribute('aria-hidden', 'true');\n    }\n    render() {\n        return html `<span class=\"shadow\"></span>`;\n    }\n}\n//# sourceMappingURL=elevation.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./elevation/internal/elevation-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:\"\";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}\n`;\n//# sourceMappingURL=elevation-styles.js.map","/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { Elevation } from './internal/elevation.js';\nimport { styles } from './internal/elevation-styles.js';\n/**\n * The `<md-elevation>` custom element with default styles.\n *\n * Elevation is the relative distance between two surfaces along the z-axis.\n *\n * @final\n * @suppress {visibility}\n */\nlet MdElevation = class MdElevation extends Elevation {\n};\nMdElevation.styles = [styles];\nMdElevation = __decorate([\n    customElement('md-elevation')\n], MdElevation);\nexport { MdElevation };\n//# sourceMappingURL=elevation.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { html, isServer } from 'lit';\nimport { Chip } from './chip.js';\nconst ARIA_LABEL_REMOVE = 'aria-label-remove';\n/**\n * A chip component with multiple actions.\n */\nexport class MultiActionChip extends Chip {\n    get ariaLabelRemove() {\n        if (this.hasAttribute(ARIA_LABEL_REMOVE)) {\n            return this.getAttribute(ARIA_LABEL_REMOVE);\n        }\n        const { ariaLabel } = this;\n        // TODO(b/350810013): remove `this.label` when label property is removed.\n        if (ariaLabel || this.label) {\n            return `Remove ${ariaLabel || this.label}`;\n        }\n        return null;\n    }\n    set ariaLabelRemove(ariaLabel) {\n        const prev = this.ariaLabelRemove;\n        if (ariaLabel === prev) {\n            return;\n        }\n        if (ariaLabel === null) {\n            this.removeAttribute(ARIA_LABEL_REMOVE);\n        }\n        else {\n            this.setAttribute(ARIA_LABEL_REMOVE, ariaLabel);\n        }\n        this.requestUpdate();\n    }\n    constructor() {\n        super();\n        this.handleTrailingActionFocus = this.handleTrailingActionFocus.bind(this);\n        if (!isServer) {\n            this.addEventListener('keydown', this.handleKeyDown.bind(this));\n        }\n    }\n    focus(options) {\n        const isFocusable = this.alwaysFocusable || !this.disabled;\n        if (isFocusable && options?.trailing && this.trailingAction) {\n            this.trailingAction.focus(options);\n            return;\n        }\n        super.focus(options);\n    }\n    renderContainerContent() {\n        return html `\n      ${super.renderContainerContent()}\n      ${this.renderTrailingAction(this.handleTrailingActionFocus)}\n    `;\n    }\n    handleKeyDown(event) {\n        const isLeft = event.key === 'ArrowLeft';\n        const isRight = event.key === 'ArrowRight';\n        // Ignore non-navigation keys.\n        if (!isLeft && !isRight) {\n            return;\n        }\n        if (!this.primaryAction || !this.trailingAction) {\n            // Does not have multiple actions.\n            return;\n        }\n        // Check if moving forwards or backwards\n        const isRtl = getComputedStyle(this).direction === 'rtl';\n        const forwards = isRtl ? isLeft : isRight;\n        const isPrimaryFocused = this.primaryAction?.matches(':focus-within');\n        const isTrailingFocused = this.trailingAction?.matches(':focus-within');\n        if ((forwards && isTrailingFocused) || (!forwards && isPrimaryFocused)) {\n            // Moving outside of the chip, it will be handled by the chip set.\n            return;\n        }\n        // Prevent default interactions, such as scrolling.\n        event.preventDefault();\n        // Don't let the chip set handle this navigation event.\n        event.stopPropagation();\n        const actionToFocus = forwards ? this.trailingAction : this.primaryAction;\n        actionToFocus.focus();\n    }\n    handleTrailingActionFocus() {\n        const { primaryAction, trailingAction } = this;\n        if (!primaryAction || !trailingAction) {\n            return;\n        }\n        // Temporarily turn off the primary action's focusability. This allows\n        // shift+tab from the trailing action to move to the previous chip rather\n        // than the primary action in the same chip.\n        primaryAction.tabIndex = -1;\n        trailingAction.addEventListener('focusout', () => {\n            primaryAction.tabIndex = 0;\n        }, { once: true });\n    }\n}\n//# sourceMappingURL=multi-action-chip.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, nothing } from 'lit';\n/** @protected */\nexport function renderRemoveButton({ ariaLabel, disabled, focusListener, tabbable = false, }) {\n    // When an aria-label is not provided, we use two spans with aria-labelledby\n    // to create the \"Remove <textContent>\" label for the remove button. The first\n    // is this #remove-label span, the second is the chip's #label slot span.\n    return html `\n    <span id=\"remove-label\" hidden aria-hidden=\"true\">Remove</span>\n    <button\n      class=\"trailing action\"\n      aria-label=${ariaLabel || nothing}\n      aria-labelledby=${!ariaLabel ? 'remove-label label' : nothing}\n      tabindex=${!tabbable ? -1 : nothing}\n      @click=${handleRemoveClick}\n      @focus=${focusListener}>\n      <md-focus-ring part=\"trailing-focus-ring\"></md-focus-ring>\n      <md-ripple ?disabled=${disabled}></md-ripple>\n      <span class=\"trailing icon\" aria-hidden=\"true\">\n        <slot name=\"remove-trailing-icon\">\n          <svg viewBox=\"0 96 960 960\">\n            <path\n              d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n          </svg>\n        </slot>\n      </span>\n      <span class=\"touch\"></span>\n    </button>\n  `;\n}\nfunction handleRemoveClick(event) {\n    if (this.disabled || this.softDisabled) {\n        return;\n    }\n    event.stopPropagation();\n    const preventDefault = !this.dispatchEvent(new Event('remove', { cancelable: true }));\n    if (preventDefault) {\n        return;\n    }\n    this.remove();\n}\n//# sourceMappingURL=trailing-icons.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport '../../elevation/elevation.js';\nimport { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { redispatchEvent } from '../../internal/events/redispatch-event.js';\nimport { MultiActionChip } from './multi-action-chip.js';\nimport { renderRemoveButton } from './trailing-icons.js';\n/**\n * A filter chip component.\n *\n * @fires remove {Event} Dispatched when the remove button is clicked.\n */\nexport class FilterChip extends MultiActionChip {\n    constructor() {\n        super(...arguments);\n        this.elevated = false;\n        this.removable = false;\n        this.selected = false;\n        /**\n         * Only needed for SSR.\n         *\n         * Add this attribute when a filter chip has a `slot=\"selected-icon\"` to avoid\n         * a Flash Of Unstyled Content.\n         */\n        this.hasSelectedIcon = false;\n    }\n    get primaryId() {\n        return 'button';\n    }\n    getContainerClasses() {\n        return {\n            ...super.getContainerClasses(),\n            elevated: this.elevated,\n            selected: this.selected,\n            'has-trailing': this.removable,\n            'has-icon': this.hasIcon || this.selected,\n        };\n    }\n    renderPrimaryAction(content) {\n        const { ariaLabel } = this;\n        return html `\n      <button\n        class=\"primary action\"\n        id=\"button\"\n        aria-label=${ariaLabel || nothing}\n        aria-pressed=${this.selected}\n        aria-disabled=${this.softDisabled || nothing}\n        ?disabled=${this.disabled && !this.alwaysFocusable}\n        @click=${this.handleClickOnChild}\n        >${content}</button\n      >\n    `;\n    }\n    renderLeadingIcon() {\n        if (!this.selected) {\n            return super.renderLeadingIcon();\n        }\n        return html `\n      <slot name=\"selected-icon\">\n        <svg class=\"checkmark\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n          <path\n            d=\"M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z\" />\n        </svg>\n      </slot>\n    `;\n    }\n    renderTrailingAction(focusListener) {\n        if (this.removable) {\n            return renderRemoveButton({\n                focusListener,\n                ariaLabel: this.ariaLabelRemove,\n                disabled: this.disabled || this.softDisabled,\n            });\n        }\n        return nothing;\n    }\n    renderOutline() {\n        if (this.elevated) {\n            return html `<md-elevation part=\"elevation\"></md-elevation>`;\n        }\n        return super.renderOutline();\n    }\n    handleClickOnChild(event) {\n        if (this.disabled || this.softDisabled) {\n            return;\n        }\n        // Store prevValue to revert in case `chip.selected` is changed during an\n        // event listener.\n        const prevValue = this.selected;\n        this.selected = !this.selected;\n        const preventDefault = !redispatchEvent(this, event);\n        if (preventDefault) {\n            // We should not do `this.selected = !this.selected`, since a client\n            // click listener could change its value. Instead, always revert to the\n            // original value.\n            this.selected = prevValue;\n            return;\n        }\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], FilterChip.prototype, \"elevated\", void 0);\n__decorate([\n    property({ type: Boolean })\n], FilterChip.prototype, \"removable\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], FilterChip.prototype, \"selected\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true, attribute: 'has-selected-icon' })\n], FilterChip.prototype, \"hasSelectedIcon\", void 0);\n__decorate([\n    query('.primary.action')\n], FilterChip.prototype, \"primaryAction\", void 0);\n__decorate([\n    query('.trailing.action')\n], FilterChip.prototype, \"trailingAction\", void 0);\n//# sourceMappingURL=filter-chip.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/filter-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}\n`;\n//# sourceMappingURL=filter-styles.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/selectable-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}\n`;\n//# sourceMappingURL=selectable-styles.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/shared-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit}\n`;\n//# sourceMappingURL=shared-styles.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./chips/internal/trailing-icon-styles.css.\nimport { css } from 'lit';\nexport const styles = css `.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}\n`;\n//# sourceMappingURL=trailing-icon-styles.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { styles as elevatedStyles } from './internal/elevated-styles.js';\nimport { FilterChip } from './internal/filter-chip.js';\nimport { styles } from './internal/filter-styles.js';\nimport { styles as selectableStyles } from './internal/selectable-styles.js';\nimport { styles as sharedStyles } from './internal/shared-styles.js';\nimport { styles as trailingIconStyles } from './internal/trailing-icon-styles.js';\n/**\n * TODO(b/243982145): add docs\n *\n * @final\n * @suppress {visibility}\n */\nlet MdFilterChip = class MdFilterChip extends FilterChip {\n};\nMdFilterChip.styles = [\n    sharedStyles,\n    elevatedStyles,\n    trailingIconStyles,\n    selectableStyles,\n    styles,\n];\nMdFilterChip = __decorate([\n    customElement('md-filter-chip')\n], MdFilterChip);\nexport { MdFilterChip };\n//# sourceMappingURL=filter-chip.js.map","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-chip')\nexport default class SchmancyChip extends TailwindElement(css`\n\t/* Allow content to be styled with Tailwind classes */\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t@property({ type: Boolean, reflect: true })\n\treadOnly: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<md-filter-chip\n\t\t\t\t@click=${() => {\n\t\t\t\t\tif (this.readOnly) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\t// Toggle selection and dispatch a change event\n\t\t\t\t\tthis.selected = !this.selected\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\tdetail: { value: this.value, selected: this.selected },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}}\n\t\t\t\t?selected=${this.selected}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</md-filter-chip>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyChip\n\t}\n}\n\nexport type SchmancyChipChangeEvent = { value: string; selected: boolean }\n","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { ChipSet } from '@material/web/chips/internal/chip-set'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport SchmancyChip, { SchmancyChipChangeEvent } from './chip'\n\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement(css``) {\n\t@query('md-chip-set') chipSet!: ChipSet\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tmulti = false\n\n\t@property({\n\t\ttype: Array,\n\t\treflect: true,\n\t})\n\tvalues: string[] = []\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tvalue: string = ''\n\n\t@queryAssignedElements({\n\t\tselector: 'schmancy-chip',\n\t\tflatten: true,\n\t})\n\tchips!: SchmancyChip[]\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\twrap: boolean = true\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t\tconst { value, selected } = e.detail\n\t\tif (this.multi) {\n\t\t\tif (selected) {\n\t\t\t\tthis.values = [...this.values, value]\n\t\t\t\t// find the chip that was selected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, select it\n\t\t\t\tif (chip) chip.selected = true\n\t\t\t} else {\n\t\t\t\tthis.values = this.values.filter(v => v !== value)\n\t\t\t\t// find the chip that was deselected\n\t\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\t\t// if it exists, deselect it\n\t\t\t\tif (chip) chip.selected = false\n\t\t\t}\n\t\t\tthis.requestUpdate()\n\t\t} else {\n\t\t\tconst { value, selected } = e.detail\n\t\t\tthis.value = selected ? value : ''\n\t\t\tconst chip = this.chips.find(c => c.value === value)\n\t\t\tif (selected) chip.selected = selected\n\t\t\telse chip.selected = false\n\t\t\t// deselect all other chips\n\t\t\tthis.chips.forEach(c => {\n\t\t\t\tif (this.value && this.value === c.value) c.selected = true\n\t\t\t\telse c.selected = false\n\t\t\t})\n\t\t\tthis.requestUpdate()\n\t\t}\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyChipsChangeEvent>('change', {\n\t\t\t\tdetail: this.multi ? this.values : this.value,\n\t\t\t\tbubbles: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tsuper.firstUpdated(_changedProperties)\n\t\tthis.hydrateTabs()\n\t}\n\n\t// attribute changes\n\t// when values change, update the selected chips\n\tattributeChangedCallback(name: string, old: string, value: string): void {\n\t\tsuper.attributeChangedCallback(name, old, value)\n\t\tif (name === 'values') {\n\t\t\tthis.hydrateTabs()\n\t\t} else if (name === 'value') {\n\t\t\tthis.hydrateTabs()\n\t\t}\n\t}\n\n\thydrateTabs() {\n\t\tthis.chips.forEach(chip => {\n\t\t\tif (this.multi) {\n\t\t\t\tif (this.values.includes(chip.value)) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t} else {\n\t\t\t\tif (this.value === chip.value) chip.selected = true\n\t\t\t\telse chip.selected = false\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render(): unknown {\n\t\tconst styles = {\n\t\t\t'flex-wrap': this.wrap ? 'wrap' : 'nowrap',\n\t\t}\n\t\treturn html`<md-chip-set style=${this.styleMap(styles)} @change=${this.change}>\n\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t</md-chip-set>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chips': SchmancyChips\n\t}\n}\nexport type SchmancyChipsChangeEvent = string | Array<string>\n"],"names":["chipBaseClass","mixinDelegatesAria","LitElement","Chip","rippleDisabled","this","disabled","softDisabled","constructor","super","alwaysFocusable","label","hasIcon","isServer","addEventListener","handleClick","bind","options","focus","render","html","classMap","getContainerClasses","renderContainerContent","changed","has","get","dispatchEvent","Event","bubbles","renderOutline","primaryId","renderPrimaryAction","renderPrimaryContent","renderLeadingIcon","handleIconChange","event","slot","target","assignedElements","flatten","length","stopImmediatePropagation","preventDefault","shadowRootOptions","delegatesFocus","__decorate","property","type","Boolean","reflect","prototype","attribute","ChipSet","chips","childElements","filter","child","internals","attachInternals","updateTabIndices","handleKeyDown","role","isLeft","key","isRight","isHome","isEnd","trailing","forwards","getComputedStyle","direction","focusedChip","find","chip","matches","currentIndex","indexOf","nextIndex","nextChip","chipToFocus","isChipFocusable","tabIndex","queryAssignedElements","styles","css","MdChipSet","customElement","Elevation","connectedCallback","setAttribute","MdElevation","ARIA_LABEL_REMOVE","MultiActionChip","ariaLabelRemove","hasAttribute","getAttribute","ariaLabel","removeAttribute","requestUpdate","handleTrailingActionFocus","trailingAction","renderTrailingAction","primaryAction","isPrimaryFocused","isTrailingFocused","stopPropagation","once","renderRemoveButton","focusListener","tabbable","nothing","handleRemoveClick","cancelable","remove","FilterChip","arguments","elevated","removable","selected","hasSelectedIcon","content","handleClickOnChild","prevValue","redispatchEvent","query","MdFilterChip","sharedStyles","elevatedStyles","trailingIconStyles","selectableStyles","SchmancyChip","TailwindElement","value","icon","readOnly","form","CustomEvent","detail","formAssociated","__decorateClass","String","SchmancyChips","$LitElement","multi","values","wrap","e","c","v","forEach","_changedProperties","firstUpdated","hydrateTabs","name","old","attributeChangedCallback","includes","styleMap","change","Array","selector"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]}

package/dist/icon-B0JNrBfq.js

@@ -1,55 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as c } from "./tailwind.mixin-B6ADeWOc.js";
-import { property as m, state as p, customElement as h } from "lit/decorators.js";
-import { css as y, html as d } from "lit";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, a = (t, s, r, i) => {
-  for (var o, e = i > 1 ? void 0 : i ? u(s, r) : s, l = t.length - 1; l >= 0; l--) (o = t[l]) && (e = (i ? o(s, r, e) : o(e)) || e);
-  return i && e && f(s, r, e), e;
-};
-let n = class extends c(y`
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		font-variation-settings:
-			'FILL' 0,
-			'wght' 400,
-			'GRAD' 0,
-			'opsz' 24;
-	}
-	:host {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.size = "24px", this.busy = !1;
-  }
-  connectedCallback() {
-    if (super.connectedCallback(), !document.head.querySelector("#material-icons")) {
-      let t = document.createElement("link", { is: "material-icons" });
-      t.rel = "stylesheet", t.id = "material-icons", t.href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200", document.querySelector("head")?.append(t), this.busy = !1;
-    }
-  }
-  render() {
-    const t = { fontSize: this.size, width: this.size, height: this.size, lineHeight: "1", display: "flex", alignItems: "center", justifyContent: "center" };
-    return d`
-			<span class="material-symbols-outlined w-fit" style=${this.styleMap(t)}>
-				<slot .hidden=${this.busy}></slot>
-			</span>
-		`;
-  }
-};
-a([m({ type: String, reflect: !0 })], n.prototype, "size", 2), a([p()], n.prototype, "busy", 2), n = a([h("schmancy-icon")], n);
-//# sourceMappingURL=icon-B0JNrBfq.js.map

package/dist/icon-B0JNrBfq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-B0JNrBfq.js","sources":["../src/icons/icon.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with configurable size\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends TailwindElement(css`\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tfont-variation-settings:\n\t\t\t'FILL' 0,\n\t\t\t'wght' 400,\n\t\t\t'GRAD' 0,\n\t\t\t'opsz' 24;\n\t}\n\t:host {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t/**\n\t * Icon size - can be specified in any CSS unit (px, rem, em, etc.)\n\t * Default is 24px\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (!document.head.querySelector('#material-icons')) {\n\t\t\tlet link = document.createElement('link', {\n\t\t\t\tis: 'material-icons',\n\t\t\t})\n\t\t\tlink.rel = 'stylesheet'\n\t\t\tlink.id = 'material-icons'\n\t\t\tlink.href =\n\t\t\t\t'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'\n\t\t\tdocument.querySelector('head')?.append(link)\n\t\t\tthis.busy = false\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Ensure size is respected and properly applied\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\twidth: this.size,\n\t\t\theight: this.size,\n\t\t\tlineHeight: '1',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined w-fit\" style=${this.styleMap(style)}>\n\t\t\t\t<slot .hidden=${this.busy}></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}"],"names":["SchmancyIcon","TailwindElement","css","constructor","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","render","style","fontSize","width","height","lineHeight","display","alignItems","justifyContent","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":";;;;;;;;;;AASA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA1D,EAAA;AAAA,EAAA,cAAAC;AAAAC,UAAAA,GAAAC,SAAAA,GA8BCC,KAAAC,OAAe,QAEND,KAAAE,OAAAA;AAAAA,EAAO;AAAA,EAEhB,oBAAAC;AAEC,QADAL,MAAMK,kBAAAA,GAAAA,CACDC,SAASC,KAAKC,cAAc,iBAAA,GAAoB;AACpD,UAAIC,IAAOH,SAASI,cAAc,QAAQ,EACzCC,IAAI;AAELF,QAAKG,MAAM,cACXH,EAAKI,KAAK,kBACVJ,EAAKK,OACJ,wHACDR,SAASE,cAAc,MAAA,GAASO,OAAON,IACvCP,KAAKE,OAAAA;AAAAA,IACN;AAAA,EACD;AAAA,EAEU,SAAAY;AAET,UAAMC,IAAQ,EACbC,UAAUhB,KAAKC,MACfgB,OAAOjB,KAAKC,MACZiB,QAAQlB,KAAKC,MACbkB,YAAY,KACZC,SAAS,QACTC,YAAY,UACZC,gBAAgB,SAAA;AAGjB,WAAOC;AAAAA,yDACgDvB,KAAKwB,SAAST,CAAAA,CAAAA;AAAAA,oBACnDf,KAAKE,IAAAA;AAAAA;AAAAA;AAAAA,EAGxB;AAAA;AApCAuB,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GAAS,CAAA,CAAA,GA7BfnC,EA8BpBoC,WAAA,QAAA,IAESL,EAAA,CAARM,EAAAA,CAAAA,GAhCmBrC,EAgCXoC,WAAA,QAAA,IAhCWpC,IAArB+B,EAAA,CADCO,EAAc,eAAA,CAAA,GACMtC,CAAAA;"}

package/dist/icon-DY2pBLIU.cjs

@@ -1,30 +0,0 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-df9KoZ9x.cjs"),a=require("lit/decorators.js"),m=require("lit");var p=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(e,i,r,s)=>{for(var l,t=s>1?void 0:s?u(i,r):i,o=e.length-1;o>=0;o--)(l=e[o])&&(t=(s?l(i,r,t):l(t))||t);return s&&t&&p(i,r,t),t};let n=class extends h.TailwindElement(m.css`
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		font-variation-settings:
-			'FILL' 0,
-			'wght' 400,
-			'GRAD' 0,
-			'opsz' 24;
-	}
-	:host {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-	}
-`){constructor(){super(...arguments),this.size="24px",this.busy=!1}connectedCallback(){if(super.connectedCallback(),!document.head.querySelector("#material-icons")){let e=document.createElement("link",{is:"material-icons"});e.rel="stylesheet",e.id="material-icons",e.href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",document.querySelector("head")?.append(e),this.busy=!1}}render(){const e={fontSize:this.size,width:this.size,height:this.size,lineHeight:"1",display:"flex",alignItems:"center",justifyContent:"center"};return m.html`
-			<span class="material-symbols-outlined w-fit" style=${this.styleMap(e)}>
-				<slot .hidden=${this.busy}></slot>
-			</span>
-		`}};c([a.property({type:String,reflect:!0})],n.prototype,"size",2),c([a.state()],n.prototype,"busy",2),n=c([a.customElement("schmancy-icon")],n);
-//# sourceMappingURL=icon-DY2pBLIU.cjs.map