@politiet/sheriff-web-components 1.3.6 → 1.3.7

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.
Files changed (42) hide show
  1. package/dist/sds-button/sds-button.component.d.ts +41 -0
  2. package/dist/sds-button/sds-button.component.d.ts.map +1 -0
  3. package/dist/sds-button/sds-button.component.js +155 -0
  4. package/dist/sds-button/sds-button.component.js.map +1 -0
  5. package/dist/sds-button/sds-button.d.ts +2 -39
  6. package/dist/sds-button/sds-button.d.ts.map +1 -1
  7. package/dist/sds-button/sds-button.js +2 -147
  8. package/dist/sds-button/sds-button.js.map +1 -1
  9. package/dist/sds-heading/sds-heading.component.d.ts +15 -0
  10. package/dist/sds-heading/sds-heading.component.d.ts.map +1 -0
  11. package/dist/sds-heading/sds-heading.component.js +53 -0
  12. package/dist/sds-heading/sds-heading.component.js.map +1 -0
  13. package/dist/sds-heading/sds-heading.d.ts +2 -13
  14. package/dist/sds-heading/sds-heading.d.ts.map +1 -1
  15. package/dist/sds-heading/sds-heading.js +2 -45
  16. package/dist/sds-heading/sds-heading.js.map +1 -1
  17. package/dist/sds-icon/sds-icon.component.d.ts +22 -0
  18. package/dist/sds-icon/sds-icon.component.d.ts.map +1 -0
  19. package/dist/sds-icon/sds-icon.component.js +81 -0
  20. package/dist/sds-icon/sds-icon.component.js.map +1 -0
  21. package/dist/sds-icon/sds-icon.d.ts +2 -20
  22. package/dist/sds-icon/sds-icon.d.ts.map +1 -1
  23. package/dist/sds-icon/sds-icon.js +3 -75
  24. package/dist/sds-icon/sds-icon.js.map +1 -1
  25. package/dist/sds-notification/sds-notification.component.d.ts +18 -0
  26. package/dist/sds-notification/sds-notification.component.d.ts.map +1 -0
  27. package/dist/sds-notification/sds-notification.component.js +71 -0
  28. package/dist/sds-notification/sds-notification.component.js.map +1 -0
  29. package/dist/sds-notification/sds-notification.d.ts +2 -14
  30. package/dist/sds-notification/sds-notification.d.ts.map +1 -1
  31. package/dist/sds-notification/sds-notification.js +2 -57
  32. package/dist/sds-notification/sds-notification.js.map +1 -1
  33. package/dist/sds-paragraph/sds-paragraph.component.d.ts +12 -0
  34. package/dist/sds-paragraph/sds-paragraph.component.d.ts.map +1 -0
  35. package/dist/sds-paragraph/sds-paragraph.component.js +33 -0
  36. package/dist/sds-paragraph/sds-paragraph.component.js.map +1 -0
  37. package/dist/sds-paragraph/sds-paragraph.d.ts +2 -5
  38. package/dist/sds-paragraph/sds-paragraph.d.ts.map +1 -1
  39. package/dist/sds-paragraph/sds-paragraph.js +2 -25
  40. package/dist/sds-paragraph/sds-paragraph.js.map +1 -1
  41. package/dist/sheriff-web-components.js +631 -551
  42. package/package.json +1 -1
@@ -1,10 +1,21 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2017 Google LLC
4
+ * SPDX-License-Identifier: BSD-3-Clause
5
+ */
6
+ var _a;
7
+ const t$4 = (t2) => (e2, o2) => {
8
+ void 0 !== o2 ? o2.addInitializer(() => {
9
+ customElements.define(t2, e2);
10
+ }) : customElements.define(t2, e2);
11
+ };
1
12
  /**
2
13
  * @license
3
14
  * Copyright 2019 Google LLC
4
15
  * SPDX-License-Identifier: BSD-3-Clause
5
16
  */
6
- const t$4 = globalThis, e$7 = t$4.ShadowRoot && (void 0 === t$4.ShadyCSS || t$4.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$6 = /* @__PURE__ */ new WeakMap();
7
- let n$3 = class n {
17
+ const t$3 = globalThis, e$7 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$7 = /* @__PURE__ */ new WeakMap();
18
+ let n$4 = class n {
8
19
  constructor(t2, e2, o2) {
9
20
  if (this._$cssResult$ = true, o2 !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
21
  this.cssText = t2, this.t = e2;
@@ -14,7 +25,7 @@ let n$3 = class n {
14
25
  const s2 = this.t;
15
26
  if (e$7 && void 0 === t2) {
16
27
  const e2 = void 0 !== s2 && 1 === s2.length;
17
- e2 && (t2 = o$6.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$6.set(s2, t2));
28
+ e2 && (t2 = o$7.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$7.set(s2, t2));
18
29
  }
19
30
  return t2;
20
31
  }
@@ -22,17 +33,17 @@ let n$3 = class n {
22
33
  return this.cssText;
23
34
  }
24
35
  };
25
- const r$4 = (t2) => new n$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$2), i$4 = (t2, ...e2) => {
36
+ const r$4 = (t2) => new n$4("string" == typeof t2 ? t2 : t2 + "", void 0, s$2), i$5 = (t2, ...e2) => {
26
37
  const o2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s2, o3) => e3 + ((t3) => {
27
38
  if (true === t3._$cssResult$) return t3.cssText;
28
39
  if ("number" == typeof t3) return t3;
29
40
  throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
41
  })(s2) + t2[o3 + 1], t2[0]);
31
- return new n$3(o2, t2, s$2);
42
+ return new n$4(o2, t2, s$2);
32
43
  }, S$1 = (s2, o2) => {
33
44
  if (e$7) s2.adoptedStyleSheets = o2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet);
34
45
  else for (const e2 of o2) {
35
- const o3 = document.createElement("style"), n3 = t$4.litNonce;
46
+ const o3 = document.createElement("style"), n3 = t$3.litNonce;
36
47
  void 0 !== n3 && o3.setAttribute("nonce", n3), o3.textContent = e2.cssText, s2.appendChild(o3);
37
48
  }
38
49
  }, c$2 = e$7 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
@@ -45,10 +56,10 @@ const r$4 = (t2) => new n$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$2),
45
56
  * Copyright 2017 Google LLC
46
57
  * SPDX-License-Identifier: BSD-3-Clause
47
58
  */
