@nysds/nys-textinput 1.2.0 → 1.3.0
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.
- package/dist/nys-textinput.js +462 -431
- package/dist/nys-textinput.js.map +1 -1
- package/package.json +7 -7
package/dist/nys-textinput.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css as qt, LitElement as jt, html as
|
|
1
|
+
import { css as qt, LitElement as jt, html as x } from "lit";
|
|
2
2
|
import "@nysds/nys-icon";
|
|
3
3
|
import "@nysds/nys-label";
|
|
4
4
|
import "@nysds/nys-errormessage";
|
|
@@ -17,8 +17,8 @@ import "@nysds/nys-errormessage";
|
|
|
17
17
|
* Copyright 2019 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
19
|
*/
|
|
20
|
-
const Q = globalThis,
|
|
21
|
-
let
|
|
20
|
+
const Q = globalThis, ft = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ft = Symbol(), mt = /* @__PURE__ */ new WeakMap();
|
|
21
|
+
let ne = class {
|
|
22
22
|
constructor(t, e, s) {
|
|
23
23
|
if (this._$cssResult$ = !0, s !== Ft) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
24
24
|
this.cssText = t, this.t = e;
|
|
@@ -26,7 +26,7 @@ let oe = class {
|
|
|
26
26
|
get styleSheet() {
|
|
27
27
|
let t = this.o;
|
|
28
28
|
const e = this.t;
|
|
29
|
-
if (
|
|
29
|
+
if (ft && t === void 0) {
|
|
30
30
|
const s = e !== void 0 && e.length === 1;
|
|
31
31
|
s && (t = mt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && mt.set(e, t));
|
|
32
32
|
}
|
|
@@ -36,53 +36,53 @@ let oe = class {
|
|
|
36
36
|
return this.cssText;
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
const
|
|
40
|
-
if (
|
|
39
|
+
const re = (n) => new ne(typeof n == "string" ? n : n + "", void 0, Ft), ie = (n, t) => {
|
|
40
|
+
if (ft) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
41
41
|
else for (const e of t) {
|
|
42
|
-
const s = document.createElement("style"),
|
|
43
|
-
|
|
42
|
+
const s = document.createElement("style"), o = Q.litNonce;
|
|
43
|
+
o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
|
|
44
44
|
}
|
|
45
|
-
}, xt =
|
|
45
|
+
}, xt = ft ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
46
46
|
let e = "";
|
|
47
47
|
for (const s of t.cssRules) e += s.cssText;
|
|
48
|
-
return
|
|
49
|
-
})(
|
|
48
|
+
return re(e);
|
|
49
|
+
})(n) : n;
|
|
50
50
|
/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2017 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
54
|
*/
|
|
55
|
-
const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnPropertyNames: ce, getOwnPropertySymbols: de, getPrototypeOf: ue } = Object, I = globalThis, At = I.trustedTypes, pe = At ? At.emptyScript : "", ct = I.reactiveElementPolyfillSupport, j = (
|
|
55
|
+
const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnPropertyNames: ce, getOwnPropertySymbols: de, getPrototypeOf: ue } = Object, I = globalThis, At = I.trustedTypes, pe = At ? At.emptyScript : "", ct = I.reactiveElementPolyfillSupport, j = (n, t) => n, tt = { toAttribute(n, t) {
|
|
56
56
|
switch (t) {
|
|
57
57
|
case Boolean:
|
|
58
|
-
|
|
58
|
+
n = n ? pe : null;
|
|
59
59
|
break;
|
|
60
60
|
case Object:
|
|
61
61
|
case Array:
|
|
62
|
-
|
|
62
|
+
n = n == null ? n : JSON.stringify(n);
|
|
63
63
|
}
|
|
64
|
-
return
|
|
65
|
-
}, fromAttribute(
|
|
66
|
-
let e =
|
|
64
|
+
return n;
|
|
65
|
+
}, fromAttribute(n, t) {
|
|
66
|
+
let e = n;
|
|
67
67
|
switch (t) {
|
|
68
68
|
case Boolean:
|
|
69
|
-
e =
|
|
69
|
+
e = n !== null;
|
|
70
70
|
break;
|
|
71
71
|
case Number:
|
|
72
|
-
e =
|
|
72
|
+
e = n === null ? null : Number(n);
|
|
73
73
|
break;
|
|
74
74
|
case Object:
|
|
75
75
|
case Array:
|
|
76
76
|
try {
|
|
77
|
-
e = JSON.parse(
|
|
77
|
+
e = JSON.parse(n);
|
|
78
78
|
} catch {
|
|
79
79
|
e = null;
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
return e;
|
|
83
|
-
} }, bt = (
|
|
83
|
+
} }, bt = (n, t) => !ae(n, t), wt = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt };
|
|
84
84
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), I.litPropertyMetadata ?? (I.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
85
|
-
|
|
85
|
+
class L extends HTMLElement {
|
|
86
86
|
static addInitializer(t) {
|
|
87
87
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
|
88
88
|
}
|
|
@@ -91,21 +91,21 @@ let L = class extends HTMLElement {
|
|
|
91
91
|
}
|
|
92
92
|
static createProperty(t, e = wt) {
|
|
93
93
|
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
|
94
|
-
const s = Symbol(),
|
|
95
|
-
|
|
94
|
+
const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
|
|
95
|
+
o !== void 0 && le(this.prototype, t, o);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
static getPropertyDescriptor(t, e, s) {
|
|
99
|
-
const { get:
|
|
99
|
+
const { get: o, set: i } = he(this.prototype, t) ?? { get() {
|
|
100
100
|
return this[e];
|
|
101
|
-
}, set(
|
|
102
|
-
this[e] =
|
|
101
|
+
}, set(r) {
|
|
102
|
+
this[e] = r;
|
|
103
103
|
} };
|
|
104
104
|
return { get() {
|
|
105
|
-
return
|
|
106
|
-
}, set(
|
|
107
|
-
const l =
|
|
108
|
-
i.call(this,
|
|
105
|
+
return o == null ? void 0 : o.call(this);
|
|
106
|
+
}, set(r) {
|
|
107
|
+
const l = o == null ? void 0 : o.call(this);
|
|
108
|
+
i.call(this, r), this.requestUpdate(t, l, s);
|
|
109
109
|
}, configurable: !0, enumerable: !0 };
|
|
110
110
|
}
|
|
111
111
|
static getPropertyOptions(t) {
|
|
@@ -120,17 +120,17 @@ let L = class extends HTMLElement {
|
|
|
120
120
|
if (this.hasOwnProperty(j("finalized"))) return;
|
|
121
121
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
|
|
122
122
|
const e = this.properties, s = [...ce(e), ...de(e)];
|
|
123
|
-
for (const
|
|
123
|
+
for (const o of s) this.createProperty(o, e[o]);
|
|
124
124
|
}
|
|
125
125
|
const t = this[Symbol.metadata];
|
|
126
126
|
if (t !== null) {
|
|
127
127
|
const e = litPropertyMetadata.get(t);
|
|
128
|
-
if (e !== void 0) for (const [s,
|
|
128
|
+
if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
|
|
129
129
|
}
|
|
130
130
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
131
131
|
for (const [e, s] of this.elementProperties) {
|
|
132
|
-
const
|
|
133
|
-
|
|
132
|
+
const o = this._$Eu(e, s);
|
|
133
|
+
o !== void 0 && this._$Eh.set(o, e);
|
|
134
134
|
}
|
|
135
135
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
136
136
|
}
|
|
@@ -138,7 +138,7 @@ let L = class extends HTMLElement {
|
|
|
138
138
|
const e = [];
|
|
139
139
|
if (Array.isArray(t)) {
|
|
140
140
|
const s = new Set(t.flat(1 / 0).reverse());
|
|
141
|
-
for (const
|
|
141
|
+
for (const o of s) e.unshift(xt(o));
|
|
142
142
|
} else t !== void 0 && e.push(xt(t));
|
|
143
143
|
return e;
|
|
144
144
|
}
|
|
@@ -191,18 +191,18 @@ let L = class extends HTMLElement {
|
|
|
191
191
|
}
|
|
192
192
|
_$EC(t, e) {
|
|
193
193
|
var i;
|
|
194
|
-
const s = this.constructor.elementProperties.get(t),
|
|
195
|
-
if (
|
|
196
|
-
const
|
|
197
|
-
this._$Em = t,
|
|
194
|
+
const s = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, s);
|
|
195
|
+
if (o !== void 0 && s.reflect === !0) {
|
|
196
|
+
const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : tt).toAttribute(e, s.type);
|
|
197
|
+
this._$Em = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
_$AK(t, e) {
|
|
201
201
|
var i;
|
|
202
|
-
const s = this.constructor,
|
|
203
|
-
if (
|
|
204
|
-
const
|
|
205
|
-
this._$Em =
|
|
202
|
+
const s = this.constructor, o = s._$Eh.get(t);
|
|
203
|
+
if (o !== void 0 && this._$Em !== o) {
|
|
204
|
+
const r = s.getPropertyOptions(o), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((i = r.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? r.converter : tt;
|
|
205
|
+
this._$Em = o, this[o] = l.fromAttribute(e, r.type), this._$Em = null;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
requestUpdate(t, e, s) {
|
|
@@ -233,21 +233,21 @@ let L = class extends HTMLElement {
|
|
|
233
233
|
if (!this.isUpdatePending) return;
|
|
234
234
|
if (!this.hasUpdated) {
|
|
235
235
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
236
|
-
for (const [i,
|
|
236
|
+
for (const [i, r] of this._$Ep) this[i] = r;
|
|
237
237
|
this._$Ep = void 0;
|
|
238
238
|
}
|
|
239
|
-
const
|
|
240
|
-
if (
|
|
239
|
+
const o = this.constructor.elementProperties;
|
|
240
|
+
if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
|
|
241
241
|
}
|
|
242
242
|
let t = !1;
|
|
243
243
|
const e = this._$AL;
|
|
244
244
|
try {
|
|
245
|
-
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((
|
|
245
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((o) => {
|
|
246
246
|
var i;
|
|
247
|
-
return (i =
|
|
247
|
+
return (i = o.hostUpdate) == null ? void 0 : i.call(o);
|
|
248
248
|
}), this.update(e)) : this._$EU();
|
|
249
|
-
} catch (
|
|
250
|
-
throw t = !1, this._$EU(),
|
|
249
|
+
} catch (o) {
|
|
250
|
+
throw t = !1, this._$EU(), o;
|
|
251
251
|
}
|
|
252
252
|
t && this._$AE(e);
|
|
253
253
|
}
|
|
@@ -256,8 +256,8 @@ let L = class extends HTMLElement {
|
|
|
256
256
|
_$AE(t) {
|
|
257
257
|
var e;
|
|
258
258
|
(e = this._$EO) == null || e.forEach((s) => {
|
|
259
|
-
var
|
|
260
|
-
return (
|
|
259
|
+
var o;
|
|
260
|
+
return (o = s.hostUpdated) == null ? void 0 : o.call(s);
|
|
261
261
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
262
262
|
}
|
|
263
263
|
_$EU() {
|
|
@@ -279,47 +279,47 @@ let L = class extends HTMLElement {
|
|
|
279
279
|
}
|
|
280
280
|
firstUpdated(t) {
|
|
281
281
|
}
|
|
282
|
-
}
|
|
282
|
+
}
|
|
283
283
|
L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[j("elementProperties")] = /* @__PURE__ */ new Map(), L[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: L }), (I.reactiveElementVersions ?? (I.reactiveElementVersions = [])).push("2.0.4");
|
|
284
284
|
/**
|
|
285
285
|
* @license
|
|
286
286
|
* Copyright 2017 Google LLC
|
|
287
287
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
288
288
|
*/
|
|
289
|
-
const
|
|
290
|
-
const { kind: s, metadata:
|
|
291
|
-
let i = globalThis.litPropertyMetadata.get(
|
|
292
|
-
if (i === void 0 && globalThis.litPropertyMetadata.set(
|
|
293
|
-
const { name:
|
|
289
|
+
const ye = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt }, fe = (n = ye, t, e) => {
|
|
290
|
+
const { kind: s, metadata: o } = e;
|
|
291
|
+
let i = globalThis.litPropertyMetadata.get(o);
|
|
292
|
+
if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
|
|
293
|
+
const { name: r } = e;
|
|
294
294
|
return { set(l) {
|
|
295
295
|
const a = t.get.call(this);
|
|
296
|
-
t.set.call(this, l), this.requestUpdate(
|
|
296
|
+
t.set.call(this, l), this.requestUpdate(r, a, n);
|
|
297
297
|
}, init(l) {
|
|
298
|
-
return l !== void 0 && this.P(
|
|
298
|
+
return l !== void 0 && this.P(r, void 0, n), l;
|
|
299
299
|
} };
|
|
300
300
|
}
|
|
301
301
|
if (s === "setter") {
|
|
302
|
-
const { name:
|
|
302
|
+
const { name: r } = e;
|
|
303
303
|
return function(l) {
|
|
304
|
-
const a = this[
|
|
305
|
-
t.call(this, l), this.requestUpdate(
|
|
304
|
+
const a = this[r];
|
|
305
|
+
t.call(this, l), this.requestUpdate(r, a, n);
|
|
306
306
|
};
|
|
307
307
|
}
|
|
308
308
|
throw Error("Unsupported decorator location: " + s);
|
|
309
309
|
};
|
|
310
|
-
function p(
|
|
311
|
-
return (t, e) => typeof e == "object" ?
|
|
312
|
-
const
|
|
313
|
-
return
|
|
314
|
-
})(
|
|
310
|
+
function p(n) {
|
|
311
|
+
return (t, e) => typeof e == "object" ? fe(n, t, e) : ((s, o, i) => {
|
|
312
|
+
const r = o.hasOwnProperty(i);
|
|
313
|
+
return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
|
|
314
|
+
})(n, t, e);
|
|
315
315
|
}
|
|
316
316
|
/**
|
|
317
317
|
* @license
|
|
318
318
|
* Copyright 2017 Google LLC
|
|
319
319
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
320
320
|
*/
|
|
321
|
-
function be(
|
|
322
|
-
return p({ ...
|
|
321
|
+
function be(n) {
|
|
322
|
+
return p({ ...n, state: !0, attribute: !1 });
|
|
323
323
|
}
|
|
324
324
|
const ve = qt`
|
|
325
325
|
:host {
|
|
@@ -498,17 +498,16 @@ const ve = qt`
|
|
|
498
498
|
transform: translateY(-50%);
|
|
499
499
|
cursor: pointer;
|
|
500
500
|
color: var(--_nys-textinput-icon-color);
|
|
501
|
-
--_nys-button-color-bg:
|
|
502
|
-
--_nys-button-color-bg-hover:
|
|
503
|
-
--_nys-button-color-bg-active:
|
|
501
|
+
--_nys-button-color-bg: var(--_nys-textinput-background-color);
|
|
502
|
+
--_nys-button-color-bg-hover: var(--_nys-textinput-background-color);
|
|
503
|
+
--_nys-button-color-bg-active: var(--_nys-textinput-background-color);
|
|
504
504
|
--_nys-button-offset-focus: calc(
|
|
505
505
|
var(--_nys-button-width-focus) * -1
|
|
506
506
|
); /* Needs to be negative of the offset width */
|
|
507
|
-
--_nys-button-
|
|
508
|
-
--_nys-button-
|
|
509
|
-
--_nys-button-height: var(--nys-size-
|
|
507
|
+
--_nys-button-padding-y: var(--nys-space-50, 4px);
|
|
508
|
+
--_nys-button-padding-x: var(--nys-space-50, 4px);
|
|
509
|
+
--_nys-button-height: var(--nys-size-300, 32px);
|
|
510
510
|
--_nys-button-width: var(--nys-size-400, 32px);
|
|
511
|
-
--_nys-button-padding-x: 0;
|
|
512
511
|
}
|
|
513
512
|
|
|
514
513
|
/* Hovered */
|
|
@@ -541,68 +540,68 @@ const ve = qt`
|
|
|
541
540
|
* Copyright 2017 Google LLC
|
|
542
541
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
543
542
|
*/
|
|
544
|
-
const F = globalThis, et = F.trustedTypes, St = et ? et.createPolicy("lit-html", { createHTML: (
|
|
543
|
+
const F = globalThis, et = F.trustedTypes, St = et ? et.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Wt = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Gt = "?" + P, _e = `<${Gt}>`, O = document, st = () => O.createComment(""), G = (n) => n === null || typeof n != "object" && typeof n != "function", vt = Array.isArray, ge = (n) => vt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", dt = `[
|
|
545
544
|
\f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, Pt = />/g, U = RegExp(`>|${dt}(?:([^\\s"'>=/]+)(${dt}*=${dt}*(?:[^
|
|
546
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, It = /"/g, Kt = /^(?:script|style|textarea|title)$/i, K = Symbol.for("lit-noChange"),
|
|
547
|
-
function Zt(
|
|
548
|
-
if (!vt(
|
|
545
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, It = /"/g, Kt = /^(?:script|style|textarea|title)$/i, K = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), M = O.createTreeWalker(O, 129);
|
|
546
|
+
function Zt(n, t) {
|
|
547
|
+
if (!vt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
549
548
|
return St !== void 0 ? St.createHTML(t) : t;
|
|
550
549
|
}
|
|
551
|
-
const $e = (
|
|
552
|
-
const e =
|
|
553
|
-
let
|
|
550
|
+
const $e = (n, t) => {
|
|
551
|
+
const e = n.length - 1, s = [];
|
|
552
|
+
let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = V;
|
|
554
553
|
for (let l = 0; l < e; l++) {
|
|
555
|
-
const a =
|
|
556
|
-
let c, d, h = -1,
|
|
557
|
-
for (;
|
|
558
|
-
const
|
|
559
|
-
i +=
|
|
554
|
+
const a = n[l];
|
|
555
|
+
let c, d, h = -1, b = 0;
|
|
556
|
+
for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === V ? d[1] === "!--" ? r = Et : d[1] !== void 0 ? r = Pt : d[2] !== void 0 ? (Kt.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = U) : d[3] !== void 0 && (r = U) : r === U ? d[0] === ">" ? (r = o ?? V, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? U : d[3] === '"' ? It : Ct) : r === It || r === Ct ? r = U : r === Et || r === Pt ? r = V : (r = U, o = void 0);
|
|
557
|
+
const m = r === U && n[l + 1].startsWith("/>") ? " " : "";
|
|
558
|
+
i += r === V ? a + _e : h >= 0 ? (s.push(c), a.slice(0, h) + Wt + a.slice(h) + P + m) : a + P + (h === -2 ? l : m);
|
|
560
559
|
}
|
|
561
|
-
return [Zt(
|
|
560
|
+
return [Zt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
562
561
|
};
|
|
563
|
-
let
|
|
562
|
+
let yt = class Yt {
|
|
564
563
|
constructor({ strings: t, _$litType$: e }, s) {
|
|
565
|
-
let
|
|
564
|
+
let o;
|
|
566
565
|
this.parts = [];
|
|
567
|
-
let i = 0,
|
|
566
|
+
let i = 0, r = 0;
|
|
568
567
|
const l = t.length - 1, a = this.parts, [c, d] = $e(t, e);
|
|
569
|
-
if (this.el = Yt.createElement(c, s),
|
|
568
|
+
if (this.el = Yt.createElement(c, s), M.currentNode = this.el.content, e === 2 || e === 3) {
|
|
570
569
|
const h = this.el.content.firstChild;
|
|
571
570
|
h.replaceWith(...h.childNodes);
|
|
572
571
|
}
|
|
573
|
-
for (; (
|
|
574
|
-
if (
|
|
575
|
-
if (
|
|
576
|
-
const
|
|
577
|
-
a.push({ type: 1, index: i, name: S[2], strings:
|
|
578
|
-
} else h.startsWith(P) && (a.push({ type: 6, index: i }),
|
|
579
|
-
if (Kt.test(
|
|
580
|
-
const h =
|
|
581
|
-
if (
|
|
582
|
-
|
|
583
|
-
for (let
|
|
584
|
-
|
|
572
|
+
for (; (o = M.nextNode()) !== null && a.length < l; ) {
|
|
573
|
+
if (o.nodeType === 1) {
|
|
574
|
+
if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(Wt)) {
|
|
575
|
+
const b = d[r++], m = o.getAttribute(h).split(P), S = /([.?@])?(.*)/.exec(b);
|
|
576
|
+
a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? xe : S[1] === "?" ? Ae : S[1] === "@" ? we : at }), o.removeAttribute(h);
|
|
577
|
+
} else h.startsWith(P) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
|
|
578
|
+
if (Kt.test(o.tagName)) {
|
|
579
|
+
const h = o.textContent.split(P), b = h.length - 1;
|
|
580
|
+
if (b > 0) {
|
|
581
|
+
o.textContent = et ? et.emptyScript : "";
|
|
582
|
+
for (let m = 0; m < b; m++) o.append(h[m], st()), M.nextNode(), a.push({ type: 2, index: ++i });
|
|
583
|
+
o.append(h[b], st());
|
|
585
584
|
}
|
|
586
585
|
}
|
|
587
|
-
} else if (
|
|
586
|
+
} else if (o.nodeType === 8) if (o.data === Gt) a.push({ type: 2, index: i });
|
|
588
587
|
else {
|
|
589
588
|
let h = -1;
|
|
590
|
-
for (; (h =
|
|
589
|
+
for (; (h = o.data.indexOf(P, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += P.length - 1;
|
|
591
590
|
}
|
|
592
591
|
i++;
|
|
593
592
|
}
|
|
594
593
|
}
|
|
595
594
|
static createElement(t, e) {
|
|
596
|
-
const s =
|
|
595
|
+
const s = O.createElement("template");
|
|
597
596
|
return s.innerHTML = t, s;
|
|
598
597
|
}
|
|
599
598
|
};
|
|
600
|
-
function R(
|
|
601
|
-
var
|
|
599
|
+
function R(n, t, e = n, s) {
|
|
600
|
+
var r, l;
|
|
602
601
|
if (t === K) return t;
|
|
603
|
-
let
|
|
602
|
+
let o = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
|
|
604
603
|
const i = G(t) ? void 0 : t._$litDirective$;
|
|
605
|
-
return (
|
|
604
|
+
return (o == null ? void 0 : o.constructor) !== i && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), i === void 0 ? o = void 0 : (o = new i(n), o._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = o : e._$Cl = o), o !== void 0 && (t = R(n, o._$AS(n, t.values), o, s)), t;
|
|
606
605
|
}
|
|
607
606
|
let me = class {
|
|
608
607
|
constructor(t, e) {
|
|
@@ -615,17 +614,17 @@ let me = class {
|
|
|
615
614
|
return this._$AM._$AU;
|
|
616
615
|
}
|
|
617
616
|
u(t) {
|
|
618
|
-
const { el: { content: e }, parts: s } = this._$AD,
|
|
619
|
-
|
|
620
|
-
let i =
|
|
617
|
+
const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
|
|
618
|
+
M.currentNode = o;
|
|
619
|
+
let i = M.nextNode(), r = 0, l = 0, a = s[0];
|
|
621
620
|
for (; a !== void 0; ) {
|
|
622
|
-
if (
|
|
621
|
+
if (r === a.index) {
|
|
623
622
|
let c;
|
|
624
623
|
a.type === 2 ? c = new Jt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new Se(i, this, t)), this._$AV.push(c), a = s[++l];
|
|
625
624
|
}
|
|
626
|
-
|
|
625
|
+
r !== (a == null ? void 0 : a.index) && (i = M.nextNode(), r++);
|
|
627
626
|
}
|
|
628
|
-
return
|
|
627
|
+
return M.currentNode = O, o;
|
|
629
628
|
}
|
|
630
629
|
p(t) {
|
|
631
630
|
let e = 0;
|
|
@@ -636,8 +635,8 @@ let me = class {
|
|
|
636
635
|
var t;
|
|
637
636
|
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
|
638
637
|
}
|
|
639
|
-
constructor(t, e, s,
|
|
640
|
-
this.type = 2, this._$AH =
|
|
638
|
+
constructor(t, e, s, o) {
|
|
639
|
+
this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
|
|
641
640
|
}
|
|
642
641
|
get parentNode() {
|
|
643
642
|
let t = this._$AA.parentNode;
|
|
@@ -651,7 +650,7 @@ let me = class {
|
|
|
651
650
|
return this._$AB;
|
|
652
651
|
}
|
|
653
652
|
_$AI(t, e = this) {
|
|
654
|
-
t = R(this, t, e), G(t) ? t ===
|
|
653
|
+
t = R(this, t, e), G(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== K && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ge(t) ? this.k(t) : this._(t);
|
|
655
654
|
}
|
|
656
655
|
O(t) {
|
|
657
656
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -660,33 +659,33 @@ let me = class {
|
|
|
660
659
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
661
660
|
}
|
|
662
661
|
_(t) {
|
|
663
|
-
this._$AH !==
|
|
662
|
+
this._$AH !== v && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
|
|
664
663
|
}
|
|
665
664
|
$(t) {
|
|
666
665
|
var i;
|
|
667
|
-
const { values: e, _$litType$: s } = t,
|
|
668
|
-
if (((i = this._$AH) == null ? void 0 : i._$AD) ===
|
|
666
|
+
const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = yt.createElement(Zt(s.h, s.h[0]), this.options)), s);
|
|
667
|
+
if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(e);
|
|
669
668
|
else {
|
|
670
|
-
const
|
|
671
|
-
|
|
669
|
+
const r = new me(o, this), l = r.u(this.options);
|
|
670
|
+
r.p(e), this.T(l), this._$AH = r;
|
|
672
671
|
}
|
|
673
672
|
}
|
|
674
673
|
_$AC(t) {
|
|
675
674
|
let e = Ut.get(t.strings);
|
|
676
|
-
return e === void 0 && Ut.set(t.strings, e = new
|
|
675
|
+
return e === void 0 && Ut.set(t.strings, e = new yt(t)), e;
|
|
677
676
|
}
|
|
678
677
|
k(t) {
|
|
679
678
|
vt(this._$AH) || (this._$AH = [], this._$AR());
|
|
680
679
|
const e = this._$AH;
|
|
681
|
-
let s,
|
|
682
|
-
for (const i of t)
|
|
683
|
-
|
|
680
|
+
let s, o = 0;
|
|
681
|
+
for (const i of t) o === e.length ? e.push(s = new Qt(this.O(st()), this.O(st()), this, this.options)) : s = e[o], s._$AI(i), o++;
|
|
682
|
+
o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
|
|
684
683
|
}
|
|
685
684
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
686
685
|
var s;
|
|
687
686
|
for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
688
|
-
const
|
|
689
|
-
t.remove(), t =
|
|
687
|
+
const o = t.nextSibling;
|
|
688
|
+
t.remove(), t = o;
|
|
690
689
|
}
|
|
691
690
|
}
|
|
692
691
|
setConnected(t) {
|
|
@@ -700,22 +699,22 @@ let me = class {
|
|
|
700
699
|
get _$AU() {
|
|
701
700
|
return this._$AM._$AU;
|
|
702
701
|
}
|
|
703
|
-
constructor(t, e, s,
|
|
704
|
-
this.type = 1, this._$AH =
|
|
702
|
+
constructor(t, e, s, o, i) {
|
|
703
|
+
this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
|
|
705
704
|
}
|
|
706
|
-
_$AI(t, e = this, s,
|
|
705
|
+
_$AI(t, e = this, s, o) {
|
|
707
706
|
const i = this.strings;
|
|
708
|
-
let
|
|
709
|
-
if (i === void 0) t = R(this, t, e, 0),
|
|
707
|
+
let r = !1;
|
|
708
|
+
if (i === void 0) t = R(this, t, e, 0), r = !G(t) || t !== this._$AH && t !== K, r && (this._$AH = t);
|
|
710
709
|
else {
|
|
711
710
|
const l = t;
|
|
712
711
|
let a, c;
|
|
713
|
-
for (t = i[0], a = 0; a < i.length - 1; a++) c = R(this, l[s + a], e, a), c === K && (c = this._$AH[a]),
|
|
712
|
+
for (t = i[0], a = 0; a < i.length - 1; a++) c = R(this, l[s + a], e, a), c === K && (c = this._$AH[a]), r || (r = !G(c) || c !== this._$AH[a]), c === v ? t = v : t !== v && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
|
|
714
713
|
}
|
|
715
|
-
|
|
714
|
+
r && !o && this.j(t);
|
|
716
715
|
}
|
|
717
716
|
j(t) {
|
|
718
|
-
t ===
|
|
717
|
+
t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
719
718
|
}
|
|
720
719
|
};
|
|
721
720
|
class xe extends at {
|
|
@@ -723,7 +722,7 @@ class xe extends at {
|
|
|
723
722
|
super(...arguments), this.type = 3;
|
|
724
723
|
}
|
|
725
724
|
j(t) {
|
|
726
|
-
this.element[this.name] = t ===
|
|
725
|
+
this.element[this.name] = t === v ? void 0 : t;
|
|
727
726
|
}
|
|
728
727
|
}
|
|
729
728
|
let Ae = class extends at {
|
|
@@ -731,16 +730,16 @@ let Ae = class extends at {
|
|
|
731
730
|
super(...arguments), this.type = 4;
|
|
732
731
|
}
|
|
733
732
|
j(t) {
|
|
734
|
-
this.element.toggleAttribute(this.name, !!t && t !==
|
|
733
|
+
this.element.toggleAttribute(this.name, !!t && t !== v);
|
|
735
734
|
}
|
|
736
735
|
}, we = class extends at {
|
|
737
|
-
constructor(t, e, s,
|
|
738
|
-
super(t, e, s,
|
|
736
|
+
constructor(t, e, s, o, i) {
|
|
737
|
+
super(t, e, s, o, i), this.type = 5;
|
|
739
738
|
}
|
|
740
739
|
_$AI(t, e = this) {
|
|
741
|
-
if ((t = R(this, t, e, 0) ??
|
|
742
|
-
const s = this._$AH,
|
|
743
|
-
|
|
740
|
+
if ((t = R(this, t, e, 0) ?? v) === K) return;
|
|
741
|
+
const s = this._$AH, o = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== v && (s === v || o);
|
|
742
|
+
o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
744
743
|
}
|
|
745
744
|
handleEvent(t) {
|
|
746
745
|
var e;
|
|
@@ -758,13 +757,13 @@ let Ae = class extends at {
|
|
|
758
757
|
}
|
|
759
758
|
};
|
|
760
759
|
const ut = F.litHtmlPolyfillSupport;
|
|
761
|
-
ut == null || ut(
|
|
760
|
+
ut == null || ut(yt, Jt), (F.litHtmlVersions ?? (F.litHtmlVersions = [])).push("3.2.1");
|
|
762
761
|
/**
|
|
763
762
|
* @license
|
|
764
763
|
* Copyright 2018 Google LLC
|
|
765
764
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
766
765
|
*/
|
|
767
|
-
const T = (
|
|
766
|
+
const T = (n) => n ?? v;
|
|
768
767
|
/*!
|
|
769
768
|
*
|
|
770
769
|
* ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█
|
|
@@ -783,68 +782,68 @@ const T = (o) => o ?? b;
|
|
|
783
782
|
*/
|
|
784
783
|
const X = globalThis, _t = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Xt = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
|
|
785
784
|
let Ee = class {
|
|
786
|
-
constructor(
|
|
785
|
+
constructor(n, t, e) {
|
|
787
786
|
if (this._$cssResult$ = !0, e !== Xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
788
|
-
this.cssText =
|
|
787
|
+
this.cssText = n, this.t = t;
|
|
789
788
|
}
|
|
790
789
|
get styleSheet() {
|
|
791
|
-
let
|
|
790
|
+
let n = this.o;
|
|
792
791
|
const t = this.t;
|
|
793
|
-
if (_t &&
|
|
792
|
+
if (_t && n === void 0) {
|
|
794
793
|
const e = t !== void 0 && t.length === 1;
|
|
795
|
-
e && (
|
|
794
|
+
e && (n = Tt.get(t)), n === void 0 && ((this.o = n = new CSSStyleSheet()).replaceSync(this.cssText), e && Tt.set(t, n));
|
|
796
795
|
}
|
|
797
|
-
return
|
|
796
|
+
return n;
|
|
798
797
|
}
|
|
799
798
|
toString() {
|
|
800
799
|
return this.cssText;
|
|
801
800
|
}
|
|
802
801
|
};
|
|
803
|
-
const Pe = (
|
|
804
|
-
if (_t)
|
|
802
|
+
const Pe = (n) => new Ee(typeof n == "string" ? n : n + "", void 0, Xt), Ce = (n, t) => {
|
|
803
|
+
if (_t) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
805
804
|
else for (const e of t) {
|
|
806
|
-
const s = document.createElement("style"),
|
|
807
|
-
|
|
805
|
+
const s = document.createElement("style"), o = X.litNonce;
|
|
806
|
+
o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
|
|
808
807
|
}
|
|
809
|
-
},
|
|
808
|
+
}, kt = _t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
810
809
|
let e = "";
|
|
811
810
|
for (const s of t.cssRules) e += s.cssText;
|
|
812
811
|
return Pe(e);
|
|
813
|
-
})(
|
|
812
|
+
})(n) : n;
|
|
814
813
|
/**
|
|
815
814
|
* @license
|
|
816
815
|
* Copyright 2017 Google LLC
|
|
817
816
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
818
817
|
*/
|
|
819
|
-
const { is: Ie, defineProperty: Ue, getOwnPropertyDescriptor: Te, getOwnPropertyNames:
|
|
818
|
+
const { is: Ie, defineProperty: Ue, getOwnPropertyDescriptor: Te, getOwnPropertyNames: ke, getOwnPropertySymbols: Me, getPrototypeOf: He } = Object, z = globalThis, Mt = z.trustedTypes, Oe = Mt ? Mt.emptyScript : "", Ht = z.reactiveElementPolyfillSupport, W = (n, t) => n, ot = { toAttribute(n, t) {
|
|
820
819
|
switch (t) {
|
|
821
820
|
case Boolean:
|
|
822
|
-
|
|
821
|
+
n = n ? Oe : null;
|
|
823
822
|
break;
|
|
824
823
|
case Object:
|
|
825
824
|
case Array:
|
|
826
|
-
|
|
825
|
+
n = n == null ? n : JSON.stringify(n);
|
|
827
826
|
}
|
|
828
|
-
return
|
|
829
|
-
}, fromAttribute(
|
|
830
|
-
let e =
|
|
827
|
+
return n;
|
|
828
|
+
}, fromAttribute(n, t) {
|
|
829
|
+
let e = n;
|
|
831
830
|
switch (t) {
|
|
832
831
|
case Boolean:
|
|
833
|
-
e =
|
|
832
|
+
e = n !== null;
|
|
834
833
|
break;
|
|
835
834
|
case Number:
|
|
836
|
-
e =
|
|
835
|
+
e = n === null ? null : Number(n);
|
|
837
836
|
break;
|
|
838
837
|
case Object:
|
|
839
838
|
case Array:
|
|
840
839
|
try {
|
|
841
|
-
e = JSON.parse(
|
|
840
|
+
e = JSON.parse(n);
|
|
842
841
|
} catch {
|
|
843
842
|
e = null;
|
|
844
843
|
}
|
|
845
844
|
}
|
|
846
845
|
return e;
|
|
847
|
-
} }, gt = (
|
|
846
|
+
} }, gt = (n, t) => !Ie(n, t), Ot = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt };
|
|
848
847
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
849
848
|
class B extends HTMLElement {
|
|
850
849
|
static addInitializer(t) {
|
|
@@ -853,48 +852,48 @@ class B extends HTMLElement {
|
|
|
853
852
|
static get observedAttributes() {
|
|
854
853
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
855
854
|
}
|
|
856
|
-
static createProperty(t, e =
|
|
855
|
+
static createProperty(t, e = Ot) {
|
|
857
856
|
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
|
858
|
-
const s = Symbol(),
|
|
859
|
-
|
|
857
|
+
const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
|
|
858
|
+
o !== void 0 && Ue(this.prototype, t, o);
|
|
860
859
|
}
|
|
861
860
|
}
|
|
862
861
|
static getPropertyDescriptor(t, e, s) {
|
|
863
|
-
const { get:
|
|
862
|
+
const { get: o, set: i } = Te(this.prototype, t) ?? { get() {
|
|
864
863
|
return this[e];
|
|
865
|
-
}, set(
|
|
866
|
-
this[e] =
|
|
864
|
+
}, set(r) {
|
|
865
|
+
this[e] = r;
|
|
867
866
|
} };
|
|
868
867
|
return { get() {
|
|
869
|
-
return
|
|
870
|
-
}, set(
|
|
871
|
-
const l =
|
|
872
|
-
i.call(this,
|
|
868
|
+
return o == null ? void 0 : o.call(this);
|
|
869
|
+
}, set(r) {
|
|
870
|
+
const l = o == null ? void 0 : o.call(this);
|
|
871
|
+
i.call(this, r), this.requestUpdate(t, l, s);
|
|
873
872
|
}, configurable: !0, enumerable: !0 };
|
|
874
873
|
}
|
|
875
874
|
static getPropertyOptions(t) {
|
|
876
|
-
return this.elementProperties.get(t) ??
|
|
875
|
+
return this.elementProperties.get(t) ?? Ot;
|
|
877
876
|
}
|
|
878
877
|
static _$Ei() {
|
|
879
878
|
if (this.hasOwnProperty(W("elementProperties"))) return;
|
|
880
|
-
const t =
|
|
879
|
+
const t = He(this);
|
|
881
880
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
882
881
|
}
|
|
883
882
|
static finalize() {
|
|
884
883
|
if (this.hasOwnProperty(W("finalized"))) return;
|
|
885
884
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
|
|
886
|
-
const e = this.properties, s = [...
|
|
887
|
-
for (const
|
|
885
|
+
const e = this.properties, s = [...ke(e), ...Me(e)];
|
|
886
|
+
for (const o of s) this.createProperty(o, e[o]);
|
|
888
887
|
}
|
|
889
888
|
const t = this[Symbol.metadata];
|
|
890
889
|
if (t !== null) {
|
|
891
890
|
const e = litPropertyMetadata.get(t);
|
|
892
|
-
if (e !== void 0) for (const [s,
|
|
891
|
+
if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
|
|
893
892
|
}
|
|
894
893
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
895
894
|
for (const [e, s] of this.elementProperties) {
|
|
896
|
-
const
|
|
897
|
-
|
|
895
|
+
const o = this._$Eu(e, s);
|
|
896
|
+
o !== void 0 && this._$Eh.set(o, e);
|
|
898
897
|
}
|
|
899
898
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
900
899
|
}
|
|
@@ -902,8 +901,8 @@ class B extends HTMLElement {
|
|
|
902
901
|
const e = [];
|
|
903
902
|
if (Array.isArray(t)) {
|
|
904
903
|
const s = new Set(t.flat(1 / 0).reverse());
|
|
905
|
-
for (const
|
|
906
|
-
} else t !== void 0 && e.push(
|
|
904
|
+
for (const o of s) e.unshift(kt(o));
|
|
905
|
+
} else t !== void 0 && e.push(kt(t));
|
|
907
906
|
return e;
|
|
908
907
|
}
|
|
909
908
|
static _$Eu(t, e) {
|
|
@@ -955,18 +954,18 @@ class B extends HTMLElement {
|
|
|
955
954
|
}
|
|
956
955
|
_$EC(t, e) {
|
|
957
956
|
var s;
|
|
958
|
-
const
|
|
959
|
-
if (i !== void 0 &&
|
|
960
|
-
const
|
|
961
|
-
this._$Em = t,
|
|
957
|
+
const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
|
|
958
|
+
if (i !== void 0 && o.reflect === !0) {
|
|
959
|
+
const r = (((s = o.converter) == null ? void 0 : s.toAttribute) !== void 0 ? o.converter : ot).toAttribute(e, o.type);
|
|
960
|
+
this._$Em = t, r == null ? this.removeAttribute(i) : this.setAttribute(i, r), this._$Em = null;
|
|
962
961
|
}
|
|
963
962
|
}
|
|
964
963
|
_$AK(t, e) {
|
|
965
964
|
var s;
|
|
966
|
-
const
|
|
965
|
+
const o = this.constructor, i = o._$Eh.get(t);
|
|
967
966
|
if (i !== void 0 && this._$Em !== i) {
|
|
968
|
-
const
|
|
969
|
-
this._$Em = i, this[i] = l.fromAttribute(e,
|
|
967
|
+
const r = o.getPropertyOptions(i), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((s = r.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? r.converter : ot;
|
|
968
|
+
this._$Em = i, this[i] = l.fromAttribute(e, r.type), this._$Em = null;
|
|
970
969
|
}
|
|
971
970
|
}
|
|
972
971
|
requestUpdate(t, e, s) {
|
|
@@ -997,21 +996,21 @@ class B extends HTMLElement {
|
|
|
997
996
|
if (!this.isUpdatePending) return;
|
|
998
997
|
if (!this.hasUpdated) {
|
|
999
998
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
1000
|
-
for (const [i,
|
|
999
|
+
for (const [i, r] of this._$Ep) this[i] = r;
|
|
1001
1000
|
this._$Ep = void 0;
|
|
1002
1001
|
}
|
|
1003
|
-
const
|
|
1004
|
-
if (
|
|
1002
|
+
const o = this.constructor.elementProperties;
|
|
1003
|
+
if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
|
|
1005
1004
|
}
|
|
1006
1005
|
let e = !1;
|
|
1007
1006
|
const s = this._$AL;
|
|
1008
1007
|
try {
|
|
1009
|
-
e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((
|
|
1008
|
+
e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((o) => {
|
|
1010
1009
|
var i;
|
|
1011
|
-
return (i =
|
|
1010
|
+
return (i = o.hostUpdate) == null ? void 0 : i.call(o);
|
|
1012
1011
|
}), this.update(s)) : this._$EU();
|
|
1013
|
-
} catch (
|
|
1014
|
-
throw e = !1, this._$EU(),
|
|
1012
|
+
} catch (o) {
|
|
1013
|
+
throw e = !1, this._$EU(), o;
|
|
1015
1014
|
}
|
|
1016
1015
|
e && this._$AE(s);
|
|
1017
1016
|
}
|
|
@@ -1020,8 +1019,8 @@ class B extends HTMLElement {
|
|
|
1020
1019
|
_$AE(t) {
|
|
1021
1020
|
var e;
|
|
1022
1021
|
(e = this._$EO) == null || e.forEach((s) => {
|
|
1023
|
-
var
|
|
1024
|
-
return (
|
|
1022
|
+
var o;
|
|
1023
|
+
return (o = s.hostUpdated) == null ? void 0 : o.call(s);
|
|
1025
1024
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
1026
1025
|
}
|
|
1027
1026
|
_$EU() {
|
|
@@ -1044,38 +1043,38 @@ class B extends HTMLElement {
|
|
|
1044
1043
|
firstUpdated(t) {
|
|
1045
1044
|
}
|
|
1046
1045
|
}
|
|
1047
|
-
B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[W("elementProperties")] = /* @__PURE__ */ new Map(), B[W("finalized")] = /* @__PURE__ */ new Map(),
|
|
1046
|
+
B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[W("elementProperties")] = /* @__PURE__ */ new Map(), B[W("finalized")] = /* @__PURE__ */ new Map(), Ht == null || Ht({ ReactiveElement: B }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.0.4");
|
|
1048
1047
|
/**
|
|
1049
1048
|
* @license
|
|
1050
1049
|
* Copyright 2017 Google LLC
|
|
1051
1050
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1052
1051
|
*/
|
|
1053
|
-
const Ne = { attribute: !0, type: String, converter:
|
|
1054
|
-
const { kind: s, metadata:
|
|
1055
|
-
let i = globalThis.litPropertyMetadata.get(
|
|
1056
|
-
if (i === void 0 && globalThis.litPropertyMetadata.set(
|
|
1057
|
-
const { name:
|
|
1052
|
+
const Ne = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt }, Re = (n = Ne, t, e) => {
|
|
1053
|
+
const { kind: s, metadata: o } = e;
|
|
1054
|
+
let i = globalThis.litPropertyMetadata.get(o);
|
|
1055
|
+
if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
|
|
1056
|
+
const { name: r } = e;
|
|
1058
1057
|
return { set(l) {
|
|
1059
1058
|
const a = t.get.call(this);
|
|
1060
|
-
t.set.call(this, l), this.requestUpdate(
|
|
1059
|
+
t.set.call(this, l), this.requestUpdate(r, a, n);
|
|
1061
1060
|
}, init(l) {
|
|
1062
|
-
return l !== void 0 && this.P(
|
|
1061
|
+
return l !== void 0 && this.P(r, void 0, n), l;
|
|
1063
1062
|
} };
|
|
1064
1063
|
}
|
|
1065
1064
|
if (s === "setter") {
|
|
1066
|
-
const { name:
|
|
1065
|
+
const { name: r } = e;
|
|
1067
1066
|
return function(l) {
|
|
1068
|
-
const a = this[
|
|
1069
|
-
t.call(this, l), this.requestUpdate(
|
|
1067
|
+
const a = this[r];
|
|
1068
|
+
t.call(this, l), this.requestUpdate(r, a, n);
|
|
1070
1069
|
};
|
|
1071
1070
|
}
|
|
1072
1071
|
throw Error("Unsupported decorator location: " + s);
|
|
1073
1072
|
};
|
|
1074
|
-
function
|
|
1075
|
-
return (t, e) => typeof e == "object" ? Re(
|
|
1076
|
-
const
|
|
1077
|
-
return
|
|
1078
|
-
})(
|
|
1073
|
+
function g(n) {
|
|
1074
|
+
return (t, e) => typeof e == "object" ? Re(n, t, e) : ((s, o, i) => {
|
|
1075
|
+
const r = o.hasOwnProperty(i);
|
|
1076
|
+
return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
|
|
1077
|
+
})(n, t, e);
|
|
1079
1078
|
}
|
|
1080
1079
|
const ze = qt`
|
|
1081
1080
|
:host {
|
|
@@ -1403,9 +1402,18 @@ const ze = qt`
|
|
|
1403
1402
|
);
|
|
1404
1403
|
}
|
|
1405
1404
|
|
|
1405
|
+
/* Circle */
|
|
1406
|
+
:host([circle]) {
|
|
1407
|
+
--_nys-button-width: var(--_nys-button-height);
|
|
1408
|
+
--_nys-button-radius-left: var(--nys-radius-round, 1776px);
|
|
1409
|
+
--_nys-button-radius-right: var(--nys-radius-round, 1776px);
|
|
1410
|
+
--_nys-button-padding-y: 0;
|
|
1411
|
+
--_nys-button-padding-x: 0;
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1406
1414
|
.nys-button {
|
|
1407
1415
|
width: var(--_nys-button-width);
|
|
1408
|
-
height: var(--_nys-button-height);
|
|
1416
|
+
min-height: var(--_nys-button-height);
|
|
1409
1417
|
/* set every corner individually */
|
|
1410
1418
|
border-top-left-radius: var(--_nys-button-radius-left);
|
|
1411
1419
|
border-bottom-left-radius: var(--_nys-button-radius-left);
|
|
@@ -1429,6 +1437,11 @@ const ze = qt`
|
|
|
1429
1437
|
cursor: pointer;
|
|
1430
1438
|
}
|
|
1431
1439
|
|
|
1440
|
+
:host([circle]) .nys-button {
|
|
1441
|
+
max-width: var(--_nys-button-height);
|
|
1442
|
+
max-height: var(--_nys-button-height);
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1432
1445
|
.nys-button:hover {
|
|
1433
1446
|
background-color: var(--_nys-button-color-bg-hover);
|
|
1434
1447
|
color: var(--_nys-button-color-text-hover);
|
|
@@ -1489,53 +1502,53 @@ const ze = qt`
|
|
|
1489
1502
|
* Copyright 2017 Google LLC
|
|
1490
1503
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1491
1504
|
*/
|
|
1492
|
-
const
|
|
1493
|
-
\f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, zt = />/g,
|
|
1494
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Lt = /"/g, se = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"),
|
|
1495
|
-
function
|
|
1496
|
-
if (!$t(
|
|
1505
|
+
const nt = globalThis, rt = nt.trustedTypes, Nt = rt ? rt.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, te = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + C, De = `<${ee}>`, N = document, it = () => N.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", $t = Array.isArray, Le = (n) => $t(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", pt = `[
|
|
1506
|
+
\f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, zt = />/g, k = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
|
|
1507
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Lt = /"/g, se = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Vt = /* @__PURE__ */ new WeakMap(), H = N.createTreeWalker(N, 129);
|
|
1508
|
+
function oe(n, t) {
|
|
1509
|
+
if (!$t(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
1497
1510
|
return Nt !== void 0 ? Nt.createHTML(t) : t;
|
|
1498
1511
|
}
|
|
1499
|
-
const Ve = (
|
|
1500
|
-
const e =
|
|
1501
|
-
let
|
|
1512
|
+
const Ve = (n, t) => {
|
|
1513
|
+
const e = n.length - 1, s = [];
|
|
1514
|
+
let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = q;
|
|
1502
1515
|
for (let l = 0; l < e; l++) {
|
|
1503
|
-
const a =
|
|
1504
|
-
let c, d, h = -1,
|
|
1505
|
-
for (;
|
|
1506
|
-
const
|
|
1507
|
-
i +=
|
|
1516
|
+
const a = n[l];
|
|
1517
|
+
let c, d, h = -1, b = 0;
|
|
1518
|
+
for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === q ? d[1] === "!--" ? r = Rt : d[1] !== void 0 ? r = zt : d[2] !== void 0 ? (se.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = o ?? q, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? Lt : Dt) : r === Lt || r === Dt ? r = k : r === Rt || r === zt ? r = q : (r = k, o = void 0);
|
|
1519
|
+
const m = r === k && n[l + 1].startsWith("/>") ? " " : "";
|
|
1520
|
+
i += r === q ? a + De : h >= 0 ? (s.push(c), a.slice(0, h) + te + a.slice(h) + C + m) : a + C + (h === -2 ? l : m);
|
|
1508
1521
|
}
|
|
1509
|
-
return [
|
|
1522
|
+
return [oe(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
1510
1523
|
};
|
|
1511
1524
|
class J {
|
|
1512
1525
|
constructor({ strings: t, _$litType$: e }, s) {
|
|
1513
|
-
let
|
|
1526
|
+
let o;
|
|
1514
1527
|
this.parts = [];
|
|
1515
|
-
let i = 0,
|
|
1528
|
+
let i = 0, r = 0;
|
|
1516
1529
|
const l = t.length - 1, a = this.parts, [c, d] = Ve(t, e);
|
|
1517
|
-
if (this.el = J.createElement(c, s),
|
|
1530
|
+
if (this.el = J.createElement(c, s), H.currentNode = this.el.content, e === 2 || e === 3) {
|
|
1518
1531
|
const h = this.el.content.firstChild;
|
|
1519
1532
|
h.replaceWith(...h.childNodes);
|
|
1520
1533
|
}
|
|
1521
|
-
for (; (
|
|
1522
|
-
if (
|
|
1523
|
-
if (
|
|
1524
|
-
const
|
|
1525
|
-
a.push({ type: 1, index: i, name: S[2], strings:
|
|
1526
|
-
} else h.startsWith(C) && (a.push({ type: 6, index: i }),
|
|
1527
|
-
if (se.test(
|
|
1528
|
-
const h =
|
|
1529
|
-
if (
|
|
1530
|
-
|
|
1531
|
-
for (let
|
|
1532
|
-
|
|
1534
|
+
for (; (o = H.nextNode()) !== null && a.length < l; ) {
|
|
1535
|
+
if (o.nodeType === 1) {
|
|
1536
|
+
if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(te)) {
|
|
1537
|
+
const b = d[r++], m = o.getAttribute(h).split(C), S = /([.?@])?(.*)/.exec(b);
|
|
1538
|
+
a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? qe : S[1] === "?" ? je : S[1] === "@" ? Fe : ht }), o.removeAttribute(h);
|
|
1539
|
+
} else h.startsWith(C) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
|
|
1540
|
+
if (se.test(o.tagName)) {
|
|
1541
|
+
const h = o.textContent.split(C), b = h.length - 1;
|
|
1542
|
+
if (b > 0) {
|
|
1543
|
+
o.textContent = rt ? rt.emptyScript : "";
|
|
1544
|
+
for (let m = 0; m < b; m++) o.append(h[m], it()), H.nextNode(), a.push({ type: 2, index: ++i });
|
|
1545
|
+
o.append(h[b], it());
|
|
1533
1546
|
}
|
|
1534
1547
|
}
|
|
1535
|
-
} else if (
|
|
1548
|
+
} else if (o.nodeType === 8) if (o.data === ee) a.push({ type: 2, index: i });
|
|
1536
1549
|
else {
|
|
1537
1550
|
let h = -1;
|
|
1538
|
-
for (; (h =
|
|
1551
|
+
for (; (h = o.data.indexOf(C, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += C.length - 1;
|
|
1539
1552
|
}
|
|
1540
1553
|
i++;
|
|
1541
1554
|
}
|
|
@@ -1545,12 +1558,12 @@ class J {
|
|
|
1545
1558
|
return s.innerHTML = t, s;
|
|
1546
1559
|
}
|
|
1547
1560
|
}
|
|
1548
|
-
function D(
|
|
1549
|
-
var
|
|
1561
|
+
function D(n, t, e = n, s) {
|
|
1562
|
+
var o, i;
|
|
1550
1563
|
if (t === Y) return t;
|
|
1551
|
-
let
|
|
1564
|
+
let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
|
|
1552
1565
|
const l = Z(t) ? void 0 : t._$litDirective$;
|
|
1553
|
-
return (
|
|
1566
|
+
return (r == null ? void 0 : r.constructor) !== l && ((i = r == null ? void 0 : r._$AO) == null || i.call(r, !1), l === void 0 ? r = void 0 : (r = new l(n), r._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = D(n, r._$AS(n, t.values), r, s)), t;
|
|
1554
1567
|
}
|
|
1555
1568
|
class Be {
|
|
1556
1569
|
constructor(t, e) {
|
|
@@ -1563,17 +1576,17 @@ class Be {
|
|
|
1563
1576
|
return this._$AM._$AU;
|
|
1564
1577
|
}
|
|
1565
1578
|
u(t) {
|
|
1566
|
-
const { el: { content: e }, parts: s } = this._$AD,
|
|
1567
|
-
|
|
1568
|
-
let i =
|
|
1579
|
+
const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? N).importNode(e, !0);
|
|
1580
|
+
H.currentNode = o;
|
|
1581
|
+
let i = H.nextNode(), r = 0, l = 0, a = s[0];
|
|
1569
1582
|
for (; a !== void 0; ) {
|
|
1570
|
-
if (
|
|
1583
|
+
if (r === a.index) {
|
|
1571
1584
|
let c;
|
|
1572
1585
|
a.type === 2 ? c = new lt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new We(i, this, t)), this._$AV.push(c), a = s[++l];
|
|
1573
1586
|
}
|
|
1574
|
-
|
|
1587
|
+
r !== (a == null ? void 0 : a.index) && (i = H.nextNode(), r++);
|
|
1575
1588
|
}
|
|
1576
|
-
return
|
|
1589
|
+
return H.currentNode = N, o;
|
|
1577
1590
|
}
|
|
1578
1591
|
p(t) {
|
|
1579
1592
|
let e = 0;
|
|
@@ -1585,8 +1598,8 @@ class lt {
|
|
|
1585
1598
|
var t;
|
|
1586
1599
|
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
|
1587
1600
|
}
|
|
1588
|
-
constructor(t, e, s,
|
|
1589
|
-
this.type = 2, this._$AH =
|
|
1601
|
+
constructor(t, e, s, o) {
|
|
1602
|
+
this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
|
|
1590
1603
|
}
|
|
1591
1604
|
get parentNode() {
|
|
1592
1605
|
let t = this._$AA.parentNode;
|
|
@@ -1600,7 +1613,7 @@ class lt {
|
|
|
1600
1613
|
return this._$AB;
|
|
1601
1614
|
}
|
|
1602
1615
|
_$AI(t, e = this) {
|
|
1603
|
-
t = D(this, t, e), Z(t) ? t ===
|
|
1616
|
+
t = D(this, t, e), Z(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this._(t);
|
|
1604
1617
|
}
|
|
1605
1618
|
O(t) {
|
|
1606
1619
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -1609,15 +1622,15 @@ class lt {
|
|
|
1609
1622
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
1610
1623
|
}
|
|
1611
1624
|
_(t) {
|
|
1612
|
-
this._$AH !==
|
|
1625
|
+
this._$AH !== _ && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(N.createTextNode(t)), this._$AH = t;
|
|
1613
1626
|
}
|
|
1614
1627
|
$(t) {
|
|
1615
1628
|
var e;
|
|
1616
|
-
const { values: s, _$litType$:
|
|
1629
|
+
const { values: s, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = J.createElement(oe(o.h, o.h[0]), this.options)), o);
|
|
1617
1630
|
if (((e = this._$AH) == null ? void 0 : e._$AD) === i) this._$AH.p(s);
|
|
1618
1631
|
else {
|
|
1619
|
-
const
|
|
1620
|
-
|
|
1632
|
+
const r = new Be(i, this), l = r.u(this.options);
|
|
1633
|
+
r.p(s), this.T(l), this._$AH = r;
|
|
1621
1634
|
}
|
|
1622
1635
|
}
|
|
1623
1636
|
_$AC(t) {
|
|
@@ -1627,15 +1640,15 @@ class lt {
|
|
|
1627
1640
|
k(t) {
|
|
1628
1641
|
$t(this._$AH) || (this._$AH = [], this._$AR());
|
|
1629
1642
|
const e = this._$AH;
|
|
1630
|
-
let s,
|
|
1631
|
-
for (const i of t)
|
|
1632
|
-
|
|
1643
|
+
let s, o = 0;
|
|
1644
|
+
for (const i of t) o === e.length ? e.push(s = new lt(this.O(it()), this.O(it()), this, this.options)) : s = e[o], s._$AI(i), o++;
|
|
1645
|
+
o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
|
|
1633
1646
|
}
|
|
1634
1647
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
1635
1648
|
var s;
|
|
1636
1649
|
for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
1637
|
-
const
|
|
1638
|
-
t.remove(), t =
|
|
1650
|
+
const o = t.nextSibling;
|
|
1651
|
+
t.remove(), t = o;
|
|
1639
1652
|
}
|
|
1640
1653
|
}
|
|
1641
1654
|
setConnected(t) {
|
|
@@ -1650,22 +1663,22 @@ class ht {
|
|
|
1650
1663
|
get _$AU() {
|
|
1651
1664
|
return this._$AM._$AU;
|
|
1652
1665
|
}
|
|
1653
|
-
constructor(t, e, s,
|
|
1654
|
-
this.type = 1, this._$AH =
|
|
1666
|
+
constructor(t, e, s, o, i) {
|
|
1667
|
+
this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = _;
|
|
1655
1668
|
}
|
|
1656
|
-
_$AI(t, e = this, s,
|
|
1669
|
+
_$AI(t, e = this, s, o) {
|
|
1657
1670
|
const i = this.strings;
|
|
1658
|
-
let
|
|
1659
|
-
if (i === void 0) t = D(this, t, e, 0),
|
|
1671
|
+
let r = !1;
|
|
1672
|
+
if (i === void 0) t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== Y, r && (this._$AH = t);
|
|
1660
1673
|
else {
|
|
1661
1674
|
const l = t;
|
|
1662
1675
|
let a, c;
|
|
1663
|
-
for (t = i[0], a = 0; a < i.length - 1; a++) c = D(this, l[s + a], e, a), c === Y && (c = this._$AH[a]),
|
|
1676
|
+
for (t = i[0], a = 0; a < i.length - 1; a++) c = D(this, l[s + a], e, a), c === Y && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === _ ? t = _ : t !== _ && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
|
|
1664
1677
|
}
|
|
1665
|
-
|
|
1678
|
+
r && !o && this.j(t);
|
|
1666
1679
|
}
|
|
1667
1680
|
j(t) {
|
|
1668
|
-
t ===
|
|
1681
|
+
t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
1669
1682
|
}
|
|
1670
1683
|
}
|
|
1671
1684
|
class qe extends ht {
|
|
@@ -1673,7 +1686,7 @@ class qe extends ht {
|
|
|
1673
1686
|
super(...arguments), this.type = 3;
|
|
1674
1687
|
}
|
|
1675
1688
|
j(t) {
|
|
1676
|
-
this.element[this.name] = t ===
|
|
1689
|
+
this.element[this.name] = t === _ ? void 0 : t;
|
|
1677
1690
|
}
|
|
1678
1691
|
}
|
|
1679
1692
|
class je extends ht {
|
|
@@ -1681,17 +1694,17 @@ class je extends ht {
|
|
|
1681
1694
|
super(...arguments), this.type = 4;
|
|
1682
1695
|
}
|
|
1683
1696
|
j(t) {
|
|
1684
|
-
this.element.toggleAttribute(this.name, !!t && t !==
|
|
1697
|
+
this.element.toggleAttribute(this.name, !!t && t !== _);
|
|
1685
1698
|
}
|
|
1686
1699
|
}
|
|
1687
1700
|
class Fe extends ht {
|
|
1688
|
-
constructor(t, e, s,
|
|
1689
|
-
super(t, e, s,
|
|
1701
|
+
constructor(t, e, s, o, i) {
|
|
1702
|
+
super(t, e, s, o, i), this.type = 5;
|
|
1690
1703
|
}
|
|
1691
1704
|
_$AI(t, e = this) {
|
|
1692
|
-
if ((t = D(this, t, e, 0) ??
|
|
1693
|
-
const s = this._$AH,
|
|
1694
|
-
|
|
1705
|
+
if ((t = D(this, t, e, 0) ?? _) === Y) return;
|
|
1706
|
+
const s = this._$AH, o = t === _ && s !== _ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== _ && (s === _ || o);
|
|
1707
|
+
o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
1695
1708
|
}
|
|
1696
1709
|
handleEvent(t) {
|
|
1697
1710
|
var e;
|
|
@@ -1709,58 +1722,58 @@ class We {
|
|
|
1709
1722
|
D(this, t);
|
|
1710
1723
|
}
|
|
1711
1724
|
}
|
|
1712
|
-
const Bt =
|
|
1713
|
-
Bt == null || Bt(J, lt), (
|
|
1725
|
+
const Bt = nt.litHtmlPolyfillSupport;
|
|
1726
|
+
Bt == null || Bt(J, lt), (nt.litHtmlVersions ?? (nt.litHtmlVersions = [])).push("3.2.1");
|
|
1714
1727
|
/**
|
|
1715
1728
|
* @license
|
|
1716
1729
|
* Copyright 2018 Google LLC
|
|
1717
1730
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1718
1731
|
*/
|
|
1719
|
-
const E = (
|
|
1720
|
-
var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor,
|
|
1721
|
-
for (var
|
|
1722
|
-
(
|
|
1723
|
-
return s &&
|
|
1732
|
+
const E = (n) => n ?? _;
|
|
1733
|
+
var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, $ = (n, t, e, s) => {
|
|
1734
|
+
for (var o = s > 1 ? void 0 : s ? Ke(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1735
|
+
(r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
|
|
1736
|
+
return s && o && Ge(t, e, o), o;
|
|
1724
1737
|
};
|
|
1725
1738
|
let Ze = 0;
|
|
1726
|
-
var
|
|
1727
|
-
const
|
|
1739
|
+
var A;
|
|
1740
|
+
const f = (A = class extends jt {
|
|
1728
1741
|
// allows use of elementInternals' API
|
|
1729
1742
|
constructor() {
|
|
1730
|
-
super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
|
|
1743
|
+
super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
|
|
1731
1744
|
}, this.href = "", this._target = "_self", this._internals = this.attachInternals();
|
|
1732
1745
|
}
|
|
1733
1746
|
get size() {
|
|
1734
1747
|
return this._size;
|
|
1735
1748
|
}
|
|
1736
|
-
set size(
|
|
1737
|
-
this._size =
|
|
1738
|
-
|
|
1739
|
-
) ?
|
|
1749
|
+
set size(n) {
|
|
1750
|
+
this._size = A.VALID_SIZES.includes(
|
|
1751
|
+
n
|
|
1752
|
+
) ? n : "md";
|
|
1740
1753
|
}
|
|
1741
1754
|
get variant() {
|
|
1742
1755
|
return this._variant;
|
|
1743
1756
|
}
|
|
1744
|
-
set variant(
|
|
1745
|
-
this._variant =
|
|
1746
|
-
|
|
1747
|
-
) ?
|
|
1757
|
+
set variant(n) {
|
|
1758
|
+
this._variant = A.VALID_VARIANTS.includes(
|
|
1759
|
+
n
|
|
1760
|
+
) ? n : "filled";
|
|
1748
1761
|
}
|
|
1749
1762
|
get type() {
|
|
1750
1763
|
return this._type;
|
|
1751
1764
|
}
|
|
1752
|
-
set type(
|
|
1753
|
-
this._type =
|
|
1754
|
-
|
|
1755
|
-
) ?
|
|
1765
|
+
set type(n) {
|
|
1766
|
+
this._type = A.VALID_TYPES.includes(
|
|
1767
|
+
n
|
|
1768
|
+
) ? n : "button";
|
|
1756
1769
|
}
|
|
1757
1770
|
get target() {
|
|
1758
1771
|
return this._target;
|
|
1759
1772
|
}
|
|
1760
|
-
set target(
|
|
1761
|
-
this._target =
|
|
1762
|
-
|
|
1763
|
-
) ?
|
|
1773
|
+
set target(n) {
|
|
1774
|
+
this._target = A.VALID_TARGETS.includes(
|
|
1775
|
+
n
|
|
1776
|
+
) ? n : "_self";
|
|
1764
1777
|
}
|
|
1765
1778
|
connectedCallback() {
|
|
1766
1779
|
super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
|
|
@@ -1769,8 +1782,8 @@ const _ = (x = class extends jt {
|
|
|
1769
1782
|
_generateUniqueId() {
|
|
1770
1783
|
return `nys-button-${Date.now()}-${Ze++}`;
|
|
1771
1784
|
}
|
|
1772
|
-
_manageFormAction(
|
|
1773
|
-
typeof this.onClick == "function" && this.onClick(
|
|
1785
|
+
_manageFormAction(n) {
|
|
1786
|
+
typeof this.onClick == "function" && this.onClick(n);
|
|
1774
1787
|
const t = this._internals.form;
|
|
1775
1788
|
if (t)
|
|
1776
1789
|
switch (this.type) {
|
|
@@ -1791,20 +1804,20 @@ const _ = (x = class extends jt {
|
|
|
1791
1804
|
_handleBlur() {
|
|
1792
1805
|
this.dispatchEvent(new Event("nys-blur"));
|
|
1793
1806
|
}
|
|
1794
|
-
_handleClick(
|
|
1807
|
+
_handleClick(n) {
|
|
1795
1808
|
if (this.disabled) {
|
|
1796
|
-
|
|
1809
|
+
n.preventDefault();
|
|
1797
1810
|
return;
|
|
1798
1811
|
}
|
|
1799
|
-
this._manageFormAction(
|
|
1812
|
+
this._manageFormAction(n), this.dispatchEvent(new Event("nys-click"));
|
|
1800
1813
|
}
|
|
1801
1814
|
// Handle keydown for keyboard accessibility
|
|
1802
|
-
_handleKeydown(
|
|
1803
|
-
(
|
|
1815
|
+
_handleKeydown(n) {
|
|
1816
|
+
(n.code === "Space" || n.code === "Enter" || n.key === " " || n.key === "Enter") && (n.preventDefault(), this.disabled || this._manageFormAction(n));
|
|
1804
1817
|
}
|
|
1805
1818
|
render() {
|
|
1806
|
-
return
|
|
1807
|
-
${this.href ?
|
|
1819
|
+
return x`
|
|
1820
|
+
${this.href ? x`
|
|
1808
1821
|
<div class="nys-button__linkwrapper">
|
|
1809
1822
|
<a
|
|
1810
1823
|
class="nys-button"
|
|
@@ -1816,21 +1829,27 @@ const _ = (x = class extends jt {
|
|
|
1816
1829
|
value=${E(this.value ? this.value : void 0)}
|
|
1817
1830
|
href=${this.href}
|
|
1818
1831
|
target=${this.target}
|
|
1819
|
-
aria-label=${this.ariaLabel || this.label || "button"}
|
|
1832
|
+
aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
|
|
1820
1833
|
@click=${this._handleClick}
|
|
1821
1834
|
@focus="${this._handleFocus}"
|
|
1822
1835
|
@blur="${this._handleBlur}"
|
|
1823
1836
|
>
|
|
1824
|
-
${this.prefixIcon && this.variant !== "text" ?
|
|
1837
|
+
${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
|
|
1825
1838
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
1826
1839
|
</slot>` : ""}
|
|
1827
|
-
${this.label ?
|
|
1828
|
-
${this.suffixIcon && this.variant !== "text" ?
|
|
1840
|
+
${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
|
|
1841
|
+
${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
|
|
1829
1842
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
1830
1843
|
</slot>` : ""}
|
|
1844
|
+
${this.circle && this.icon ? x`<slot name="circle-icon"
|
|
1845
|
+
><nys-icon
|
|
1846
|
+
size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
|
|
1847
|
+
name=${this.icon}
|
|
1848
|
+
></nys-icon
|
|
1849
|
+
></slot>` : ""}
|
|
1831
1850
|
</a>
|
|
1832
1851
|
</div>
|
|
1833
|
-
` :
|
|
1852
|
+
` : x`
|
|
1834
1853
|
<button
|
|
1835
1854
|
class="nys-button"
|
|
1836
1855
|
id=${E(this.id)}
|
|
@@ -1839,92 +1858,104 @@ const _ = (x = class extends jt {
|
|
|
1839
1858
|
form=${E(this.form ? this.form : void 0)}
|
|
1840
1859
|
value=${E(this.value ? this.value : void 0)}
|
|
1841
1860
|
type=${this.type}
|
|
1842
|
-
aria-label=${this.ariaLabel || this.label || "button"}
|
|
1861
|
+
aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
|
|
1843
1862
|
@click=${this._handleClick}
|
|
1844
1863
|
@focus="${this._handleFocus}"
|
|
1845
1864
|
@blur="${this._handleBlur}"
|
|
1846
1865
|
@keydown="${this._handleKeydown}"
|
|
1847
1866
|
>
|
|
1848
|
-
${this.prefixIcon && this.variant !== "text" ?
|
|
1867
|
+
${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
|
|
1849
1868
|
<nys-icon size="16" name=${this.prefixIcon}></nys-icon>
|
|
1850
1869
|
</slot>` : ""}
|
|
1851
|
-
${this.label ?
|
|
1852
|
-
${this.suffixIcon && this.variant !== "text" ?
|
|
1870
|
+
${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
|
|
1871
|
+
${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
|
|
1853
1872
|
<nys-icon size="16" name=${this.suffixIcon}></nys-icon>
|
|
1854
1873
|
</slot>` : ""}
|
|
1874
|
+
${this.circle && this.icon ? x`<slot name="circle-icon">
|
|
1875
|
+
<nys-icon
|
|
1876
|
+
size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
|
|
1877
|
+
name=${this.icon}
|
|
1878
|
+
></nys-icon>
|
|
1879
|
+
</slot>` : ""}
|
|
1855
1880
|
</button>
|
|
1856
1881
|
`}
|
|
1857
1882
|
`;
|
|
1858
1883
|
}
|
|
1859
|
-
},
|
|
1884
|
+
}, A.VALID_SIZES = ["sm", "md", "lg"], A.VALID_VARIANTS = [
|
|
1860
1885
|
"filled",
|
|
1861
1886
|
"outline",
|
|
1862
1887
|
"ghost",
|
|
1863
1888
|
"text"
|
|
1864
|
-
],
|
|
1889
|
+
], A.VALID_TYPES = ["submit", "reset", "button"], A.VALID_TARGETS = [
|
|
1865
1890
|
"_self",
|
|
1866
1891
|
"_blank",
|
|
1867
1892
|
"_parent",
|
|
1868
1893
|
"_top",
|
|
1869
1894
|
"framename"
|
|
1870
|
-
],
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
],
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
],
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
],
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
],
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
],
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
],
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
],
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
],
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
],
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
],
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
],
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
],
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
],
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
],
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
],
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
],
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
],
|
|
1922
|
-
|
|
1895
|
+
], A.styles = ze, A.formAssociated = !0, A);
|
|
1896
|
+
$([
|
|
1897
|
+
g({ type: String })
|
|
1898
|
+
], f.prototype, "id", 2);
|
|
1899
|
+
$([
|
|
1900
|
+
g({ type: String, reflect: !0 })
|
|
1901
|
+
], f.prototype, "name", 2);
|
|
1902
|
+
$([
|
|
1903
|
+
g({ reflect: !0 })
|
|
1904
|
+
], f.prototype, "size", 1);
|
|
1905
|
+
$([
|
|
1906
|
+
g({ type: Boolean, reflect: !0 })
|
|
1907
|
+
], f.prototype, "fullWidth", 2);
|
|
1908
|
+
$([
|
|
1909
|
+
g({ reflect: !0 })
|
|
1910
|
+
], f.prototype, "variant", 1);
|
|
1911
|
+
$([
|
|
1912
|
+
g({ type: Boolean, reflect: !0 })
|
|
1913
|
+
], f.prototype, "inverted", 2);
|
|
1914
|
+
$([
|
|
1915
|
+
g({ type: String })
|
|
1916
|
+
], f.prototype, "label", 2);
|
|
1917
|
+
$([
|
|
1918
|
+
g({ type: String })
|
|
1919
|
+
], f.prototype, "ariaLabel", 2);
|
|
1920
|
+
$([
|
|
1921
|
+
g({ type: String })
|
|
1922
|
+
], f.prototype, "prefixIcon", 2);
|
|
1923
|
+
$([
|
|
1924
|
+
g({ type: String })
|
|
1925
|
+
], f.prototype, "suffixIcon", 2);
|
|
1926
|
+
$([
|
|
1927
|
+
g({ type: Boolean, reflect: !0 })
|
|
1928
|
+
], f.prototype, "circle", 2);
|
|
1929
|
+
$([
|
|
1930
|
+
g({ type: String })
|
|
1931
|
+
], f.prototype, "icon", 2);
|
|
1932
|
+
$([
|
|
1933
|
+
g({ type: Boolean, reflect: !0 })
|
|
1934
|
+
], f.prototype, "disabled", 2);
|
|
1935
|
+
$([
|
|
1936
|
+
g({ type: String })
|
|
1937
|
+
], f.prototype, "form", 2);
|
|
1938
|
+
$([
|
|
1939
|
+
g({ type: String })
|
|
1940
|
+
], f.prototype, "value", 2);
|
|
1941
|
+
$([
|
|
1942
|
+
g({ reflect: !0 })
|
|
1943
|
+
], f.prototype, "type", 1);
|
|
1944
|
+
$([
|
|
1945
|
+
g({ type: Function })
|
|
1946
|
+
], f.prototype, "onClick", 2);
|
|
1947
|
+
$([
|
|
1948
|
+
g({ type: String })
|
|
1949
|
+
], f.prototype, "href", 2);
|
|
1950
|
+
$([
|
|
1951
|
+
g({ reflect: !0 })
|
|
1952
|
+
], f.prototype, "target", 1);
|
|
1953
|
+
let Ye = f;
|
|
1923
1954
|
customElements.get("nys-button") || customElements.define("nys-button", Ye);
|
|
1924
|
-
var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor,
|
|
1925
|
-
for (var
|
|
1926
|
-
(
|
|
1927
|
-
return s &&
|
|
1955
|
+
var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
|
|
1956
|
+
for (var o = s > 1 ? void 0 : s ? Qe(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1957
|
+
(r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
|
|
1958
|
+
return s && o && Je(t, e, o), o;
|
|
1928
1959
|
};
|
|
1929
1960
|
let Xe = 0;
|
|
1930
1961
|
var w;
|
|
@@ -1964,23 +1995,23 @@ const u = (w = class extends jt {
|
|
|
1964
1995
|
this._internals.setFormValue(this.value), this._manageRequire();
|
|
1965
1996
|
}
|
|
1966
1997
|
_manageRequire() {
|
|
1967
|
-
var
|
|
1968
|
-
const t = (
|
|
1998
|
+
var o, i;
|
|
1999
|
+
const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
|
|
1969
2000
|
if (!t) return;
|
|
1970
2001
|
const e = this.errorMessage || "This field is required";
|
|
1971
2002
|
this.required && (!this.value || ((i = this.value) == null ? void 0 : i.trim()) === "") ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this._hasUserInteracted = !1);
|
|
1972
2003
|
}
|
|
1973
2004
|
_setValidityMessage(t = "") {
|
|
1974
|
-
var
|
|
1975
|
-
const e = (
|
|
2005
|
+
var o, i;
|
|
2006
|
+
const e = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
|
|
1976
2007
|
if (!e) return;
|
|
1977
2008
|
this.showError = !!t, (i = this._originalErrorMessage) != null && i.trim() && t !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = t;
|
|
1978
2009
|
const s = t ? { customError: !0 } : {};
|
|
1979
2010
|
this._internals.setValidity(s, this.errorMessage, e);
|
|
1980
2011
|
}
|
|
1981
2012
|
_validate() {
|
|
1982
|
-
var
|
|
1983
|
-
const t = (
|
|
2013
|
+
var o;
|
|
2014
|
+
const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
|
|
1984
2015
|
if (!t) return;
|
|
1985
2016
|
const e = t.validity;
|
|
1986
2017
|
let s = "";
|
|
@@ -1998,8 +2029,8 @@ const u = (w = class extends jt {
|
|
|
1998
2029
|
t.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
1999
2030
|
const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
|
|
2000
2031
|
if (e) {
|
|
2001
|
-
const
|
|
2002
|
-
|
|
2032
|
+
const o = this._internals.form;
|
|
2033
|
+
o ? Array.from(o.elements).find(
|
|
2003
2034
|
(l) => typeof l.checkValidity == "function" && !l.checkValidity()
|
|
2004
2035
|
) === this && e.focus() : e.focus();
|
|
2005
2036
|
}
|
|
@@ -2028,16 +2059,16 @@ const u = (w = class extends jt {
|
|
|
2028
2059
|
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
|
|
2029
2060
|
}
|
|
2030
2061
|
_validateButtonSlot(t) {
|
|
2031
|
-
var
|
|
2032
|
-
const e = (
|
|
2062
|
+
var r, l;
|
|
2063
|
+
const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector(
|
|
2033
2064
|
'slot[name="' + t + '"]'
|
|
2034
2065
|
), s = (l = this.shadowRoot) == null ? void 0 : l.querySelector(
|
|
2035
2066
|
".nys-textinput__buttoncontainer"
|
|
2036
2067
|
);
|
|
2037
2068
|
if (!e || !s) return;
|
|
2038
|
-
const
|
|
2069
|
+
const o = e.assignedElements();
|
|
2039
2070
|
let i = !1;
|
|
2040
|
-
|
|
2071
|
+
o.forEach((a) => {
|
|
2041
2072
|
a instanceof HTMLElement && a.tagName.toLowerCase() === "nys-button" && !i ? (i = !0, a.setAttribute("size", "sm"), a.setAttribute("variant", "primary"), this.disabled ? a.setAttribute("disabled", "true") : a.removeAttribute("disabled")) : (console.warn(
|
|
2042
2073
|
"The '" + t + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
|
|
2043
2074
|
a
|
|
@@ -2045,7 +2076,7 @@ const u = (w = class extends jt {
|
|
|
2045
2076
|
}), t === "startButton" ? s.classList.toggle("has-start-button", i) : t === "endButton" && s.classList.toggle("has-end-button", i);
|
|
2046
2077
|
}
|
|
2047
2078
|
render() {
|
|
2048
|
-
return
|
|
2079
|
+
return x`
|
|
2049
2080
|
<div class="nys-textinput">
|
|
2050
2081
|
<nys-label
|
|
2051
2082
|
id=${this.id}
|
|
@@ -2088,7 +2119,7 @@ const u = (w = class extends jt {
|
|
|
2088
2119
|
@focus="${this._handleFocus}"
|
|
2089
2120
|
@blur="${this._handleBlur}"
|
|
2090
2121
|
/>
|
|
2091
|
-
${this.type === "password" ?
|
|
2122
|
+
${this.type === "password" ? x` <nys-button
|
|
2092
2123
|
class="eye-icon"
|
|
2093
2124
|
id="password-toggle"
|
|
2094
2125
|
suffixIcon="slotted"
|
|
@@ -2124,67 +2155,67 @@ const u = (w = class extends jt {
|
|
|
2124
2155
|
"text",
|
|
2125
2156
|
"url"
|
|
2126
2157
|
], w.VALID_WIDTHS = ["sm", "md", "lg", "full"], w.styles = ve, w.formAssociated = !0, w);
|
|
2127
|
-
|
|
2158
|
+
y([
|
|
2128
2159
|
p({ type: String })
|
|
2129
2160
|
], u.prototype, "id", 2);
|
|
2130
|
-
|
|
2161
|
+
y([
|
|
2131
2162
|
p({ type: String, reflect: !0 })
|
|
2132
2163
|
], u.prototype, "name", 2);
|
|
2133
|
-
|
|
2164
|
+
y([
|
|
2134
2165
|
p({ reflect: !0 })
|
|
2135
2166
|
], u.prototype, "type", 1);
|
|
2136
|
-
|
|
2167
|
+
y([
|
|
2137
2168
|
p({ type: String })
|
|
2138
2169
|
], u.prototype, "label", 2);
|
|
2139
|
-
|
|
2170
|
+
y([
|
|
2140
2171
|
p({ type: String })
|
|
2141
2172
|
], u.prototype, "description", 2);
|
|
2142
|
-
|
|
2173
|
+
y([
|
|
2143
2174
|
p({ type: String })
|
|
2144
2175
|
], u.prototype, "placeholder", 2);
|
|
2145
|
-
|
|
2176
|
+
y([
|
|
2146
2177
|
p({ type: String })
|
|
2147
2178
|
], u.prototype, "value", 2);
|
|
2148
|
-
|
|
2179
|
+
y([
|
|
2149
2180
|
p({ type: Boolean, reflect: !0 })
|
|
2150
2181
|
], u.prototype, "disabled", 2);
|
|
2151
|
-
|
|
2182
|
+
y([
|
|
2152
2183
|
p({ type: Boolean, reflect: !0 })
|
|
2153
2184
|
], u.prototype, "readonly", 2);
|
|
2154
|
-
|
|
2185
|
+
y([
|
|
2155
2186
|
p({ type: Boolean, reflect: !0 })
|
|
2156
2187
|
], u.prototype, "required", 2);
|
|
2157
|
-
|
|
2188
|
+
y([
|
|
2158
2189
|
p({ type: Boolean, reflect: !0 })
|
|
2159
2190
|
], u.prototype, "optional", 2);
|
|
2160
|
-
|
|
2191
|
+
y([
|
|
2161
2192
|
p({ type: String })
|
|
2162
2193
|
], u.prototype, "form", 2);
|
|
2163
|
-
|
|
2194
|
+
y([
|
|
2164
2195
|
p({ type: String })
|
|
2165
2196
|
], u.prototype, "pattern", 2);
|
|
2166
|
-
|
|
2197
|
+
y([
|
|
2167
2198
|
p({ type: Number })
|
|
2168
2199
|
], u.prototype, "maxlength", 2);
|
|
2169
|
-
|
|
2200
|
+
y([
|
|
2170
2201
|
p({ reflect: !0 })
|
|
2171
2202
|
], u.prototype, "width", 2);
|
|
2172
|
-
|
|
2203
|
+
y([
|
|
2173
2204
|
p({ type: Number })
|
|
2174
2205
|
], u.prototype, "step", 2);
|
|
2175
|
-
|
|
2206
|
+
y([
|
|
2176
2207
|
p({ type: Number })
|
|
2177
2208
|
], u.prototype, "min", 2);
|
|
2178
|
-
|
|
2209
|
+
y([
|
|
2179
2210
|
p({ type: Number })
|
|
2180
2211
|
], u.prototype, "max", 2);
|
|
2181
|
-
|
|
2212
|
+
y([
|
|
2182
2213
|
p({ type: Boolean, reflect: !0 })
|
|
2183
2214
|
], u.prototype, "showError", 2);
|
|
2184
|
-
|
|
2215
|
+
y([
|
|
2185
2216
|
p({ type: String })
|
|
2186
2217
|
], u.prototype, "errorMessage", 2);
|
|
2187
|
-
|
|
2218
|
+
y([
|
|
2188
2219
|
be()
|
|
2189
2220
|
], u.prototype, "showPassword", 2);
|
|
2190
2221
|
let ts = u;
|