@mhmo91/schmancy 0.2.56 → 0.2.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,12 @@
1
1
  import "rxjs";
2
- import { classMap as F } from "lit/directives/class-map.js";
2
+ import { classMap as B } from "lit/directives/class-map.js";
3
3
  import "lit/directives/style-map.js";
4
4
  import { $ as D } from "./litElement.mixin-C2ixT_uz.js";
5
5
  import "./tailwind.mixin-BNM2vRly.js";
6
- import { LitElement as x, isServer as T, html as n, css as b, nothing as y } from "lit";
7
- import { property as s, queryAssignedElements as z, customElement as C, query as E } from "lit/decorators.js";
8
- import { m as B, _ as c, r as R } from "./redispatch-event-vOGO-T8W.js";
9
- const P = B(x);
6
+ import { LitElement as x, isServer as T, html as n, css as b, nothing as g } from "lit";
7
+ import { property as s, queryAssignedElements as O, customElement as C, query as E } from "lit/decorators.js";
8
+ import { m as F, _ as c, r as R } from "./redispatch-event-vOGO-T8W.js";
9
+ const P = F(x);
10
10
  class v extends P {
11
11
  get rippleDisabled() {
12
12
  return this.disabled || this.softDisabled;
@@ -19,7 +19,7 @@ class v extends P {
19
19
  }
20
20
  render() {
21
21
  return n`
22
- <div class="container ${F(this.getContainerClasses())}">
22
+ <div class="container ${B(this.getContainerClasses())}">
23
23
  ${this.renderContainerContent()}
24
24
  </div>
25
25
  `;
@@ -68,7 +68,7 @@ class v extends P {
68
68
  }
69
69
  }
70
70
  v.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, c([s({ type: Boolean, reflect: !0 })], v.prototype, "disabled", void 0), c([s({ type: Boolean, attribute: "soft-disabled", reflect: !0 })], v.prototype, "softDisabled", void 0), c([s({ type: Boolean, attribute: "always-focusable" })], v.prototype, "alwaysFocusable", void 0), c([s()], v.prototype, "label", void 0), c([s({ type: Boolean, reflect: !0, attribute: "has-icon" })], v.prototype, "hasIcon", void 0);
71
- class O extends x {
71
+ class z extends x {
72
72
  get chips() {
73
73
  return this.childElements.filter((e) => e instanceof v);
74
74
  }
@@ -85,19 +85,19 @@ class O extends x {
85
85
  if (o.length < 2) return;
86
86
  if (e.preventDefault(), i || l)
87
87
  return o[i ? 0 : o.length - 1].focus({ trailing: l }), void this.updateTabIndices();
88
- const d = getComputedStyle(this).direction === "rtl" ? a : r, g = o.find((_) => _.matches(":focus-within"));
89
- if (!g)
90
- return (d ? o[0] : o[o.length - 1]).focus({ trailing: !d }), void this.updateTabIndices();
91
- const $ = o.indexOf(g);
92
- let h = d ? $ + 1 : $ - 1;
93
- for (; h !== $; ) {
94
- h >= o.length ? h = 0 : h < 0 && (h = o.length - 1);
95
- const _ = o[h];
96
- if (!_.disabled || _.alwaysFocusable) {
97
- _.focus({ trailing: !d }), this.updateTabIndices();
88
+ const h = getComputedStyle(this).direction === "rtl" ? a : r, _ = o.find((w) => w.matches(":focus-within"));
89
+ if (!_)
90
+ return (h ? o[0] : o[o.length - 1]).focus({ trailing: !h }), void this.updateTabIndices();
91
+ const $ = o.indexOf(_);
92
+ let p = h ? $ + 1 : $ - 1;
93
+ for (; p !== $; ) {
94
+ p >= o.length ? p = 0 : p < 0 && (p = o.length - 1);
95
+ const w = o[p];
96
+ if (!w.disabled || w.alwaysFocusable) {
97
+ w.focus({ trailing: !h }), this.updateTabIndices();
98
98
  break;
99
99
  }
100
- d ? h++ : h--;
100
+ h ? p++ : p--;
101
101
  }
102
102
  }
103
103
  updateTabIndices() {
@@ -110,10 +110,10 @@ class O extends x {
110
110
  a && (a.tabIndex = 0);
111
111
  }
112
112
  }
113
- c([z()], O.prototype, "childElements", void 0);
113
+ c([O()], z.prototype, "childElements", void 0);
114
114
  const S = b`:host{display:flex;flex-wrap:wrap;gap:8px}
115
115
  `;
116
- let A = class extends O {
116
+ let A = class extends z {
117
117
  };
118
118
  A.styles = [S], A = c([C("md-chip-set")], A);
119
119
  const j = b`.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}}
@@ -154,10 +154,10 @@ class G extends v {
154
154
  `;
155
155
  }
156
156
  handleKeyDown(e) {
157
- var d, g;
157
+ var h, _;
158
158
  const a = e.key === "ArrowLeft", r = e.key === "ArrowRight";
159
159
  if (!a && !r || !this.primaryAction || !this.trailingAction) return;
160
- const i = getComputedStyle(this).direction === "rtl" ? a : r, l = (d = this.primaryAction) == null ? void 0 : d.matches(":focus-within"), o = (g = this.trailingAction) == null ? void 0 : g.matches(":focus-within");
160
+ const i = getComputedStyle(this).direction === "rtl" ? a : r, l = (h = this.primaryAction) == null ? void 0 : h.matches(":focus-within"), o = (_ = this.trailingAction) == null ? void 0 : _.matches(":focus-within");
161
161
  i && o || !i && l || (e.preventDefault(), e.stopPropagation(), (i ? this.trailingAction : this.primaryAction).focus());
162
162
  }
163
163
  handleTrailingActionFocus() {
@@ -172,9 +172,9 @@ function K({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
172
172
  <span id="remove-label" hidden aria-hidden="true">Remove</span>
173
173
  <button
174
174
  class="trailing action"
175
- aria-label=${t || y}
176
- aria-labelledby=${t ? y : "remove-label label"}
177
- tabindex=${r ? y : -1}
175
+ aria-label=${t || g}
176
+ aria-labelledby=${t ? g : "remove-label label"}
177
+ tabindex=${r ? g : -1}
178
178
  @click=${H}
179
179
  @focus=${a}>
180
180
  <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
@@ -194,7 +194,7 @@ function K({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
194
194
  function H(t) {
195
195
  this.disabled || this.softDisabled || (t.stopPropagation(), !this.dispatchEvent(new Event("remove", { cancelable: !0 })) || this.remove());
196
196
  }
197
- class f extends G {
197
+ class m extends G {
198
198
  constructor() {
199
199
  super(...arguments), this.elevated = !1, this.removable = !1, this.selected = !1, this.hasSelectedIcon = !1;
200
200
  }
@@ -210,9 +210,9 @@ class f extends G {
210
210
  <button
211
211
  class="primary action"
212
212
  id="button"
213
- aria-label=${a || y}
213
+ aria-label=${a || g}
214
214
  aria-pressed=${this.selected}
215
- aria-disabled=${this.softDisabled || y}
215
+ aria-disabled=${this.softDisabled || g}
216
216
  ?disabled=${this.disabled && !this.alwaysFocusable}
217
217
  @click=${this.handleClickOnChild}
218
218
  >${e}</button
@@ -230,7 +230,7 @@ class f extends G {
230
230
  ` : super.renderLeadingIcon();
231
231
  }
232
232
  renderTrailingAction(e) {
233
- return this.removable ? K({ focusListener: e, ariaLabel: this.ariaLabelRemove, disabled: this.disabled || this.softDisabled }) : y;
233
+ return this.removable ? K({ focusListener: e, ariaLabel: this.ariaLabelRemove, disabled: this.disabled || this.softDisabled }) : g;
234
234
  }
235
235
  renderOutline() {
236
236
  return this.elevated ? n`<md-elevation part="elevation"></md-elevation>` : super.renderOutline();
@@ -241,22 +241,22 @@ class f extends G {
241
241
  this.selected = !this.selected, !R(this, e) && (this.selected = a);
242
242
  }
243
243
  }
244
- 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([E(".primary.action")], f.prototype, "primaryAction", void 0), c([E(".trailing.action")], f.prototype, "trailingAction", void 0);
244
+ c([s({ type: Boolean })], m.prototype, "elevated", void 0), c([s({ type: Boolean })], m.prototype, "removable", void 0), c([s({ type: Boolean, reflect: !0 })], m.prototype, "selected", void 0), c([s({ type: Boolean, reflect: !0, attribute: "has-selected-icon" })], m.prototype, "hasSelectedIcon", void 0), c([E(".primary.action")], m.prototype, "primaryAction", void 0), c([E(".trailing.action")], m.prototype, "trailingAction", void 0);
245
245
  const M = b`: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}}
246
246
  `, Z = b`.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}}
247
247
  `, Y = b`: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}
248
248
  `, J = b`.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}}
249
249
  `;
250
- let L = class extends f {
250
+ let L = class extends m {
251
251
  };
252
252
  L.styles = [Y, j, J, Z, M], L = c([C("md-filter-chip")], L);
253
- var N = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, w = (t, e, a, r) => {
253
+ var N = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, u = (t, e, a, r) => {
254
254
  for (var i, l = r > 1 ? void 0 : r ? Q(e, a) : e, o = t.length - 1; o >= 0; o--) (i = t[o]) && (l = (r ? i(e, a, l) : i(l)) || l);
255
255
  return r && l && N(e, a, l), l;
256
256
  };
257
- let p = class extends D() {
257
+ let d = class extends D() {
258
258
  constructor() {
259
- super(), this.label = "", this.value = "", this.selected = !1, this.icon = "";
259
+ super(), this.label = "", this.value = "", this.selected = !1, this.icon = "", this.readOnly = !1, this.disabled = !1;
260
260
  try {
261
261
  this.internals = this.attachInternals();
262
262
  } catch {
@@ -270,8 +270,10 @@ let p = class extends D() {
270
270
  render() {
271
271
  return n`
272
272
  <md-filter-chip
273
+ .disabled=${this.disabled}
273
274
  label="${this.label}"
274
- @click=${() => {
275
+ @click=${(t) => {
276
+ if (this.readOnly) return t.preventDefault(), void t.stopPropagation();
275
277
  this.selected = !this.selected, this.dispatchEvent(new CustomEvent("change", { detail: { value: this.value, selected: this.selected }, bubbles: !0 }));
276
278
  }}
277
279
  ?selected=${this.selected}
@@ -281,12 +283,12 @@ let p = class extends D() {
281
283
  `;
282
284
  }
283
285
  };
284
- p.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, p.formAssociated = !0, w([s({ type: String, reflect: !0 })], p.prototype, "label", 2), w([s({ type: String, reflect: !0 })], p.prototype, "value", 2), w([s({ type: Boolean, reflect: !0 })], p.prototype, "selected", 2), w([s({ type: String, reflect: !0 })], p.prototype, "icon", 2), p = w([C("schmancy-chip")], p);
285
- var V = Object.defineProperty, W = Object.getOwnPropertyDescriptor, m = (t, e, a, r) => {
286
+ d.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, u([s({ type: String, reflect: !0 })], d.prototype, "label", 2), u([s({ type: String, reflect: !0 })], d.prototype, "value", 2), u([s({ type: Boolean, reflect: !0 })], d.prototype, "selected", 2), u([s({ type: String, reflect: !0 })], d.prototype, "icon", 2), u([s({ type: Boolean, reflect: !0 })], d.prototype, "readOnly", 2), u([s({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), d = u([C("schmancy-chip")], d);
287
+ var V = Object.defineProperty, W = Object.getOwnPropertyDescriptor, y = (t, e, a, r) => {
286
288
  for (var i, l = r > 1 ? void 0 : r ? W(e, a) : e, o = t.length - 1; o >= 0; o--) (i = t[o]) && (l = (r ? i(e, a, l) : i(l)) || l);
287
289
  return r && l && V(e, a, l), l;
288
290
  };
289
- let u = class extends D(b``) {
291
+ let f = class extends D(b``) {
290
292
  constructor() {
291
293
  super(...arguments), this.multi = !1, this.values = [], this.value = "";
292
294
  }
@@ -331,5 +333,5 @@ let u = class extends D(b``) {
331
333
  </md-chip-set>`;
332
334
  }
333
335
  };
334
- m([E("md-chip-set")], u.prototype, "chipSet", 2), m([s({ type: Boolean, reflect: !0 })], u.prototype, "multi", 2), m([s({ type: Array, reflect: !0 })], u.prototype, "values", 2), m([s({ type: String, reflect: !0 })], u.prototype, "value", 2), m([z({ selector: "schmancy-chip", flatten: !0 })], u.prototype, "chips", 2), u = m([C("schmancy-chips")], u);
335
- //# sourceMappingURL=chips-CtFyJEw0.js.map
336
+ y([E("md-chip-set")], f.prototype, "chipSet", 2), y([s({ type: Boolean, reflect: !0 })], f.prototype, "multi", 2), y([s({ type: Array, reflect: !0 })], f.prototype, "values", 2), y([s({ type: String, reflect: !0 })], f.prototype, "value", 2), y([O({ selector: "schmancy-chip", flatten: !0 })], f.prototype, "chips", 2), f = y([C("schmancy-chips")], f);
337
+ //# sourceMappingURL=chips-DLKWllS2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chips-CtFyJEw0.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 */\nexport let MdChipSet = class MdChipSet extends ChipSet {\n};\nMdChipSet.styles = [styles];\nMdChipSet = __decorate([\n customElement('md-chip-set')\n], 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 */\nexport let MdElevation = class MdElevation extends Elevation {\n};\nMdElevation.styles = [styles];\nMdElevation = __decorate([\n customElement('md-elevation')\n], 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 */\nexport let 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);\n//# sourceMappingURL=filter-chip.js.map","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { $LitElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-chip')\nexport default class SchmancyChip extends $LitElement() {\n\t// Removed unused query for md-chip-set\n\n\t@property({ type: String, reflect: true })\n\tlabel: string = ''\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\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\tlabel=\"${this.label}\"\n\t\t\t\t@click=${() => {\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<SchmancyChipChangeEvent>('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>\n\t\t\t\t${this.icon}\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@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\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\treturn html` <md-chip-set @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","undefined","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","childElements","filter","child","internals","attachInternals","updateTabIndices","handleKeyDown","role","isLeft","key","isRight","isHome","isEnd","chips","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","hasAttribute","getAttribute","ariaLabel","ariaLabelRemove","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","$LitElement","value","icon","form","CustomEvent","detail","formAssociated","__decorateClass","String","SchmancyChips","multi","values","e","c","v","forEach","_changedProperties","firstUpdated","hydrateTabs","name","old","attributeChangedCallback","includes","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]}
1
+ {"version":3,"file":"chips-DLKWllS2.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 */\nexport let MdChipSet = class MdChipSet extends ChipSet {\n};\nMdChipSet.styles = [styles];\nMdChipSet = __decorate([\n customElement('md-chip-set')\n], 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 */\nexport let MdElevation = class MdElevation extends Elevation {\n};\nMdElevation.styles = [styles];\nMdElevation = __decorate([\n customElement('md-elevation')\n], 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 */\nexport let 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);\n//# sourceMappingURL=filter-chip.js.map","import '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport { $LitElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-chip')\nexport default class SchmancyChip extends $LitElement() {\n\t// Removed unused query for md-chip-set\n\n\t@property({ type: String, reflect: true })\n\tlabel: string = ''\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\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.disabled=${this.disabled}\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\tif (this.readOnly) {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\te.stopPropagation()\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<SchmancyChipChangeEvent>('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>\n\t\t\t\t${this.icon}\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@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\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\treturn html` <md-chip-set @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","undefined","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","childElements","filter","child","internals","attachInternals","updateTabIndices","handleKeyDown","role","isLeft","key","isRight","isHome","isEnd","chips","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","hasAttribute","getAttribute","ariaLabel","ariaLabelRemove","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","$LitElement","value","icon","readOnly","form","e","CustomEvent","detail","formAssociated","__decorateClass","String","SchmancyChips","multi","values","c","v","forEach","_changedProperties","firstUpdated","hydrateTabs","name","old","attributeChangedCallback","includes","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/chips.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("./chips-BCnmMiOe.cjs");
1
+ "use strict";require("./chips-BbMv4qYo.cjs");
2
2
  //# sourceMappingURL=chips.cjs.map
package/dist/chips.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./chips-CtFyJEw0.js";
1
+ import "./chips-DLKWllS2.js";
2
2
  //# sourceMappingURL=chips.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-DYShDwLi.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CxVVjMy6.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
2
2
  //# sourceMappingURL=content-drawer.cjs.map
@@ -1,4 +1,4 @@
1
- import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-DP75QrFI.js";
1
+ import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-DOIs9diZ.js";
2
2
  export {
3
3
  n as SchmancyContentDrawer,
4
4
  t as SchmancyContentDrawerID,