48
- const { is: i$3, defineProperty: e$6, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$5, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
59
+ const { is: i$4, defineProperty: e$6, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$6, getPrototypeOf: n$3 } = Object, a$2 = globalThis, c$1 = a$2.trustedTypes, l$2 = c$1 ? c$1.emptyScript : "", p$1 = a$2.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$2 = { toAttribute(t2, s2) {
49
60
  switch (s2) {
50
61
  case Boolean:
51
- t2 = t2 ? l$1 : null;
62
+ t2 = t2 ? l$2 : null;
52
63
  break;
53
64
  case Object:
54
65
  case Array:
@@ -56,25 +67,25 @@ const { is: i$3, defineProperty: e$6, getOwnPropertyDescriptor: h$1, getOwnPrope
56
67
  }
57
68
  return t2;
58
69
  }, fromAttribute(t2, s2) {
59
- let i3 = t2;
70
+ let i4 = t2;
60
71
  switch (s2) {
61
72
  case Boolean:
62
- i3 = null !== t2;
73
+ i4 = null !== t2;
63
74
  break;
64
75
  case Number:
65
- i3 = null === t2 ? null : Number(t2);
76
+ i4 = null === t2 ? null : Number(t2);
66
77
  break;
67
78
  case Object:
68
79
  case Array:
69
80
  try {
70
- i3 = JSON.parse(t2);
81
+ i4 = JSON.parse(t2);
71
82
  } catch (t3) {
72
- i3 = null;
83
+ i4 = null;
73
84
  }
74
85
  }
75
- return i3;
76
- } }, f$1 = (t2, s2) => !i$3(t2, s2), b = { attribute: true, type: String, converter: u$1, reflect: false, useDefault: false, hasChanged: f$1 };
77
- Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
86
+ return i4;
87
+ } }, f$1 = (t2, s2) => !i$4(t2, s2), b = { attribute: true, type: String, converter: u$2, reflect: false, useDefault: false, hasChanged: f$1 };
88
+ Symbol.metadata ??= Symbol("metadata"), a$2.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
78
89
  let y$1 = class y extends HTMLElement {
79
90
  static addInitializer(t2) {
80
91
  this._$Ei(), (this.l ??= []).push(t2);
@@ -84,11 +95,11 @@ let y$1 = class y extends HTMLElement {
84
95
  }
85
96
  static createProperty(t2, s2 = b) {
86
97
  if (s2.state && (s2.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t2) && ((s2 = Object.create(s2)).wrapped = true), this.elementProperties.set(t2, s2), !s2.noAccessor) {
87
- const i3 = Symbol(), h2 = this.getPropertyDescriptor(t2, i3, s2);
98
+ const i4 = Symbol(), h2 = this.getPropertyDescriptor(t2, i4, s2);
88
99
  void 0 !== h2 && e$6(this.prototype, t2, h2);
89
100
  }
90
101
  }
91
- static getPropertyDescriptor(t2, s2, i3) {
102
+ static getPropertyDescriptor(t2, s2, i4) {
92
103
  const { get: e2, set: r2 } = h$1(this.prototype, t2) ?? { get() {
93
104
  return this[s2];
94
105
  }, set(t3) {
@@ -96,7 +107,7 @@ let y$1 = class y extends HTMLElement {
96
107
  } };
97
108
  return { get: e2, set(s3) {
98
109
  const h2 = e2?.call(this);
99
- r2?.call(this, s3), this.requestUpdate(t2, h2, i3);
110
+ r2?.call(this, s3), this.requestUpdate(t2, h2, i4);
100
111
  }, configurable: true, enumerable: true };
101
112
  }
102
113
  static getPropertyOptions(t2) {
@@ -104,38 +115,38 @@ let y$1 = class y extends HTMLElement {
104
115
  }
105
116
  static _$Ei() {
106
117
  if (this.hasOwnProperty(d$1("elementProperties"))) return;
107
- const t2 = n$2(this);
118
+ const t2 = n$3(this);
108
119
  t2.finalize(), void 0 !== t2.l && (this.l = [...t2.l]), this.elementProperties = new Map(t2.elementProperties);
109
120
  }
110
121
  static finalize() {
111
122
  if (this.hasOwnProperty(d$1("finalized"))) return;
112
123
  if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
113
- const t3 = this.properties, s2 = [...r$3(t3), ...o$5(t3)];
114
- for (const i3 of s2) this.createProperty(i3, t3[i3]);
124
+ const t3 = this.properties, s2 = [...r$3(t3), ...o$6(t3)];
125
+ for (const i4 of s2) this.createProperty(i4, t3[i4]);
115
126
  }
116
127
  const t2 = this[Symbol.metadata];
117
128
  if (null !== t2) {
118
129
  const s2 = litPropertyMetadata.get(t2);
119
- if (void 0 !== s2) for (const [t3, i3] of s2) this.elementProperties.set(t3, i3);
130
+ if (void 0 !== s2) for (const [t3, i4] of s2) this.elementProperties.set(t3, i4);
120
131
  }
121
132
  this._$Eh = /* @__PURE__ */ new Map();
122
133
  for (const [t3, s2] of this.elementProperties) {
123
- const i3 = this._$Eu(t3, s2);
124
- void 0 !== i3 && this._$Eh.set(i3, t3);
134
+ const i4 = this._$Eu(t3, s2);
135
+ void 0 !== i4 && this._$Eh.set(i4, t3);
125
136
  }
126
137
  this.elementStyles = this.finalizeStyles(this.styles);
127
138
  }
128
139
  static finalizeStyles(s2) {
129
- const i3 = [];
140
+ const i4 = [];
130
141
  if (Array.isArray(s2)) {
131
142
  const e2 = new Set(s2.flat(1 / 0).reverse());
132
- for (const s3 of e2) i3.unshift(c$2(s3));
133
- } else void 0 !== s2 && i3.push(c$2(s2));
134
- return i3;
143
+ for (const s3 of e2) i4.unshift(c$2(s3));
144
+ } else void 0 !== s2 && i4.push(c$2(s2));
145
+ return i4;
135
146
  }
136
147
  static _$Eu(t2, s2) {
137
- const i3 = s2.attribute;
138
- return false === i3 ? void 0 : "string" == typeof i3 ? i3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
148
+ const i4 = s2.attribute;
149
+ return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
139
150
  }
140
151
  constructor() {
141
152
  super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
@@ -151,7 +162,7 @@ let y$1 = class y extends HTMLElement {
151
162
  }
152
163
  _$E_() {
153
164
  const t2 = /* @__PURE__ */ new Map(), s2 = this.constructor.elementProperties;
154
- for (const i3 of s2.keys()) this.hasOwnProperty(i3) && (t2.set(i3, this[i3]), delete this[i3]);
165
+ for (const i4 of s2.keys()) this.hasOwnProperty(i4) && (t2.set(i4, this[i4]), delete this[i4]);
155
166
  t2.size > 0 && (this._$Ep = t2);
156
167
  }
157
168
  createRenderRoot() {
@@ -166,33 +177,33 @@ let y$1 = class y extends HTMLElement {
166
177
  disconnectedCallback() {
167
178
  this._$EO?.forEach((t2) => t2.hostDisconnected?.());
168
179
  }
169
- attributeChangedCallback(t2, s2, i3) {
170
- this._$AK(t2, i3);
180
+ attributeChangedCallback(t2, s2, i4) {
181
+ this._$AK(t2, i4);
171
182
  }
172
183
  _$ET(t2, s2) {
173
- const i3 = this.constructor.elementProperties.get(t2), e2 = this.constructor._$Eu(t2, i3);
174
- if (void 0 !== e2 && true === i3.reflect) {
175
- const h2 = (void 0 !== i3.converter?.toAttribute ? i3.converter : u$1).toAttribute(s2, i3.type);
184
+ const i4 = this.constructor.elementProperties.get(t2), e2 = this.constructor._$Eu(t2, i4);
185
+ if (void 0 !== e2 && true === i4.reflect) {
186
+ const h2 = (void 0 !== i4.converter?.toAttribute ? i4.converter : u$2).toAttribute(s2, i4.type);
176
187
  this._$Em = t2, null == h2 ? this.removeAttribute(e2) : this.setAttribute(e2, h2), this._$Em = null;
177
188
  }
178
189
  }
179
190
  _$AK(t2, s2) {
180
- const i3 = this.constructor, e2 = i3._$Eh.get(t2);
191
+ const i4 = this.constructor, e2 = i4._$Eh.get(t2);
181
192
  if (void 0 !== e2 && this._$Em !== e2) {
182
- const t3 = i3.getPropertyOptions(e2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== t3.converter?.fromAttribute ? t3.converter : u$1;
193
+ const t3 = i4.getPropertyOptions(e2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== t3.converter?.fromAttribute ? t3.converter : u$2;
183
194
  this._$Em = e2, this[e2] = h2.fromAttribute(s2, t3.type) ?? this._$Ej?.get(e2) ?? null, this._$Em = null;
184
195
  }
185
196
  }
186
- requestUpdate(t2, s2, i3) {
197
+ requestUpdate(t2, s2, i4) {
187
198
  if (void 0 !== t2) {
188
199
  const e2 = this.constructor, h2 = this[t2];
189
- if (i3 ??= e2.getPropertyOptions(t2), !((i3.hasChanged ?? f$1)(h2, s2) || i3.useDefault && i3.reflect && h2 === this._$Ej?.get(t2) && !this.hasAttribute(e2._$Eu(t2, i3)))) return;
190
- this.C(t2, s2, i3);
200
+ if (i4 ??= e2.getPropertyOptions(t2), !((i4.hasChanged ?? f$1)(h2, s2) || i4.useDefault && i4.reflect && h2 === this._$Ej?.get(t2) && !this.hasAttribute(e2._$Eu(t2, i4)))) return;
201
+ this.C(t2, s2, i4);
191
202
  }
192
203
  false === this.isUpdatePending && (this._$ES = this._$EP());
193
204
  }
194
- C(t2, s2, { useDefault: i3, reflect: e2, wrapped: h2 }, r2) {
195
- i3 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t2) && (this._$Ej.set(t2, r2 ?? s2 ?? this[t2]), true !== h2 || void 0 !== r2) || (this._$AL.has(t2) || (this.hasUpdated || i3 || (s2 = void 0), this._$AL.set(t2, s2)), true === e2 && this._$Em !== t2 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t2));
205
+ C(t2, s2, { useDefault: i4, reflect: e2, wrapped: h2 }, r2) {
206
+ i4 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t2) && (this._$Ej.set(t2, r2 ?? s2 ?? this[t2]), true !== h2 || void 0 !== r2) || (this._$AL.has(t2) || (this.hasUpdated || i4 || (s2 = void 0), this._$AL.set(t2, s2)), true === e2 && this._$Em !== t2 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t2));
196
207
  }
197
208
  async _$EP() {
198
209
  this.isUpdatePending = true;
@@ -215,9 +226,9 @@ let y$1 = class y extends HTMLElement {
215
226
  this._$Ep = void 0;
216
227
  }
217
228
  const t3 = this.constructor.elementProperties;
218
- if (t3.size > 0) for (const [s3, i3] of t3) {
219
- const { wrapped: t4 } = i3, e2 = this[s3];
220
- true !== t4 || this._$AL.has(s3) || void 0 === e2 || this.C(s3, void 0, i3, e2);
229
+ if (t3.size > 0) for (const [s3, i4] of t3) {
230
+ const { wrapped: t4 } = i4, e2 = this[s3];
231
+ true !== t4 || this._$AL.has(s3) || void 0 === e2 || this.C(s3, void 0, i4, e2);
221
232
  }
222
233
  }
223
234
  let t2 = false;
@@ -254,29 +265,95 @@ let y$1 = class y extends HTMLElement {
254
265
  firstUpdated(t2) {
255
266
  }
256
267
  };
257
- y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$1.reactiveElementVersions ??= []).push("2.1.0");
268
+ y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$2.reactiveElementVersions ??= []).push("2.1.0");
258
269
  /**
259
270
  * @license
260
271
  * Copyright 2017 Google LLC
261
272
  * SPDX-License-Identifier: BSD-3-Clause
262
273
  */
263
- const t$3 = globalThis, i$2 = t$3.trustedTypes, s$1 = i$2 ? i$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$5 = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h, n$1 = `<${o$4}>`, r$2 = document, l = () => r$2.createComment(""), c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a = Array.isArray, u = (t2) => a(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ \n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^
264
- \f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y2 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y2(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$2.createTreeWalker(r$2, 129);
265
- function P(t2, i3) {
266
- if (!a(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
267
- return void 0 !== s$1 ? s$1.createHTML(i3) : i3;
274
+ const o$5 = { attribute: true, type: String, converter: u$2, reflect: false, hasChanged: f$1 }, r$2 = (t2 = o$5, e2, r2) => {
275
+ const { kind: n3, metadata: i4 } = r2;
276
+ let s2 = globalThis.litPropertyMetadata.get(i4);
277
+ if (void 0 === s2 && globalThis.litPropertyMetadata.set(i4, s2 = /* @__PURE__ */ new Map()), "setter" === n3 && ((t2 = Object.create(t2)).wrapped = true), s2.set(r2.name, t2), "accessor" === n3) {
278
+ const { name: o2 } = r2;
279
+ return { set(r3) {
280
+ const n4 = e2.get.call(this);
281
+ e2.set.call(this, r3), this.requestUpdate(o2, n4, t2);
282
+ }, init(e3) {
283
+ return void 0 !== e3 && this.C(o2, void 0, t2, e3), e3;
284
+ } };
285
+ }
286
+ if ("setter" === n3) {
287
+ const { name: o2 } = r2;
288
+ return function(r3) {
289
+ const n4 = this[o2];
290
+ e2.call(this, r3), this.requestUpdate(o2, n4, t2);
291
+ };
292
+ }
293
+ throw Error("Unsupported decorator location: " + n3);
294
+ };
295
+ function n$2(t2) {
296
+ return (e2, o2) => "object" == typeof o2 ? r$2(t2, e2, o2) : ((t3, e3, o3) => {
297
+ const r2 = e3.hasOwnProperty(o3);
298
+ return e3.constructor.createProperty(o3, t3), r2 ? Object.getOwnPropertyDescriptor(e3, o3) : void 0;
299
+ })(t2, e2, o2);
268
300
  }
269
- const V = (t2, i3) => {
301
+ /**
302
+ * @license
303
+ * Copyright 2017 Google LLC
304
+ * SPDX-License-Identifier: BSD-3-Clause
305
+ */
306
+ function r$1(r2) {
307
+ return n$2({ ...r2, state: true, attribute: false });
308
+ }
309
+ /**
310
+ * @license
311
+ * Copyright 2017 Google LLC
312
+ * SPDX-License-Identifier: BSD-3-Clause
313
+ */
314
+ const e$5 = (e2, t2, c2) => (c2.configurable = true, c2.enumerable = true, Reflect.decorate && "object" != typeof t2 && Object.defineProperty(e2, t2, c2), c2);
315
+ /**
316
+ * @license
317
+ * Copyright 2017 Google LLC
318
+ * SPDX-License-Identifier: BSD-3-Clause
319
+ */
320
+ function e$4(e2, r2) {
321
+ return (n3, s2, i4) => {
322
+ const o2 = (t2) => t2.renderRoot?.querySelector(e2) ?? null;
323
+ return e$5(n3, s2, { get() {
324
+ return o2(this);
325
+ } });
326
+ };
327
+ }
328
+ function guardedCustomElement(tagName) {
329
+ return (cls) => {
330
+ if (!customElements.get(tagName)) {
331
+ t$4(tagName)(cls);
332
+ }
333
+ };
334
+ }
335
+ /**
336
+ * @license
337
+ * Copyright 2017 Google LLC
338
+ * SPDX-License-Identifier: BSD-3-Clause
339
+ */
340
+ const t$2 = globalThis, i$3 = t$2.trustedTypes, s$1 = i$3 ? i$3.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$3 = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h, n$1 = `<${o$4}>`, r = document, l$1 = () => r.createComment(""), c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a$1 = Array.isArray, u$1 = (t2) => a$1(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ \n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^
341
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y2 = (t2) => (i4, ...s2) => ({ _$litType$: t2, strings: i4, values: s2 }), x = y2(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r.createTreeWalker(r, 129);
342
+ function P(t2, i4) {
343
+ if (!a$1(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
344
+ return void 0 !== s$1 ? s$1.createHTML(i4) : i4;
345
+ }
346
+ const V = (t2, i4) => {
270
347
  const s2 = t2.length - 1, o2 = [];
271
- let r2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = f;
272
- for (let i4 = 0; i4 < s2; i4++) {
273
- const s3 = t2[i4];
348
+ let r2, l2 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", c2 = f;
349
+ for (let i5 = 0; i5 < s2; i5++) {
350
+ const s3 = t2[i5];
274
351
  let a2, u2, d2 = -1, y3 = 0;
275
352
  for (; y3 < s3.length && (c2.lastIndex = y3, u2 = c2.exec(s3), null !== u2); ) y3 = c2.lastIndex, c2 === f ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 ?? f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m : c2 === v || c2 === _ ? c2 = f : (c2 = m, r2 = void 0);
276
- const x2 = c2 === m && t2[i4 + 1].startsWith("/>") ? " " : "";
277
- l2 += c2 === f ? s3 + n$1 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$5 + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i4 : x2);
353
+ const x2 = c2 === m && t2[i5 + 1].startsWith("/>") ? " " : "";
354
+ l2 += c2 === f ? s3 + n$1 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$3 + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i5 : x2);
278
355
  }
279
- return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), o2];
356
+ return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), o2];
280
357
  };
281
358
  class N {
282
359
  constructor({ strings: t2, _$litType$: s2 }, n3) {
@@ -290,16 +367,16 @@ class N {
290
367
  }
291
368
  for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
292
369
  if (1 === r2.nodeType) {
293
- if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e$5)) {
294
- const i3 = v2[a2++], s3 = r2.getAttribute(t3).split(h), e2 = /([.?@])?(.*)/.exec(i3);
370
+ if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e$3)) {
371
+ const i4 = v2[a2++], s3 = r2.getAttribute(t3).split(h), e2 = /([.?@])?(.*)/.exec(i4);
295
372
  d2.push({ type: 1, index: c2, name: e2[2], strings: s3, ctor: "." === e2[1] ? H : "?" === e2[1] ? I : "@" === e2[1] ? L : k }), r2.removeAttribute(t3);
296
373
  } else t3.startsWith(h) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
297
374
  if ($.test(r2.tagName)) {
298
375
  const t3 = r2.textContent.split(h), s3 = t3.length - 1;
299
376
  if (s3 > 0) {
300
- r2.textContent = i$2 ? i$2.emptyScript : "";
301
- for (let i3 = 0; i3 < s3; i3++) r2.append(t3[i3], l()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
302
- r2.append(t3[s3], l());
377
+ r2.textContent = i$3 ? i$3.emptyScript : "";
378
+ for (let i4 = 0; i4 < s3; i4++) r2.append(t3[i4], l$1()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
379
+ r2.append(t3[s3], l$1());
303
380
  }
304
381
  }
305
382
  } else if (8 === r2.nodeType) if (r2.data === o$4) d2.push({ type: 2, index: c2 });
@@ -310,20 +387,20 @@ class N {
310
387
  c2++;
311
388
  }
312
389
  }
313
- static createElement(t2, i3) {
314
- const s2 = r$2.createElement("template");
390
+ static createElement(t2, i4) {
391
+ const s2 = r.createElement("template");
315
392
  return s2.innerHTML = t2, s2;
316
393
  }
317
394
  }
318
- function S(t2, i3, s2 = t2, e2) {
319
- if (i3 === T) return i3;
395
+ function S(t2, i4, s2 = t2, e2) {
396
+ if (i4 === T) return i4;
320
397
  let h2 = void 0 !== e2 ? s2._$Co?.[e2] : s2._$Cl;
321
- const o2 = c(i3) ? void 0 : i3._$litDirective$;
322
- return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ??= [])[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i3 = S(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
398
+ const o2 = c(i4) ? void 0 : i4._$litDirective$;
399
+ return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ??= [])[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i4 = S(t2, h2._$AS(t2, i4.values), h2, e2)), i4;
323
400
  }
324
401
  class M {
325
- constructor(t2, i3) {
326
- this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
402
+ constructor(t2, i4) {
403
+ this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i4;
327
404
  }
328
405
  get parentNode() {
329
406
  return this._$AM.parentNode;
@@ -332,34 +409,34 @@ class M {
332
409
  return this._$AM._$AU;
333
410
  }
334
411
  u(t2) {
335
- const { el: { content: i3 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? r$2).importNode(i3, true);
412
+ const { el: { content: i4 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? r).importNode(i4, true);
336
413
  C.currentNode = e2;
337
414
  let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
338
415
  for (; void 0 !== l2; ) {
339
416
  if (o2 === l2.index) {
340
- let i4;
341
- 2 === l2.type ? i4 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i4 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i4 = new z(h2, this, t2)), this._$AV.push(i4), l2 = s2[++n3];
417
+ let i5;
418
+ 2 === l2.type ? i5 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i5 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i5 = new z(h2, this, t2)), this._$AV.push(i5), l2 = s2[++n3];
342
419
  }
343
420
  o2 !== l2?.index && (h2 = C.nextNode(), o2++);
344
421
  }
345
- return C.currentNode = r$2, e2;
422
+ return C.currentNode = r, e2;
346
423
  }
347
424
  p(t2) {
348
- let i3 = 0;
349
- for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i3), i3 += s2.strings.length - 2) : s2._$AI(t2[i3])), i3++;
425
+ let i4 = 0;
426
+ for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i4), i4 += s2.strings.length - 2) : s2._$AI(t2[i4])), i4++;
350
427
  }
351
428
  }
352
429
  class R {
353
430
  get _$AU() {
354
431
  return this._$AM?._$AU ?? this._$Cv;
355
432
  }
356
- constructor(t2, i3, s2, e2) {
357
- this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
433
+ constructor(t2, i4, s2, e2) {
434
+ this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i4, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
358
435
  }
359
436
  get parentNode() {
360
437
  let t2 = this._$AA.parentNode;
361
- const i3 = this._$AM;
362
- return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
438
+ const i4 = this._$AM;
439
+ return void 0 !== i4 && 11 === t2?.nodeType && (t2 = i4.parentNode), t2;
363
440
  }
364
441
  get startNode() {
365
442
  return this._$AA;
@@ -367,8 +444,8 @@ class R {
367
444
  get endNode() {
368
445
  return this._$AB;
369
446
  }
370
- _$AI(t2, i3 = this) {
371
- t2 = S(this, t2, i3), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
447
+ _$AI(t2, i4 = this) {
448
+ t2 = S(this, t2, i4), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u$1(t2) ? this.k(t2) : this._(t2);
372
449
  }
373
450
  O(t2) {
374
451
  return this._$AA.parentNode.insertBefore(t2, this._$AB);
@@ -377,31 +454,31 @@ class R {
377
454
  this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
378
455
  }
379
456
  _(t2) {
380
- this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$2.createTextNode(t2)), this._$AH = t2;
457
+ this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r.createTextNode(t2)), this._$AH = t2;
381
458
  }
382
459
  $(t2) {
383
- const { values: i3, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
384
- if (this._$AH?._$AD === e2) this._$AH.p(i3);
460
+ const { values: i4, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
461
+ if (this._$AH?._$AD === e2) this._$AH.p(i4);
385
462
  else {
386
463
  const t3 = new M(e2, this), s3 = t3.u(this.options);
387
- t3.p(i3), this.T(s3), this._$AH = t3;
464
+ t3.p(i4), this.T(s3), this._$AH = t3;
388
465
  }
389
466
  }
390
467
  _$AC(t2) {
391
- let i3 = A.get(t2.strings);
392
- return void 0 === i3 && A.set(t2.strings, i3 = new N(t2)), i3;
468
+ let i4 = A.get(t2.strings);
469
+ return void 0 === i4 && A.set(t2.strings, i4 = new N(t2)), i4;
393
470
  }
394
471
  k(t2) {
395
- a(this._$AH) || (this._$AH = [], this._$AR());
396
- const i3 = this._$AH;
472
+ a$1(this._$AH) || (this._$AH = [], this._$AR());
473
+ const i4 = this._$AH;
397
474
  let s2, e2 = 0;
398
- for (const h2 of t2) e2 === i3.length ? i3.push(s2 = new R(this.O(l()), this.O(l()), this, this.options)) : s2 = i3[e2], s2._$AI(h2), e2++;
399
- e2 < i3.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i3.length = e2);
475
+ for (const h2 of t2) e2 === i4.length ? i4.push(s2 = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s2 = i4[e2], s2._$AI(h2), e2++;
476
+ e2 < i4.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i4.length = e2);
400
477
  }
401
- _$AR(t2 = this._$AA.nextSibling, i3) {
402
- for (this._$AP?.(false, true, i3); t2 && t2 !== this._$AB; ) {
403
- const i4 = t2.nextSibling;
404
- t2.remove(), t2 = i4;
478
+ _$AR(t2 = this._$AA.nextSibling, i4) {
479
+ for (this._$AP?.(false, true, i4); t2 && t2 !== this._$AB; ) {
480
+ const i5 = t2.nextSibling;
481
+ t2.remove(), t2 = i5;
405
482
  }
406
483
  }
407
484
  setConnected(t2) {
@@ -415,17 +492,17 @@ class k {
415
492
  get _$AU() {
416
493
  return this._$AM._$AU;
417
494
  }
418
- constructor(t2, i3, s2, e2, h2) {
419
- this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
495
+ constructor(t2, i4, s2, e2, h2) {
496
+ this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i4, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
420
497
  }
421
- _$AI(t2, i3 = this, s2, e2) {
498
+ _$AI(t2, i4 = this, s2, e2) {
422
499
  const h2 = this.strings;
423
500
  let o2 = false;
424
- if (void 0 === h2) t2 = S(this, t2, i3, 0), o2 = !c(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
501
+ if (void 0 === h2) t2 = S(this, t2, i4, 0), o2 = !c(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
425
502
  else {
426
503
  const e3 = t2;
427
504
  let n3, r2;
428
- for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = S(this, e3[s2 + n3], i3, n3), r2 === T && (r2 = this._$AH[n3]), o2 ||= !c(r2) || r2 !== this._$AH[n3], r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
505
+ for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = S(this, e3[s2 + n3], i4, n3), r2 === T && (r2 = this._$AH[n3]), o2 ||= !c(r2) || r2 !== this._$AH[n3], r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
429
506
  }
430
507
  o2 && !e2 && this.j(t2);
431
508
  }
@@ -450,11 +527,11 @@ class I extends k {
450
527
  }
451
528
  }
452
529
  class L extends k {
453
- constructor(t2, i3, s2, e2, h2) {
454
- super(t2, i3, s2, e2, h2), this.type = 5;
530
+ constructor(t2, i4, s2, e2, h2) {
531
+ super(t2, i4, s2, e2, h2), this.type = 5;
455
532
  }
456
- _$AI(t2, i3 = this) {
457
- if ((t2 = S(this, t2, i3, 0) ?? E) === T) return;
533
+ _$AI(t2, i4 = this) {
534
+ if ((t2 = S(this, t2, i4, 0) ?? E) === T) return;
458
535
  const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
459
536
  e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
460
537
  }
@@ -463,8 +540,8 @@ class L extends k {
463
540
  }
464
541
  }
465
542
  class z {
466
- constructor(t2, i3, s2) {
467
- this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s2;
543
+ constructor(t2, i4, s2) {
544
+ this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s2;
468
545
  }
469
546
  get _$AU() {
470
547
  return this._$AM._$AU;
@@ -473,14 +550,14 @@ class z {
473
550
  S(this, t2);
474
551
  }
475
552
  }
476
- const j = t$3.litHtmlPolyfillSupport;
477
- j?.(N, R), (t$3.litHtmlVersions ??= []).push("3.3.0");
478
- const B = (t2, i3, s2) => {
479
- const e2 = s2?.renderBefore ?? i3;
553
+ const j = t$2.litHtmlPolyfillSupport;
554
+ j?.(N, R), (t$2.litHtmlVersions ??= []).push("3.3.0");
555
+ const B = (t2, i4, s2) => {
556
+ const e2 = s2?.renderBefore ?? i4;
480
557
  let h2 = e2._$litPart$;
481
558
  if (void 0 === h2) {
482
559
  const t3 = s2?.renderBefore ?? null;
483
- e2._$litPart$ = h2 = new R(i3.insertBefore(l(), t3), t3, void 0, s2 ?? {});
560
+ e2._$litPart$ = h2 = new R(i4.insertBefore(l$1(), t3), t3, void 0, s2 ?? {});
484
561
  }
485
562
  return h2._$AI(t2), h2;
486
563
  };
@@ -490,7 +567,7 @@ const B = (t2, i3, s2) => {
490
567
  * SPDX-License-Identifier: BSD-3-Clause
491
568
  */
492
569
  const s = globalThis;
493
- let i$1 = class i extends y$1 {
570
+ let i$2 = class i extends y$1 {
494
571
  constructor() {
495
572
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
496
573
  }
@@ -512,93 +589,24 @@ let i$1 = class i extends y$1 {
512
589
  return T;
513
590
  }
514
591
  };
515
- i$1._$litElement$ = true, i$1["finalized"] = true, s.litElementHydrateSupport?.({ LitElement: i$1 });
592
+ i$2._$litElement$ = true, i$2["finalized"] = true, s.litElementHydrateSupport?.({ LitElement: i$2 });
516
593
  const o$3 = s.litElementPolyfillSupport;
517
- o$3?.({ LitElement: i$1 });
594
+ o$3?.({ LitElement: i$2 });
518
595
  (s.litElementVersions ??= []).push("4.2.0");
519
- /**
520
- * @license
521
- * Copyright 2017 Google LLC
522
- * SPDX-License-Identifier: BSD-3-Clause
523
- */
524
- const t$2 = (t2) => (e2, o2) => {
525
- void 0 !== o2 ? o2.addInitializer(() => {
526
- customElements.define(t2, e2);
527
- }) : customElements.define(t2, e2);
528
- };
529
- /**
530
- * @license
531
- * Copyright 2017 Google LLC
532
- * SPDX-License-Identifier: BSD-3-Clause
533
- */
534
- const o$2 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 }, r$1 = (t2 = o$2, e2, r2) => {
535
- const { kind: n3, metadata: i3 } = r2;
536
- let s2 = globalThis.litPropertyMetadata.get(i3);
537
- if (void 0 === s2 && globalThis.litPropertyMetadata.set(i3, s2 = /* @__PURE__ */ new Map()), "setter" === n3 && ((t2 = Object.create(t2)).wrapped = true), s2.set(r2.name, t2), "accessor" === n3) {
538
- const { name: o2 } = r2;
539
- return { set(r3) {
540
- const n4 = e2.get.call(this);
541
- e2.set.call(this, r3), this.requestUpdate(o2, n4, t2);
542
- }, init(e3) {
543
- return void 0 !== e3 && this.C(o2, void 0, t2, e3), e3;
544
- } };
545
- }
546
- if ("setter" === n3) {
547
- const { name: o2 } = r2;
548
- return function(r3) {
549
- const n4 = this[o2];
550
- e2.call(this, r3), this.requestUpdate(o2, n4, t2);
551
- };
552
- }
553
- throw Error("Unsupported decorator location: " + n3);
554
- };
555
- function n2(t2) {
556
- return (e2, o2) => "object" == typeof o2 ? r$1(t2, e2, o2) : ((t3, e3, o3) => {
557
- const r2 = e3.hasOwnProperty(o3);
558
- return e3.constructor.createProperty(o3, t3), r2 ? Object.getOwnPropertyDescriptor(e3, o3) : void 0;
559
- })(t2, e2, o2);
560
- }
561
- /**
562
- * @license
563
- * Copyright 2017 Google LLC
564
- * SPDX-License-Identifier: BSD-3-Clause
565
- */
566
- function r(r2) {
567
- return n2({ ...r2, state: true, attribute: false });
568
- }
569
- /**
570
- * @license
571
- * Copyright 2017 Google LLC
572
- * SPDX-License-Identifier: BSD-3-Clause
573
- */
574
- const e$4 = (e2, t2, c2) => (c2.configurable = true, c2.enumerable = true, Reflect.decorate && "object" != typeof t2 && Object.defineProperty(e2, t2, c2), c2);
575
- /**
576
- * @license
577
- * Copyright 2017 Google LLC
578
- * SPDX-License-Identifier: BSD-3-Clause
579
- */
580
- function e$3(e2, r2) {
581
- return (n3, s2, i3) => {
582
- const o2 = (t2) => t2.renderRoot?.querySelector(e2) ?? null;
583
- return e$4(n3, s2, { get() {
584
- return o2(this);
585
- } });
586
- };
587
- }
588
596
  /**
589
597
  * @license
590
598
  * Copyright 2017 Google LLC
591
599
  * SPDX-License-Identifier: BSD-3-Clause
592
600
  */
593
601
  const t$1 = { ATTRIBUTE: 1, CHILD: 2 }, e$2 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
594
- class i2 {
602
+ let i$1 = class i2 {
595
603
  constructor(t2) {
596
604
  }
597
605
  get _$AU() {
598
606
  return this._$AM._$AU;
599
607
  }
600
- _$AT(t2, e2, i3) {
601
- this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
608
+ _$AT(t2, e2, i4) {
609
+ this._$Ct = t2, this._$AM = e2, this._$Ci = i4;
602
610
  }
603
611
  _$AS(t2, e2) {
604
612
  return this.update(t2, e2);
@@ -606,29 +614,29 @@ class i2 {
606
614
  update(t2, e2) {
607
615
  return this.render(...e2);
608
616
  }
609
- }
617
+ };
610
618
  /**
611
619
  * @license
612
620
  * Copyright 2018 Google LLC
613
621
  * SPDX-License-Identifier: BSD-3-Clause
614
622
  */
615
- const e$1 = e$2(class extends i2 {
623
+ const e$1 = e$2(class extends i$1 {
616
624
  constructor(t2) {
617
625
  if (super(t2), t2.type !== t$1.ATTRIBUTE || "class" !== t2.name || t2.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
618
626
  }
619
627
  render(t2) {
620
628
  return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
621
629
  }
622
- update(s2, [i3]) {
630
+ update(s2, [i4]) {
623
631
  if (void 0 === this.st) {
624
632
  this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
625
- for (const t2 in i3) i3[t2] && !this.nt?.has(t2) && this.st.add(t2);
626
- return this.render(i3);
633
+ for (const t2 in i4) i4[t2] && !this.nt?.has(t2) && this.st.add(t2);
634
+ return this.render(i4);
627
635
  }
628
636
  const r2 = s2.element.classList;
629
- for (const t2 of this.st) t2 in i3 || (r2.remove(t2), this.st.delete(t2));
630
- for (const t2 in i3) {
631
- const s3 = !!i3[t2];
637
+ for (const t2 of this.st) t2 in i4 || (r2.remove(t2), this.st.delete(t2));
638
+ for (const t2 in i4) {
639
+ const s3 = !!i4[t2];
632
640
  s3 === this.st.has(t2) || this.nt?.has(t2) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
633
641
  }
634
642
  return T;
@@ -639,15 +647,8 @@ const e$1 = e$2(class extends i2 {
639
647
  * Copyright 2018 Google LLC
640
648
  * SPDX-License-Identifier: BSD-3-Clause
641
649
  */
642
- const o$1 = (o2) => o2 ?? E;
643
- function guardedCustomElement(tagName) {
644
- return (cls) => {
645
- if (!customElements.get(tagName)) {
646
- t$2(tagName)(cls);
647
- }
648
- };
649
- }
650
- const styles$i = i$4`
650
+ const o$2 = (o2) => o2 ?? E;
651
+ const styles$i = i$5`
651
652
  :host {
652
653
  --_color-semantic-surface-critical-hover: #b32a23;
653
654
  display: inline-block;
@@ -799,16 +800,15 @@ const styles$i = i$4`
799
800
  }
800
801
  `;
801
802
  var __defProp$i = Object.defineProperty;
802
- var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
803
- var __decorateClass$i = (decorators, target, key, kind) => {
804
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
805
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
806
- if (decorator = decorators[i3])
807
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
808
- if (kind && result) __defProp$i(target, key, result);
803
+ var __decorateClass$n = (decorators, target, key, kind) => {
804
+ var result = void 0;
805
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
806
+ if (decorator = decorators[i4])
807
+ result = decorator(target, key, result) || result;
808
+ if (result) __defProp$i(target, key, result);
809
809
  return result;
810
810
  };
811
- let SDSButton = class extends i$1 {
811
+ const _SDSButtonComponent = class _SDSButtonComponent extends i$2 {
812
812
  constructor() {
813
813
  super();
814
814
  this.type = "button";
@@ -894,7 +894,7 @@ let SDSButton = class extends i$1 {
894
894
  id="link"
895
895
  class="${e$1(buttonClasses)}"
896
896
  href="${this.href}"
897
- target="${o$1(this.target)}"
897
+ target="${o$2(this.target)}"
898
898
  >
899
899
  <slot name="before"></slot>
900
900
  <slot></slot>
@@ -904,11 +904,11 @@ let SDSButton = class extends i$1 {
904
904
  return x`
905
905
  <button
906
906
  id="control"
907
- form="${o$1(this.form)}"
907
+ form="${o$2(this.form)}"
908
908
  class="${e$1(buttonClasses)}"
909
909
  type="${this.type}"
910
- name="${o$1(this.name)}"
911
- value="${o$1(this.value)}"
910
+ name="${o$2(this.name)}"
911
+ value="${o$2(this.value)}"
912
912
  ?disabled="${this.disabled}"
913
913
  @click="${this._handleClick}"
914
914
  >
@@ -919,39 +919,50 @@ let SDSButton = class extends i$1 {
919
919
  `;
920
920
  }
921
921
  };
922
- SDSButton.styles = [styles$i];
923
- SDSButton.formAssociated = true;
924
- __decorateClass$i([
925
- n2({ type: String, reflect: true })
926
- ], SDSButton.prototype, "type", 2);
927
- __decorateClass$i([
928
- n2({ type: String, reflect: true })
929
- ], SDSButton.prototype, "variant", 2);
930
- __decorateClass$i([
931
- n2({ type: String, reflect: true })
932
- ], SDSButton.prototype, "size", 2);
933
- __decorateClass$i([
934
- n2({ type: Boolean, reflect: true })
935
- ], SDSButton.prototype, "disabled", 2);
936
- __decorateClass$i([
937
- n2({ type: String, reflect: true })
938
- ], SDSButton.prototype, "name", 2);
939
- __decorateClass$i([
940
- n2({ type: String, reflect: true })
941
- ], SDSButton.prototype, "value", 2);
942
- __decorateClass$i([
943
- n2({ type: String, reflect: true })
944
- ], SDSButton.prototype, "form", 2);
945
- __decorateClass$i([
946
- n2({ type: String, reflect: true })
947
- ], SDSButton.prototype, "href", 2);
948
- __decorateClass$i([
949
- n2({ type: String, reflect: true })
950
- ], SDSButton.prototype, "target", 2);
951
- SDSButton = __decorateClass$i([
922
+ _SDSButtonComponent.styles = [styles$i];
923
+ _SDSButtonComponent.formAssociated = true;
924
+ let SDSButtonComponent = _SDSButtonComponent;
925
+ __decorateClass$n([
926
+ n$2({ type: String, reflect: true })
927
+ ], SDSButtonComponent.prototype, "type");
928
+ __decorateClass$n([
929
+ n$2({ type: String, reflect: true })
930
+ ], SDSButtonComponent.prototype, "variant");
931
+ __decorateClass$n([
932
+ n$2({ type: String, reflect: true })
933
+ ], SDSButtonComponent.prototype, "size");
934
+ __decorateClass$n([
935
+ n$2({ type: Boolean, reflect: true })
936
+ ], SDSButtonComponent.prototype, "disabled");
937
+ __decorateClass$n([
938
+ n$2({ type: String, reflect: true })
939
+ ], SDSButtonComponent.prototype, "name");
940
+ __decorateClass$n([
941
+ n$2({ type: String, reflect: true })
942
+ ], SDSButtonComponent.prototype, "value");
943
+ __decorateClass$n([
944
+ n$2({ type: String, reflect: true })
945
+ ], SDSButtonComponent.prototype, "form");
946
+ __decorateClass$n([
947
+ n$2({ type: String, reflect: true })
948
+ ], SDSButtonComponent.prototype, "href");
949
+ __decorateClass$n([
950
+ n$2({ type: String, reflect: true })
951
+ ], SDSButtonComponent.prototype, "target");
952
+ var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
953
+ var __decorateClass$m = (decorators, target, key, kind) => {
954
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
955
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
956
+ if (decorator = decorators[i4])
957
+ result = decorator(result) || result;
958
+ return result;
959
+ };
960
+ let SDSButton = class extends SDSButtonComponent {
961
+ };
962
+ SDSButton = __decorateClass$m([
952
963
  guardedCustomElement("sds-button")
953
964
  ], SDSButton);
954
- const styles$h = i$4`
965
+ const styles$h = i$5`
955
966
  :host {
956
967
  flex: 0 0 auto;
957
968
  }
@@ -1062,15 +1073,15 @@ const styles$h = i$4`
1062
1073
  `;
1063
1074
  var __defProp$h = Object.defineProperty;
1064
1075
  var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
1065
- var __decorateClass$h = (decorators, target, key, kind) => {
1076
+ var __decorateClass$l = (decorators, target, key, kind) => {
1066
1077
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
1067
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1068
- if (decorator = decorators[i3])
1078
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1079
+ if (decorator = decorators[i4])
1069
1080
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1070
1081
  if (kind && result) __defProp$h(target, key, result);
1071
1082
  return result;
1072
1083
  };
1073
- let SDSCheckbox = class extends i$1 {
1084
+ let SDSCheckbox = class extends i$2 {
1074
1085
  constructor() {
1075
1086
  super();
1076
1087
  this.checked = false;
@@ -1187,8 +1198,8 @@ let SDSCheckbox = class extends i$1 {
1187
1198
  <input
1188
1199
  id="control"
1189
1200
  type="checkbox"
1190
- name="${o$1(this.name)}"
1191
- value="${o$1(this.value)}"
1201
+ name="${o$2(this.name)}"
1202
+ value="${o$2(this.value)}"
1192
1203
  .checked="${this.checked}"
1193
1204
  ?checked="${this.checked}"
1194
1205
  ?disabled="${this.disabled}"
@@ -1206,34 +1217,34 @@ let SDSCheckbox = class extends i$1 {
1206
1217
  };
1207
1218
  SDSCheckbox.styles = [styles$h];
1208
1219
  SDSCheckbox.formAssociated = true;
1209
- __decorateClass$h([
1210
- n2({ type: String, reflect: true })
1220
+ __decorateClass$l([
1221
+ n$2({ type: String, reflect: true })
1211
1222
  ], SDSCheckbox.prototype, "name", 2);
1212
- __decorateClass$h([
1213
- n2({ type: String, reflect: true })
1223
+ __decorateClass$l([
1224
+ n$2({ type: String, reflect: true })
1214
1225
  ], SDSCheckbox.prototype, "label", 2);
1215
- __decorateClass$h([
1216
- n2({ type: String })
1226
+ __decorateClass$l([
1227
+ n$2({ type: String })
1217
1228
  ], SDSCheckbox.prototype, "value", 2);
1218
- __decorateClass$h([
1219
- n2({ type: Boolean, reflect: true })
1229
+ __decorateClass$l([
1230
+ n$2({ type: Boolean, reflect: true })
1220
1231
  ], SDSCheckbox.prototype, "checked", 2);
1221
- __decorateClass$h([
1222
- n2({ type: Boolean, reflect: true })
1232
+ __decorateClass$l([
1233
+ n$2({ type: Boolean, reflect: true })
1223
1234
  ], SDSCheckbox.prototype, "disabled", 2);
1224
- __decorateClass$h([
1225
- n2({ type: Boolean, reflect: true })
1235
+ __decorateClass$l([
1236
+ n$2({ type: Boolean, reflect: true })
1226
1237
  ], SDSCheckbox.prototype, "error", 2);
1227
- __decorateClass$h([
1228
- n2({ type: Boolean, reflect: true })
1238
+ __decorateClass$l([
1239
+ n$2({ type: Boolean, reflect: true })
1229
1240
  ], SDSCheckbox.prototype, "required", 2);
1230
- __decorateClass$h([
1231
- e$3("#control")
1241
+ __decorateClass$l([
1242
+ e$4("#control")
1232
1243
  ], SDSCheckbox.prototype, "control", 2);
1233
- SDSCheckbox = __decorateClass$h([
1244
+ SDSCheckbox = __decorateClass$l([
1234
1245
  guardedCustomElement("sds-checkbox")
1235
1246
  ], SDSCheckbox);
1236
- const styles$g = i$4`
1247
+ const styles$g = i$5`
1237
1248
  :host {
1238
1249
  display: block;
1239
1250
  contain: layout style;
@@ -1288,9 +1299,9 @@ const styles$g = i$4`
1288
1299
  * Copyright 2017 Google LLC
1289
1300
  * SPDX-License-Identifier: BSD-3-Clause
1290
1301
  */
1291
- class e extends i2 {
1292
- constructor(i3) {
1293
- if (super(i3), this.it = E, i3.type !== t$1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
1302
+ class e extends i$1 {
1303
+ constructor(i4) {
1304
+ if (super(i4), this.it = E, i4.type !== t$1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
1294
1305
  }
1295
1306
  render(r2) {
1296
1307
  if (r2 === E || null == r2) return this._t = void 0, this.it = r2;
@@ -1311,7 +1322,7 @@ e.directiveName = "unsafeHTML", e.resultType = 1;
1311
1322
  class t extends e {
1312
1323
  }
1313
1324
  t.directiveName = "unsafeSVG", t.resultType = 2;
1314
- const o = e$2(t);
1325
+ const o$1 = e$2(t);
1315
1326
  const loadLocalIcons = (name) => import(`@politiet/sheriff-icons/dist/assets/${name}.js`).then(({ default: svg }) => {
1316
1327
  return svg;
1317
1328
  }).catch((error) => {
@@ -1358,7 +1369,7 @@ class SDSIconLoader {
1358
1369
  return this.resolver;
1359
1370
  }
1360
1371
  }
1361
- const styles$f = i$4`
1372
+ const styles$f = i$5`
1362
1373
  :host {
1363
1374
  --icon-size: var(--sds-icon-size-m);
1364
1375
  display: inline-block;
@@ -1372,16 +1383,15 @@ const styles$f = i$4`
1372
1383
  }
1373
1384
  `;
1374
1385
  var __defProp$g = Object.defineProperty;
1375
- var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
1376
- var __decorateClass$g = (decorators, target, key, kind) => {
1377
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
1378
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1379
- if (decorator = decorators[i3])
1380
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1381
- if (kind && result) __defProp$g(target, key, result);
1386
+ var __decorateClass$k = (decorators, target, key, kind) => {
1387
+ var result = void 0;
1388
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1389
+ if (decorator = decorators[i4])
1390
+ result = decorator(target, key, result) || result;
1391
+ if (result) __defProp$g(target, key, result);
1382
1392
  return result;
1383
1393
  };
1384
- let SDSIcon = class extends i$1 {
1394
+ const _SDSIconComponent = (_a = class extends i$2 {
1385
1395
  constructor() {
1386
1396
  super(...arguments);
1387
1397
  this.name = "";
@@ -1400,11 +1410,11 @@ let SDSIcon = class extends i$1 {
1400
1410
  return x`
1401
1411
  <div
1402
1412
  class="sds-icon"
1403
- role="${o$1(this.label ? "img" : void 0)}"
1404
- style="${o$1(this.color ? `color:${this.color}` : void 0)}"
1405
- aria-label="${o$1(this.label)}"
1413
+ role="${o$2(this.label ? "img" : void 0)}"
1414
+ style="${o$2(this.color ? `color:${this.color}` : void 0)}"
1415
+ aria-label="${o$2(this.label)}"
1406
1416
  >
1407
- ${this.name ? x`<slot aria-hidden="true">${o(this.svg)}</slot>` : x`<slot aria-hidden="true"></slot>`}
1417
+ ${this.name ? x`<slot aria-hidden="true">${o$1(this.svg)}</slot>` : x`<slot aria-hidden="true"></slot>`}
1408
1418
  </div>
1409
1419
  `;
1410
1420
  }
@@ -1419,7 +1429,7 @@ let SDSIcon = class extends i$1 {
1419
1429
  return;
1420
1430
  }
1421
1431
  const svg = await new Promise((resolve) => {
1422
- SDSIcon.iconLoader.resolve(this.name, resolve);
1432
+ _a.iconLoader.resolve(this.name, resolve);
1423
1433
  });
1424
1434
  this.svg = svg;
1425
1435
  }
@@ -1429,25 +1439,34 @@ let SDSIcon = class extends i$1 {
1429
1439
  void this.fetchIcon();
1430
1440
  }
1431
1441
  }
1442
+ }, _a.styles = [styles$f], _a.iconLoader = new SDSIconLoader(), _a);
1443
+ __decorateClass$k([
1444
+ n$2({ type: String, reflect: true })
1445
+ ], _SDSIconComponent.prototype, "name");
1446
+ __decorateClass$k([
1447
+ n$2({ type: String, reflect: true })
1448
+ ], _SDSIconComponent.prototype, "size");
1449
+ __decorateClass$k([
1450
+ n$2({ type: String, reflect: true })
1451
+ ], _SDSIconComponent.prototype, "color");
1452
+ __decorateClass$k([
1453
+ n$2({ type: String, reflect: true })
1454
+ ], _SDSIconComponent.prototype, "label");
1455
+ __decorateClass$k([
1456
+ r$1()
1457
+ ], _SDSIconComponent.prototype, "svg");
1458
+ let SDSIconComponent = _SDSIconComponent;
1459
+ var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
1460
+ var __decorateClass$j = (decorators, target, key, kind) => {
1461
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
1462
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1463
+ if (decorator = decorators[i4])
1464
+ result = decorator(result) || result;
1465
+ return result;
1432
1466
  };
1433
- SDSIcon.styles = [styles$f];
1434
- SDSIcon.iconLoader = new SDSIconLoader();
1435
- __decorateClass$g([
1436
- n2({ type: String, reflect: true })
1437
- ], SDSIcon.prototype, "name", 2);
1438
- __decorateClass$g([
1439
- n2({ type: String, reflect: true })
1440
- ], SDSIcon.prototype, "size", 2);
1441
- __decorateClass$g([
1442
- n2({ type: String, reflect: true })
1443
- ], SDSIcon.prototype, "color", 2);
1444
- __decorateClass$g([
1445
- n2({ type: String, reflect: true })
1446
- ], SDSIcon.prototype, "label", 2);
1447
- __decorateClass$g([
1448
- r()
1449
- ], SDSIcon.prototype, "svg", 2);
1450
- SDSIcon = __decorateClass$g([
1467
+ let SDSIcon = class extends SDSIconComponent {
1468
+ };
1469
+ SDSIcon = __decorateClass$j([
1451
1470
  guardedCustomElement("sds-icon")
1452
1471
  ], SDSIcon);
1453
1472
  const renderErrorMessage = (errorMessage, className, disabled = false) => {
@@ -1459,15 +1478,15 @@ const renderErrorMessage = (errorMessage, className, disabled = false) => {
1459
1478
  };
1460
1479
  var __defProp$f = Object.defineProperty;
1461
1480
  var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
1462
- var __decorateClass$f = (decorators, target, key, kind) => {
1481
+ var __decorateClass$i = (decorators, target, key, kind) => {
1463
1482
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
1464
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1465
- if (decorator = decorators[i3])
1483
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1484
+ if (decorator = decorators[i4])
1466
1485
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1467
1486
  if (kind && result) __defProp$f(target, key, result);
1468
1487
  return result;
1469
1488
  };
1470
- let SDSCheckboxGroup = class extends i$1 {
1489
+ let SDSCheckboxGroup = class extends i$2 {
1471
1490
  constructor() {
1472
1491
  super(...arguments);
1473
1492
  this._selectedValues = [];
@@ -1505,22 +1524,22 @@ let SDSCheckboxGroup = class extends i$1 {
1505
1524
  }
1506
1525
  };
1507
1526
  SDSCheckboxGroup.styles = [styles$g];
1508
- __decorateClass$f([
1509
- n2({ type: String, reflect: true })
1527
+ __decorateClass$i([
1528
+ n$2({ type: String, reflect: true })
1510
1529
  ], SDSCheckboxGroup.prototype, "legend", 2);
1511
- __decorateClass$f([
1512
- n2({ type: String, attribute: "help-text", reflect: true })
1530
+ __decorateClass$i([
1531
+ n$2({ type: String, attribute: "help-text", reflect: true })
1513
1532
  ], SDSCheckboxGroup.prototype, "helpText", 2);
1514
- __decorateClass$f([
1515
- n2({ type: String, attribute: "error-message", reflect: true })
1533
+ __decorateClass$i([
1534
+ n$2({ type: String, attribute: "error-message", reflect: true })
1516
1535
  ], SDSCheckboxGroup.prototype, "errorMessage", 2);
1517
- __decorateClass$f([
1518
- r()
1536
+ __decorateClass$i([
1537
+ r$1()
1519
1538
  ], SDSCheckboxGroup.prototype, "_selectedValues", 2);
1520
- SDSCheckboxGroup = __decorateClass$f([
1539
+ SDSCheckboxGroup = __decorateClass$i([
1521
1540
  guardedCustomElement("sds-checkbox-group")
1522
1541
  ], SDSCheckboxGroup);
1523
- const styles$e = i$4`
1542
+ const styles$e = i$5`
1524
1543
  .sds-chip {
1525
1544
  align-items: center;
1526
1545
  display: inline-flex;
@@ -1597,15 +1616,15 @@ const styles$e = i$4`
1597
1616
  `;
1598
1617
  var __defProp$e = Object.defineProperty;
1599
1618
  var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
1600
- var __decorateClass$e = (decorators, target, key, kind) => {
1619
+ var __decorateClass$h = (decorators, target, key, kind) => {
1601
1620
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
1602
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1603
- if (decorator = decorators[i3])
1621
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1622
+ if (decorator = decorators[i4])
1604
1623
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1605
1624
  if (kind && result) __defProp$e(target, key, result);
1606
1625
  return result;
1607
1626
  };
1608
- let SDSChip = class extends i$1 {
1627
+ let SDSChip = class extends i$2 {
1609
1628
  constructor() {
1610
1629
  super();
1611
1630
  this.variant = "selectable";
@@ -1688,8 +1707,8 @@ let SDSChip = class extends i$1 {
1688
1707
  <input
1689
1708
  id="control"
1690
1709
  type="checkbox"
1691
- name="${o$1(this.name)}"
1692
- value="${o$1(this.value)}"
1710
+ name="${o$2(this.name)}"
1711
+ value="${o$2(this.value)}"
1693
1712
  ?checked="${this.checked}"
1694
1713
  .checked="${this.checked}"
1695
1714
  ?disabled="${this.disabled}"
@@ -1701,34 +1720,34 @@ let SDSChip = class extends i$1 {
1701
1720
  };
1702
1721
  SDSChip.styles = [styles$e];
1703
1722
  SDSChip.formAssociated = true;
1704
- __decorateClass$e([
1705
- n2({ type: String, reflect: true })
1723
+ __decorateClass$h([
1724
+ n$2({ type: String, reflect: true })
1706
1725
  ], SDSChip.prototype, "variant", 2);
1707
- __decorateClass$e([
1708
- n2({ type: String, reflect: true })
1726
+ __decorateClass$h([
1727
+ n$2({ type: String, reflect: true })
1709
1728
  ], SDSChip.prototype, "size", 2);
1710
- __decorateClass$e([
1711
- n2({ type: Boolean, reflect: true })
1729
+ __decorateClass$h([
1730
+ n$2({ type: Boolean, reflect: true })
1712
1731
  ], SDSChip.prototype, "checked", 2);
1713
- __decorateClass$e([
1714
- n2({ type: String, reflect: true })
1732
+ __decorateClass$h([
1733
+ n$2({ type: String, reflect: true })
1715
1734
  ], SDSChip.prototype, "name", 2);
1716
- __decorateClass$e([
1717
- n2({ type: String })
1735
+ __decorateClass$h([
1736
+ n$2({ type: String })
1718
1737
  ], SDSChip.prototype, "value", 2);
1719
- __decorateClass$e([
1720
- n2({ type: Boolean, reflect: true })
1738
+ __decorateClass$h([
1739
+ n$2({ type: Boolean, reflect: true })
1721
1740
  ], SDSChip.prototype, "disabled", 2);
1722
- __decorateClass$e([
1723
- n2({ type: Boolean, reflect: true })
1741
+ __decorateClass$h([
1742
+ n$2({ type: Boolean, reflect: true })
1724
1743
  ], SDSChip.prototype, "readonly", 2);
1725
- __decorateClass$e([
1726
- e$3("#control")
1744
+ __decorateClass$h([
1745
+ e$4("#control")
1727
1746
  ], SDSChip.prototype, "control", 2);
1728
- SDSChip = __decorateClass$e([
1747
+ SDSChip = __decorateClass$h([
1729
1748
  guardedCustomElement("sds-chip")
1730
1749
  ], SDSChip);
1731
- const styles$d = i$4`
1750
+ const styles$d = i$5`
1732
1751
  :host {
1733
1752
  display: block;
1734
1753
  }
@@ -1753,15 +1772,15 @@ const styles$d = i$4`
1753
1772
  `;
1754
1773
  var __defProp$d = Object.defineProperty;
1755
1774
  var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
1756
- var __decorateClass$d = (decorators, target, key, kind) => {
1775
+ var __decorateClass$g = (decorators, target, key, kind) => {
1757
1776
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
1758
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1759
- if (decorator = decorators[i3])
1777
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1778
+ if (decorator = decorators[i4])
1760
1779
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1761
1780
  if (kind && result) __defProp$d(target, key, result);
1762
1781
  return result;
1763
1782
  };
1764
- let SDSDetail = class extends i$1 {
1783
+ let SDSDetail = class extends i$2 {
1765
1784
  constructor() {
1766
1785
  super(...arguments);
1767
1786
  this.variation = "text";
@@ -1777,13 +1796,13 @@ let SDSDetail = class extends i$1 {
1777
1796
  }
1778
1797
  };
1779
1798
  SDSDetail.styles = [styles$d];
1780
- __decorateClass$d([
1781
- n2({ type: String })
1799
+ __decorateClass$g([
1800
+ n$2({ type: String })
1782
1801
  ], SDSDetail.prototype, "variation", 2);
1783
- SDSDetail = __decorateClass$d([
1802
+ SDSDetail = __decorateClass$g([
1784
1803
  guardedCustomElement("sds-detail")
1785
1804
  ], SDSDetail);
1786
- const styles$c = i$4`
1805
+ const styles$c = i$5`
1787
1806
  :host {
1788
1807
  --_heading-text-align: left;
1789
1808
  display: inline-block;
@@ -1887,16 +1906,15 @@ const styles$c = i$4`
1887
1906
  }
1888
1907
  `;
1889
1908
  var __defProp$c = Object.defineProperty;
1890
- var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
1891
- var __decorateClass$c = (decorators, target, key, kind) => {
1892
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
1893
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1894
- if (decorator = decorators[i3])
1895
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1896
- if (kind && result) __defProp$c(target, key, result);
1909
+ var __decorateClass$f = (decorators, target, key, kind) => {
1910
+ var result = void 0;
1911
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1912
+ if (decorator = decorators[i4])
1913
+ result = decorator(target, key, result) || result;
1914
+ if (result) __defProp$c(target, key, result);
1897
1915
  return result;
1898
1916
  };
1899
- let SDSHeading = class extends i$1 {
1917
+ const _SDSHeadingComponent = class _SDSHeadingComponent extends i$2 {
1900
1918
  constructor() {
1901
1919
  super(...arguments);
1902
1920
  this.level = "h1";
@@ -1929,17 +1947,28 @@ let SDSHeading = class extends i$1 {
1929
1947
  }
1930
1948
  }
1931
1949
  };
1932
- SDSHeading.styles = [styles$c];
1933
- __decorateClass$c([
1934
- n2({ type: String })
1935
- ], SDSHeading.prototype, "level", 2);
1936
- __decorateClass$c([
1937
- n2({ type: String })
1938
- ], SDSHeading.prototype, "as", 2);
1939
- SDSHeading = __decorateClass$c([
1950
+ _SDSHeadingComponent.styles = [styles$c];
1951
+ let SDSHeadingComponent = _SDSHeadingComponent;
1952
+ __decorateClass$f([
1953
+ n$2({ type: String })
1954
+ ], SDSHeadingComponent.prototype, "level");
1955
+ __decorateClass$f([
1956
+ n$2({ type: String })
1957
+ ], SDSHeadingComponent.prototype, "as");
1958
+ var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
1959
+ var __decorateClass$e = (decorators, target, key, kind) => {
1960
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
1961
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
1962
+ if (decorator = decorators[i4])
1963
+ result = decorator(result) || result;
1964
+ return result;
1965
+ };
1966
+ let SDSHeading = class extends SDSHeadingComponent {
1967
+ };
1968
+ SDSHeading = __decorateClass$e([
1940
1969
  guardedCustomElement("sds-heading")
1941
1970
  ], SDSHeading);
1942
- const styles$b = i$4`
1971
+ const styles$b = i$5`
1943
1972
  :host {
1944
1973
  display: block;
1945
1974
  }
@@ -1970,15 +1999,15 @@ const styles$b = i$4`
1970
1999
  `;
1971
2000
  var __defProp$b = Object.defineProperty;
1972
2001
  var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
1973
- var __decorateClass$b = (decorators, target, key, kind) => {
2002
+ var __decorateClass$d = (decorators, target, key, kind) => {
1974
2003
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
1975
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
1976
- if (decorator = decorators[i3])
2004
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2005
+ if (decorator = decorators[i4])
1977
2006
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
1978
2007
  if (kind && result) __defProp$b(target, key, result);
1979
2008
  return result;
1980
2009
  };
1981
- let SDSLabel = class extends i$1 {
2010
+ let SDSLabel = class extends i$2 {
1982
2011
  constructor() {
1983
2012
  super(...arguments);
1984
2013
  this.size = "l";
@@ -1991,20 +2020,20 @@ let SDSLabel = class extends i$1 {
1991
2020
  "sds-label--s": this.size === "s"
1992
2021
  };
1993
2022
  const classes = e$1(styleClasses);
1994
- return x`<label for="${o$1(this.for)}" class=${classes}><slot></slot></label>`;
2023
+ return x`<label for="${o$2(this.for)}" class=${classes}><slot></slot></label>`;
1995
2024
  }
1996
2025
  };
1997
2026
  SDSLabel.styles = [styles$b];
1998
- __decorateClass$b([
1999
- n2({ type: String })
2027
+ __decorateClass$d([
2028
+ n$2({ type: String })
2000
2029
  ], SDSLabel.prototype, "size", 2);
2001
- __decorateClass$b([
2002
- n2({ type: String })
2030
+ __decorateClass$d([
2031
+ n$2({ type: String })
2003
2032
  ], SDSLabel.prototype, "for", 2);
2004
- SDSLabel = __decorateClass$b([
2033
+ SDSLabel = __decorateClass$d([
2005
2034
  guardedCustomElement("sds-label")
2006
2035
  ], SDSLabel);
2007
- const styles$a = i$4`
2036
+ const styles$a = i$5`
2008
2037
  :host {
2009
2038
  display: inline;
2010
2039
  }
@@ -2078,15 +2107,15 @@ const styles$a = i$4`
2078
2107
  `;
2079
2108
  var __defProp$a = Object.defineProperty;
2080
2109
  var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
2081
- var __decorateClass$a = (decorators, target, key, kind) => {
2110
+ var __decorateClass$c = (decorators, target, key, kind) => {
2082
2111
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
2083
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2084
- if (decorator = decorators[i3])
2112
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2113
+ if (decorator = decorators[i4])
2085
2114
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2086
2115
  if (kind && result) __defProp$a(target, key, result);
2087
2116
  return result;
2088
2117
  };
2089
- let SDSLink = class extends i$1 {
2118
+ let SDSLink = class extends i$2 {
2090
2119
  constructor() {
2091
2120
  super(...arguments);
2092
2121
  this.size = "m";
@@ -2099,25 +2128,25 @@ let SDSLink = class extends i$1 {
2099
2128
  "sds-link--s": this.size === "s"
2100
2129
  };
2101
2130
  const classes = e$1(styleClasses);
2102
- return x`<a href="${o$1(this.href)}" target="${o$1(this.target)}" class=${classes}
2131
+ return x`<a href="${o$2(this.href)}" target="${o$2(this.target)}" class=${classes}
2103
2132
  ><slot></slot
2104
2133
  ></a>`;
2105
2134
  }
2106
2135
  };
2107
2136
  SDSLink.styles = [styles$a];
2108
- __decorateClass$a([
2109
- n2({ type: String })
2137
+ __decorateClass$c([
2138
+ n$2({ type: String })
2110
2139
  ], SDSLink.prototype, "href", 2);
2111
- __decorateClass$a([
2112
- n2({ type: String })
2140
+ __decorateClass$c([
2141
+ n$2({ type: String })
2113
2142
  ], SDSLink.prototype, "size", 2);
2114
- __decorateClass$a([
2115
- n2({ type: String })
2143
+ __decorateClass$c([
2144
+ n$2({ type: String })
2116
2145
  ], SDSLink.prototype, "target", 2);
2117
- SDSLink = __decorateClass$a([
2146
+ SDSLink = __decorateClass$c([
2118
2147
  guardedCustomElement("sds-link")
2119
2148
  ], SDSLink);
2120
- const styles$9 = i$4`
2149
+ const styles$9 = i$5`
2121
2150
  :host {
2122
2151
  line-height: 0;
2123
2152
  }
@@ -2156,15 +2185,15 @@ const styles$9 = i$4`
2156
2185
  `;
2157
2186
  var __defProp$9 = Object.defineProperty;
2158
2187
  var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
2159
- var __decorateClass$9 = (decorators, target, key, kind) => {
2188
+ var __decorateClass$b = (decorators, target, key, kind) => {
2160
2189
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
2161
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2162
- if (decorator = decorators[i3])
2190
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2191
+ if (decorator = decorators[i4])
2163
2192
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2164
2193
  if (kind && result) __defProp$9(target, key, result);
2165
2194
  return result;
2166
2195
  };
2167
- let SDSLoader = class extends i$1 {
2196
+ let SDSLoader = class extends i$2 {
2168
2197
  constructor() {
2169
2198
  super(...arguments);
2170
2199
  this.size = "large";
@@ -2180,16 +2209,16 @@ let SDSLoader = class extends i$1 {
2180
2209
  }
2181
2210
  };
2182
2211
  SDSLoader.styles = [styles$9];
2183
- __decorateClass$9([
2184
- n2({ type: String, reflect: true })
2212
+ __decorateClass$b([
2213
+ n$2({ type: String, reflect: true })
2185
2214
  ], SDSLoader.prototype, "size", 2);
2186
- __decorateClass$9([
2187
- n2({ type: String, reflect: true })
2215
+ __decorateClass$b([
2216
+ n$2({ type: String, reflect: true })
2188
2217
  ], SDSLoader.prototype, "color", 2);
2189
- SDSLoader = __decorateClass$9([
2218
+ SDSLoader = __decorateClass$b([
2190
2219
  guardedCustomElement("sds-loader")
2191
2220
  ], SDSLoader);
2192
- const styles$8 = i$4`
2221
+ const styles$8 = i$5`
2193
2222
  :host {
2194
2223
  display: block;
2195
2224
  box-sizing: border-box;
@@ -2339,15 +2368,15 @@ const styles$8 = i$4`
2339
2368
  `;
2340
2369
  var __defProp$8 = Object.defineProperty;
2341
2370
  var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
2342
- var __decorateClass$8 = (decorators, target, key, kind) => {
2371
+ var __decorateClass$a = (decorators, target, key, kind) => {
2343
2372
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
2344
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2345
- if (decorator = decorators[i3])
2373
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2374
+ if (decorator = decorators[i4])
2346
2375
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2347
2376
  if (kind && result) __defProp$8(target, key, result);
2348
2377
  return result;
2349
2378
  };
2350
- let SDSNavCard = class extends i$1 {
2379
+ let SDSNavCard = class extends i$2 {
2351
2380
  constructor() {
2352
2381
  super(...arguments);
2353
2382
  this.size = "large";
@@ -2411,28 +2440,54 @@ let SDSNavCard = class extends i$1 {
2411
2440
  }
2412
2441
  };
2413
2442
  SDSNavCard.styles = [styles$8];
2414
- __decorateClass$8([
2415
- n2({ type: String, reflect: true })
2443
+ __decorateClass$a([
2444
+ n$2({ type: String, reflect: true })
2416
2445
  ], SDSNavCard.prototype, "size", 2);
2417
- __decorateClass$8([
2418
- n2({ type: String, reflect: true })
2446
+ __decorateClass$a([
2447
+ n$2({ type: String, reflect: true })
2419
2448
  ], SDSNavCard.prototype, "heading", 2);
2420
- __decorateClass$8([
2421
- n2({ type: String, reflect: true })
2449
+ __decorateClass$a([
2450
+ n$2({ type: String, reflect: true })
2422
2451
  ], SDSNavCard.prototype, "level", 2);
2423
- __decorateClass$8([
2424
- n2({ type: String, reflect: true })
2452
+ __decorateClass$a([
2453
+ n$2({ type: String, reflect: true })
2425
2454
  ], SDSNavCard.prototype, "link", 2);
2426
- __decorateClass$8([
2427
- r()
2455
+ __decorateClass$a([
2456
+ r$1()
2428
2457
  ], SDSNavCard.prototype, "hasIcon", 2);
2429
- __decorateClass$8([
2430
- e$3("slot")
2458
+ __decorateClass$a([
2459
+ e$4("slot")
2431
2460
  ], SDSNavCard.prototype, "iconSlot", 2);
2432
- SDSNavCard = __decorateClass$8([
2461
+ SDSNavCard = __decorateClass$a([
2433
2462
  guardedCustomElement("sds-nav-card")
2434
2463
  ], SDSNavCard);
2435
- const styles$7 = i$4`
2464
+ /**
2465
+ * @license
2466
+ * Copyright 2020 Google LLC
2467
+ * SPDX-License-Identifier: BSD-3-Clause
2468
+ */
2469
+ const a = Symbol.for(""), o = (t2) => {
2470
+ if (t2?.r === a) return t2?._$litStatic$;
2471
+ }, i3 = (t2, ...r2) => ({ _$litStatic$: r2.reduce((r3, e2, a2) => r3 + ((t3) => {
2472
+ if (void 0 !== t3._$litStatic$) return t3._$litStatic$;
2473
+ throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t3}. Use 'unsafeStatic' to pass non-literal values, but
2474
+ take care to ensure page security.`);
2475
+ })(e2) + t2[a2 + 1], t2[0]), r: a }), l = /* @__PURE__ */ new Map(), n2 = (t2) => (r2, ...e2) => {
2476
+ const a2 = e2.length;
2477
+ let s2, i4;
2478
+ const n3 = [], u2 = [];
2479
+ let c2, $2 = 0, f2 = false;
2480
+ for (; $2 < a2; ) {
2481
+ for (c2 = r2[$2]; $2 < a2 && void 0 !== (i4 = e2[$2], s2 = o(i4)); ) c2 += s2 + r2[++$2], f2 = true;
2482
+ $2 !== a2 && u2.push(i4), n3.push(c2), $2++;
2483
+ }
2484
+ if ($2 === a2 && n3.push(r2[a2]), f2) {
2485
+ const t3 = n3.join("$$lit$$");
2486
+ void 0 === (r2 = l.get(t3)) && (n3.raw = n3, l.set(t3, r2 = n3)), e2 = u2;
2487
+ }
2488
+ return t2(r2, ...e2);
2489
+ }, u = n2(x);
2490
+ const styles$7 = i$5`
2436
2491
  :host {
2437
2492
  display: block;
2438
2493
  box-sizing: border-box;
@@ -2591,13 +2646,12 @@ const styles$7 = i$4`
2591
2646
  }
2592
2647
  `;
2593
2648
  var __defProp$7 = Object.defineProperty;
2594
- var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
2595
- var __decorateClass$7 = (decorators, target, key, kind) => {
2596
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
2597
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2598
- if (decorator = decorators[i3])
2599
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2600
- if (kind && result) __defProp$7(target, key, result);
2649
+ var __decorateClass$9 = (decorators, target, key, kind) => {
2650
+ var result = void 0;
2651
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2652
+ if (decorator = decorators[i4])
2653
+ result = decorator(target, key, result) || result;
2654
+ if (result) __defProp$7(target, key, result);
2601
2655
  return result;
2602
2656
  };
2603
2657
  const notificationIcons = {
@@ -2607,9 +2661,10 @@ const notificationIcons = {
2607
2661
  warning: "warning-material-filled",
2608
2662
  critical: "dangerous-material-filled"
2609
2663
  };
2610
- let SDSNotification = class extends i$1 {
2664
+ const _SDSNotificationComponent = class _SDSNotificationComponent extends i$2 {
2611
2665
  constructor() {
2612
2666
  super(...arguments);
2667
+ this.iconTag = i3`sds-icon`;
2613
2668
  this.variant = "info";
2614
2669
  this._remove = () => {
2615
2670
  this.dispatchEvent(
@@ -2619,6 +2674,9 @@ let SDSNotification = class extends i$1 {
2619
2674
  })
2620
2675
  );
2621
2676
  };
2677
+ this._renderIcon = (iconName, size, cls) => {
2678
+ return u`<${this.iconTag} ${cls ? `class=${cls}` : ""} name="${iconName}" size=${size}></${this.iconTag}>`;
2679
+ };
2622
2680
  }
2623
2681
  render() {
2624
2682
  const notificationClasses = {
@@ -2627,7 +2685,8 @@ let SDSNotification = class extends i$1 {
2627
2685
  };
2628
2686
  return x`<div class="${e$1(notificationClasses)}">
2629
2687
  <div class="sds-notification__type">
2630
- <sds-icon class="sds-notification__icon" name="${notificationIcons[this.variant]}" size="m"></sds-icon>
2688
+ <!-- ${u`<${this.iconTag}>Wow</${this.iconTag}>`} -->
2689
+ ${this._renderIcon(notificationIcons[this.variant], "m", "sds-notification__icon")}
2631
2690
  </div>
2632
2691
  <div class="sds-notification__content">
2633
2692
  <div class="sds-notification__content-text">
@@ -2639,23 +2698,34 @@ let SDSNotification = class extends i$1 {
2639
2698
  @click=${this._remove}
2640
2699
  aria-label="${this.removableLabel}"
2641
2700
  >
2642
- <sds-icon name="close-material-outlined" size="s"></sds-icon>
2701
+ ${this._renderIcon("close-material-outlined", "s")}
2643
2702
  </button>` : E}
2644
2703
  </div>
2645
2704
  </div>`;
2646
2705
  }
2647
2706
  };
2648
- SDSNotification.styles = [styles$7];
2649
- __decorateClass$7([
2650
- n2({ type: String, reflect: true })
2651
- ], SDSNotification.prototype, "variant", 2);
2652
- __decorateClass$7([
2653
- n2({ type: String, attribute: "removable-label", reflect: true })
2654
- ], SDSNotification.prototype, "removableLabel", 2);
2655
- SDSNotification = __decorateClass$7([
2707
+ _SDSNotificationComponent.styles = [styles$7];
2708
+ let SDSNotificationComponent = _SDSNotificationComponent;
2709
+ __decorateClass$9([
2710
+ n$2({ type: String, reflect: true })
2711
+ ], SDSNotificationComponent.prototype, "variant");
2712
+ __decorateClass$9([
2713
+ n$2({ type: String, attribute: "removable-label", reflect: true })
2714
+ ], SDSNotificationComponent.prototype, "removableLabel");
2715
+ var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
2716
+ var __decorateClass$8 = (decorators, target, key, kind) => {
2717
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
2718
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2719
+ if (decorator = decorators[i4])
2720
+ result = decorator(result) || result;
2721
+ return result;
2722
+ };
2723
+ let SDSNotification = class extends SDSNotificationComponent {
2724
+ };
2725
+ SDSNotification = __decorateClass$8([
2656
2726
  guardedCustomElement("sds-notification")
2657
2727
  ], SDSNotification);
2658
- const styles$6 = i$4`
2728
+ const styles$6 = i$5`
2659
2729
  :host {
2660
2730
  display: block;
2661
2731
  }
@@ -2691,16 +2761,15 @@ const styles$6 = i$4`
2691
2761
  }
2692
2762
  `;
2693
2763
  var __defProp$6 = Object.defineProperty;
2694
- var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
2695
- var __decorateClass$6 = (decorators, target, key, kind) => {
2696
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
2697
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2698
- if (decorator = decorators[i3])
2699
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2700
- if (kind && result) __defProp$6(target, key, result);
2764
+ var __decorateClass$7 = (decorators, target, key, kind) => {
2765
+ var result = void 0;
2766
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2767
+ if (decorator = decorators[i4])
2768
+ result = decorator(target, key, result) || result;
2769
+ if (result) __defProp$6(target, key, result);
2701
2770
  return result;
2702
2771
  };
2703
- let SDSParagraph = class extends i$1 {
2772
+ const _SDSParagraphComponent = class _SDSParagraphComponent extends i$2 {
2704
2773
  constructor() {
2705
2774
  super(...arguments);
2706
2775
  this.size = "xl";
@@ -2716,14 +2785,25 @@ let SDSParagraph = class extends i$1 {
2716
2785
  return x`<p class=${classes}><slot></slot></p>`;
2717
2786
  }
2718
2787
  };
2719
- SDSParagraph.styles = [styles$6];
2720
- __decorateClass$6([
2721
- n2({ type: String })
2722
- ], SDSParagraph.prototype, "size", 2);
2788
+ _SDSParagraphComponent.styles = [styles$6];
2789
+ let SDSParagraphComponent = _SDSParagraphComponent;
2790
+ __decorateClass$7([
2791
+ n$2({ type: String })
2792
+ ], SDSParagraphComponent.prototype, "size");
2793
+ var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
2794
+ var __decorateClass$6 = (decorators, target, key, kind) => {
2795
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
2796
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2797
+ if (decorator = decorators[i4])
2798
+ result = decorator(result) || result;
2799
+ return result;
2800
+ };
2801
+ let SDSParagraph = class extends SDSParagraphComponent {
2802
+ };
2723
2803
  SDSParagraph = __decorateClass$6([
2724
2804
  guardedCustomElement("sds-paragraph")
2725
2805
  ], SDSParagraph);
2726
- const styles$5 = i$4`
2806
+ const styles$5 = i$5`
2727
2807
  :host {
2728
2808
  flex: 0 0 auto;
2729
2809
  }
@@ -2835,13 +2915,13 @@ var __defProp$5 = Object.defineProperty;
2835
2915
  var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
2836
2916
  var __decorateClass$5 = (decorators, target, key, kind) => {
2837
2917
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
2838
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
2839
- if (decorator = decorators[i3])
2918
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
2919
+ if (decorator = decorators[i4])
2840
2920
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
2841
2921
  if (kind && result) __defProp$5(target, key, result);
2842
2922
  return result;
2843
2923
  };
2844
- let SDSRadio = class extends i$1 {
2924
+ let SDSRadio = class extends i$2 {
2845
2925
  constructor() {
2846
2926
  super();
2847
2927
  this.disabled = false;
@@ -3036,8 +3116,8 @@ let SDSRadio = class extends i$1 {
3036
3116
  <input
3037
3117
  id="control"
3038
3118
  type="radio"
3039
- name="${o$1(this.name)}"
3040
- value="${o$1(this.value)}"
3119
+ name="${o$2(this.name)}"
3120
+ value="${o$2(this.value)}"
3041
3121
  .checked="${this.checked}"
3042
3122
  ?checked="${this.checked}"
3043
3123
  ?disabled="${this.disabled}"
@@ -3056,36 +3136,36 @@ let SDSRadio = class extends i$1 {
3056
3136
  SDSRadio.styles = [styles$5];
3057
3137
  SDSRadio.formAssociated = true;
3058
3138
  __decorateClass$5([
3059
- n2({ type: Boolean, reflect: true })
3139
+ n$2({ type: Boolean, reflect: true })
3060
3140
  ], SDSRadio.prototype, "disabled", 2);
3061
3141
  __decorateClass$5([
3062
- n2({ type: Boolean, reflect: true })
3142
+ n$2({ type: Boolean, reflect: true })
3063
3143
  ], SDSRadio.prototype, "required", 2);
3064
3144
  __decorateClass$5([
3065
- n2({ type: String, reflect: true })
3145
+ n$2({ type: String, reflect: true })
3066
3146
  ], SDSRadio.prototype, "label", 2);
3067
3147
  __decorateClass$5([
3068
- n2({ type: Boolean, reflect: true, attribute: "hide-label" })
3148
+ n$2({ type: Boolean, reflect: true, attribute: "hide-label" })
3069
3149
  ], SDSRadio.prototype, "hideLabel", 2);
3070
3150
  __decorateClass$5([
3071
- n2({ type: String, reflect: true })
3151
+ n$2({ type: String, reflect: true })
3072
3152
  ], SDSRadio.prototype, "name", 2);
3073
3153
  __decorateClass$5([
3074
- n2({ type: String })
3154
+ n$2({ type: String })
3075
3155
  ], SDSRadio.prototype, "value", 2);
3076
3156
  __decorateClass$5([
3077
- n2({ type: Boolean, reflect: true })
3157
+ n$2({ type: Boolean, reflect: true })
3078
3158
  ], SDSRadio.prototype, "checked", 2);
3079
3159
  __decorateClass$5([
3080
- n2({ type: Boolean, reflect: true })
3160
+ n$2({ type: Boolean, reflect: true })
3081
3161
  ], SDSRadio.prototype, "error", 2);
3082
3162
  __decorateClass$5([
3083
- e$3("#control")
3163
+ e$4("#control")
3084
3164
  ], SDSRadio.prototype, "control", 2);
3085
3165
  SDSRadio = __decorateClass$5([
3086
3166
  guardedCustomElement("sds-radio")
3087
3167
  ], SDSRadio);
3088
- const styles$4 = i$4`
3168
+ const styles$4 = i$5`
3089
3169
  .sds-radio-group {
3090
3170
  border: 0;
3091
3171
  margin: 0;
@@ -3134,13 +3214,13 @@ var __defProp$4 = Object.defineProperty;
3134
3214
  var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
3135
3215
  var __decorateClass$4 = (decorators, target, key, kind) => {
3136
3216
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
3137
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
3138
- if (decorator = decorators[i3])
3217
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
3218
+ if (decorator = decorators[i4])
3139
3219
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
3140
3220
  if (kind && result) __defProp$4(target, key, result);
3141
3221
  return result;
3142
3222
  };
3143
- let SDSRadioGroup = class extends i$1 {
3223
+ let SDSRadioGroup = class extends i$2 {
3144
3224
  constructor() {
3145
3225
  super(...arguments);
3146
3226
  this._selectedValue = null;
@@ -3175,21 +3255,21 @@ let SDSRadioGroup = class extends i$1 {
3175
3255
  };
3176
3256
  SDSRadioGroup.styles = [styles$4];
3177
3257
  __decorateClass$4([
3178
- n2({ type: String })
3258
+ n$2({ type: String })
3179
3259
  ], SDSRadioGroup.prototype, "legend", 2);
3180
3260
  __decorateClass$4([
3181
- n2({ type: String, attribute: "help-text" })
3261
+ n$2({ type: String, attribute: "help-text" })
3182
3262
  ], SDSRadioGroup.prototype, "helpText", 2);
3183
3263
  __decorateClass$4([
3184
- n2({ type: String, attribute: "error-message" })
3264
+ n$2({ type: String, attribute: "error-message" })
3185
3265
  ], SDSRadioGroup.prototype, "errorMessage", 2);
3186
3266
  __decorateClass$4([
3187
- r()
3267
+ r$1()
3188
3268
  ], SDSRadioGroup.prototype, "_selectedValue", 2);
3189
3269
  SDSRadioGroup = __decorateClass$4([
3190
3270
  guardedCustomElement("sds-radio-group")
3191
3271
  ], SDSRadioGroup);
3192
- const styles$3 = i$4`
3272
+ const styles$3 = i$5`
3193
3273
  :host {
3194
3274
  display: inline-flex;
3195
3275
  contain: layout style;
@@ -3316,13 +3396,13 @@ var __defProp$3 = Object.defineProperty;
3316
3396
  var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
3317
3397
  var __decorateClass$3 = (decorators, target, key, kind) => {
3318
3398
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
3319
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
3320
- if (decorator = decorators[i3])
3399
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
3400
+ if (decorator = decorators[i4])
3321
3401
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
3322
3402
  if (kind && result) __defProp$3(target, key, result);
3323
3403
  return result;
3324
3404
  };
3325
- let SDSSwitch = class extends i$1 {
3405
+ let SDSSwitch = class extends i$2 {
3326
3406
  constructor() {
3327
3407
  super();
3328
3408
  this.disabled = false;
@@ -3409,7 +3489,7 @@ let SDSSwitch = class extends i$1 {
3409
3489
  role="switch"
3410
3490
  ?checked="${this.checked}"
3411
3491
  .checked="${this.checked}"
3412
- name="${o$1(this.name)}"
3492
+ name="${o$2(this.name)}"
3413
3493
  @change="${this._handleChange}"
3414
3494
  @focus="${this._handleFocus}"
3415
3495
  @blur="${this._handleBlur}"
@@ -3423,33 +3503,33 @@ let SDSSwitch = class extends i$1 {
3423
3503
  SDSSwitch.styles = [styles$3];
3424
3504
  SDSSwitch.formAssociated = true;
3425
3505
  __decorateClass$3([
3426
- n2({ type: Boolean, reflect: true })
3506
+ n$2({ type: Boolean, reflect: true })
3427
3507
  ], SDSSwitch.prototype, "disabled", 2);
3428
3508
  __decorateClass$3([
3429
- n2({ type: String, reflect: true })
3509
+ n$2({ type: String, reflect: true })
3430
3510
  ], SDSSwitch.prototype, "label", 2);
3431
3511
  __decorateClass$3([
3432
- n2({ type: Boolean, reflect: true, attribute: "hide-label" })
3512
+ n$2({ type: Boolean, reflect: true, attribute: "hide-label" })
3433
3513
  ], SDSSwitch.prototype, "hideLabel", 2);
3434
3514
  __decorateClass$3([
3435
- n2({ type: String, reflect: true })
3515
+ n$2({ type: String, reflect: true })
3436
3516
  ], SDSSwitch.prototype, "name", 2);
3437
3517
  __decorateClass$3([
3438
- n2({ type: Boolean, reflect: true })
3518
+ n$2({ type: Boolean, reflect: true })
3439
3519
  ], SDSSwitch.prototype, "reverse", 2);
3440
3520
  __decorateClass$3([
3441
- n2({ type: Boolean, reflect: true })
3521
+ n$2({ type: Boolean, reflect: true })
3442
3522
  ], SDSSwitch.prototype, "checked", 2);
3443
3523
  __decorateClass$3([
3444
- n2({ type: String, reflect: true })
3524
+ n$2({ type: String, reflect: true })
3445
3525
  ], SDSSwitch.prototype, "size", 2);
3446
3526
  __decorateClass$3([
3447
- e$3("#control")
3527
+ e$4("#control")
3448
3528
  ], SDSSwitch.prototype, "control", 2);
3449
3529
  SDSSwitch = __decorateClass$3([
3450
3530
  guardedCustomElement("sds-switch")
3451
3531
  ], SDSSwitch);
3452
- const styles$2 = i$4`
3532
+ const styles$2 = i$5`
3453
3533
  :host {
3454
3534
  display: block;
3455
3535
  }
@@ -3482,13 +3562,13 @@ var __defProp$2 = Object.defineProperty;
3482
3562
  var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
3483
3563
  var __decorateClass$2 = (decorators, target, key, kind) => {
3484
3564
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
3485
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
3486
- if (decorator = decorators[i3])
3565
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
3566
+ if (decorator = decorators[i4])
3487
3567
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
3488
3568
  if (kind && result) __defProp$2(target, key, result);
3489
3569
  return result;
3490
3570
  };
3491
- let SDSText = class extends i$1 {
3571
+ let SDSText = class extends i$2 {
3492
3572
  constructor() {
3493
3573
  super(...arguments);
3494
3574
  this.size = "l";
@@ -3506,12 +3586,12 @@ let SDSText = class extends i$1 {
3506
3586
  };
3507
3587
  SDSText.styles = [styles$2];
3508
3588
  __decorateClass$2([
3509
- n2({ type: String })
3589
+ n$2({ type: String })
3510
3590
  ], SDSText.prototype, "size", 2);
3511
3591
  SDSText = __decorateClass$2([
3512
3592
  guardedCustomElement("sds-text")
3513
3593
  ], SDSText);
3514
- const styles$1 = i$4`
3594
+ const styles$1 = i$5`
3515
3595
  :host {
3516
3596
  all: unset;
3517
3597
  display: block;
@@ -3631,13 +3711,13 @@ var __defProp$1 = Object.defineProperty;
3631
3711
  var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
3632
3712
  var __decorateClass$1 = (decorators, target, key, kind) => {
3633
3713
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
3634
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
3635
- if (decorator = decorators[i3])
3714
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
3715
+ if (decorator = decorators[i4])
3636
3716
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
3637
3717
  if (kind && result) __defProp$1(target, key, result);
3638
3718
  return result;
3639
3719
  };
3640
- let SDSTextArea = class extends i$1 {
3720
+ let SDSTextArea = class extends i$2 {
3641
3721
  constructor() {
3642
3722
  super();
3643
3723
  this.disabled = false;
@@ -3763,16 +3843,16 @@ let SDSTextArea = class extends i$1 {
3763
3843
  id="sds-textarea"
3764
3844
  ?disabled="${this.disabled}"
3765
3845
  ?readonly="${this.readOnly}"
3766
- placeholder="${o$1(this.placeholder)}"
3846
+ placeholder="${o$2(this.placeholder)}"
3767
3847
  .value="${this.value ?? ""}"
3768
3848
  .autocomplete="${this.autocomplete}"
3769
- name="${o$1(this.name)}"
3849
+ name="${o$2(this.name)}"
3770
3850
  ?required="${this.required}"
3771
- rows="${o$1(this.rows)}"
3772
- cols="${o$1(this.cols)}"
3773
- wrap="${o$1(this.wrap)}"
3774
- minlength="${o$1(this.minlength)}"
3775
- maxlength="${o$1(this.maxlength)}"
3851
+ rows="${o$2(this.rows)}"
3852
+ cols="${o$2(this.cols)}"
3853
+ wrap="${o$2(this.wrap)}"
3854
+ minlength="${o$2(this.minlength)}"
3855
+ maxlength="${o$2(this.maxlength)}"
3776
3856
  @input="${this._handleInputChange}"
3777
3857
  @change="${this._handleInputChange}"
3778
3858
  @select="${this._handleSelect}"
@@ -3796,60 +3876,60 @@ let SDSTextArea = class extends i$1 {
3796
3876
  SDSTextArea.styles = [styles$1];
3797
3877
  SDSTextArea.formAssociated = true;
3798
3878
  __decorateClass$1([
3799
- n2({ type: String })
3879
+ n$2({ type: String })
3800
3880
  ], SDSTextArea.prototype, "value", 2);
3801
3881
  __decorateClass$1([
3802
- n2({ type: String, reflect: true })
3882
+ n$2({ type: String, reflect: true })
3803
3883
  ], SDSTextArea.prototype, "name", 2);
3804
3884
  __decorateClass$1([
3805
- n2({ type: String, reflect: true })
3885
+ n$2({ type: String, reflect: true })
3806
3886
  ], SDSTextArea.prototype, "label", 2);
3807
3887
  __decorateClass$1([
3808
- n2({ type: String, reflect: true })
3888
+ n$2({ type: String, reflect: true })
3809
3889
  ], SDSTextArea.prototype, "placeholder", 2);
3810
3890
  __decorateClass$1([
3811
- n2({ type: String, attribute: "help-text", reflect: true })
3891
+ n$2({ type: String, attribute: "help-text", reflect: true })
3812
3892
  ], SDSTextArea.prototype, "helpText", 2);
3813
3893
  __decorateClass$1([
3814
- n2({ type: String, attribute: "error-message", reflect: true })
3894
+ n$2({ type: String, attribute: "error-message", reflect: true })
3815
3895
  ], SDSTextArea.prototype, "errorMessage", 2);
3816
3896
  __decorateClass$1([
3817
- n2({ type: Boolean, reflect: true })
3897
+ n$2({ type: Boolean, reflect: true })
3818
3898
  ], SDSTextArea.prototype, "disabled", 2);
3819
3899
  __decorateClass$1([
3820
- n2({ type: Boolean, attribute: "readonly", reflect: true })
3900
+ n$2({ type: Boolean, attribute: "readonly", reflect: true })
3821
3901
  ], SDSTextArea.prototype, "readOnly", 2);
3822
3902
  __decorateClass$1([
3823
- n2({ type: String, reflect: true })
3903
+ n$2({ type: String, reflect: true })
3824
3904
  ], SDSTextArea.prototype, "autocomplete", 2);
3825
3905
  __decorateClass$1([
3826
- n2({ type: Boolean, reflect: true })
3906
+ n$2({ type: Boolean, reflect: true })
3827
3907
  ], SDSTextArea.prototype, "required", 2);
3828
3908
  __decorateClass$1([
3829
- n2({ type: Number, reflect: true })
3909
+ n$2({ type: Number, reflect: true })
3830
3910
  ], SDSTextArea.prototype, "rows", 2);
3831
3911
  __decorateClass$1([
3832
- n2({ type: Number, reflect: true })
3912
+ n$2({ type: Number, reflect: true })
3833
3913
  ], SDSTextArea.prototype, "cols", 2);
3834
3914
  __decorateClass$1([
3835
- n2({ type: String, reflect: true })
3915
+ n$2({ type: String, reflect: true })
3836
3916
  ], SDSTextArea.prototype, "wrap", 2);
3837
3917
  __decorateClass$1([
3838
- n2({ type: Number, reflect: true })
3918
+ n$2({ type: Number, reflect: true })
3839
3919
  ], SDSTextArea.prototype, "minlength", 2);
3840
3920
  __decorateClass$1([
3841
- n2({ type: Number, reflect: true })
3921
+ n$2({ type: Number, reflect: true })
3842
3922
  ], SDSTextArea.prototype, "maxlength", 2);
3843
3923
  __decorateClass$1([
3844
- n2({ type: Number, reflect: true })
3924
+ n$2({ type: Number, reflect: true })
3845
3925
  ], SDSTextArea.prototype, "counter", 2);
3846
3926
  __decorateClass$1([
3847
- e$3("#sds-textarea")
3927
+ e$4("#sds-textarea")
3848
3928
  ], SDSTextArea.prototype, "control", 2);
3849
3929
  SDSTextArea = __decorateClass$1([
3850
3930
  guardedCustomElement("sds-textarea")
3851
3931
  ], SDSTextArea);
3852
- const styles = i$4`
3932
+ const styles = i$5`
3853
3933
  :host {
3854
3934
  all: unset;
3855
3935
  display: block;
@@ -3967,13 +4047,13 @@ var __defProp = Object.defineProperty;
3967
4047
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3968
4048
  var __decorateClass = (decorators, target, key, kind) => {
3969
4049
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
3970
- for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
3971
- if (decorator = decorators[i3])
4050
+ for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
4051
+ if (decorator = decorators[i4])
3972
4052
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
3973
4053
  if (kind && result) __defProp(target, key, result);
3974
4054
  return result;
3975
4055
  };
3976
- let SDSTextField = class extends i$1 {
4056
+ let SDSTextField = class extends i$2 {
3977
4057
  constructor() {
3978
4058
  super();
3979
4059
  this.type = "text";
@@ -4093,14 +4173,14 @@ let SDSTextField = class extends i$1 {
4093
4173
  id="sds-textfield"
4094
4174
  ?disabled="${this.disabled}"
4095
4175
  ?readonly="${this.readOnly}"
4096
- placeholder="${o$1(this.placeholder)}"
4176
+ placeholder="${o$2(this.placeholder)}"
4097
4177
  .value="${this.value ?? ""}"
4098
- name="${o$1(this.name)}"
4099
- autocomplete="${o$1(this.autocomplete)}"
4178
+ name="${o$2(this.name)}"
4179
+ autocomplete="${o$2(this.autocomplete)}"
4100
4180
  ?required="${this.required}"
4101
- pattern="${o$1(this.pattern)}"
4102
- minlength="${o$1(this.minlength)}"
4103
- maxlength="${o$1(this.maxlength)}"
4181
+ pattern="${o$2(this.pattern)}"
4182
+ minlength="${o$2(this.minlength)}"
4183
+ maxlength="${o$2(this.maxlength)}"
4104
4184
  @input="${this._handleInputChange}"
4105
4185
  @change="${this._handleInputChange}"
4106
4186
  @select="${this._handleSelect}"
@@ -4117,52 +4197,52 @@ let SDSTextField = class extends i$1 {
4117
4197
  SDSTextField.styles = [styles];
4118
4198
  SDSTextField.formAssociated = true;
4119
4199
  __decorateClass([
4120
- n2({ type: String, reflect: true })
4200
+ n$2({ type: String, reflect: true })
4121
4201
  ], SDSTextField.prototype, "type", 2);
4122
4202
  __decorateClass([
4123
- n2({ type: String })
4203
+ n$2({ type: String })
4124
4204
  ], SDSTextField.prototype, "value", 2);
4125
4205
  __decorateClass([
4126
- n2({ type: String, reflect: true })
4206
+ n$2({ type: String, reflect: true })
4127
4207
  ], SDSTextField.prototype, "name", 2);
4128
4208
  __decorateClass([
4129
- n2({ type: String, reflect: true })
4209
+ n$2({ type: String, reflect: true })
4130
4210
  ], SDSTextField.prototype, "label", 2);
4131
4211
  __decorateClass([
4132
- n2({ type: String, reflect: true })
4212
+ n$2({ type: String, reflect: true })
4133
4213
  ], SDSTextField.prototype, "placeholder", 2);
4134
4214
  __decorateClass([
4135
- n2({ type: String, attribute: "help-text", reflect: true })
4215
+ n$2({ type: String, attribute: "help-text", reflect: true })
4136
4216
  ], SDSTextField.prototype, "helpText", 2);
4137
4217
  __decorateClass([
4138
- n2({ type: String, attribute: "error-message", reflect: true })
4218
+ n$2({ type: String, attribute: "error-message", reflect: true })
4139
4219
  ], SDSTextField.prototype, "errorMessage", 2);
4140
4220
  __decorateClass([
4141
- n2({ type: Boolean, reflect: true })
4221
+ n$2({ type: Boolean, reflect: true })
4142
4222
  ], SDSTextField.prototype, "disabled", 2);
4143
4223
  __decorateClass([
4144
- n2({ type: Boolean, attribute: "readonly", reflect: true })
4224
+ n$2({ type: Boolean, attribute: "readonly", reflect: true })
4145
4225
  ], SDSTextField.prototype, "readOnly", 2);
4146
4226
  __decorateClass([
4147
- n2({ type: String, reflect: true })
4227
+ n$2({ type: String, reflect: true })
4148
4228
  ], SDSTextField.prototype, "autocomplete", 2);
4149
4229
  __decorateClass([
4150
- n2({ type: Boolean, reflect: true })
4230
+ n$2({ type: Boolean, reflect: true })
4151
4231
  ], SDSTextField.prototype, "required", 2);
4152
4232
  __decorateClass([
4153
- n2({ type: String, reflect: true })
4233
+ n$2({ type: String, reflect: true })
4154
4234
  ], SDSTextField.prototype, "pattern", 2);
4155
4235
  __decorateClass([
4156
- n2({ type: Number, reflect: true })
4236
+ n$2({ type: Number, reflect: true })
4157
4237
  ], SDSTextField.prototype, "minlength", 2);
4158
4238
  __decorateClass([
4159
- n2({ type: Number, reflect: true })
4239
+ n$2({ type: Number, reflect: true })
4160
4240
  ], SDSTextField.prototype, "maxlength", 2);
4161
4241
  __decorateClass([
4162
- r()
4242
+ r$1()
4163
4243
  ], SDSTextField.prototype, "hasIcon", 2);
4164
4244
  __decorateClass([
4165
- e$3("#sds-textfield")
4245
+ e$4("#sds-textfield")
4166
4246
  ], SDSTextField.prototype, "control", 2);
4167
4247
  SDSTextField = __decorateClass([
4168
4248
  guardedCustomElement("sds-textfield")