next-flow-design 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/react/index.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { createComponent as O } from "@lit/react";
|
|
2
2
|
import V from "react";
|
|
3
3
|
import { css as A, LitElement as q, html as p } from "lit";
|
|
4
|
-
const N = (t) => (e,
|
|
5
|
-
|
|
4
|
+
const N = (t) => (e, o) => {
|
|
5
|
+
o !== void 0 ? o.addInitializer(() => {
|
|
6
6
|
customElements.define(t, e);
|
|
7
7
|
}) : customElements.define(t, e);
|
|
8
8
|
};
|
|
9
9
|
const G = globalThis, ie = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, xe = /* @__PURE__ */ Symbol(), ue = /* @__PURE__ */ new WeakMap();
|
|
10
10
|
let Pe = class {
|
|
11
|
-
constructor(e,
|
|
12
|
-
if (this._$cssResult$ = !0,
|
|
13
|
-
this.cssText = e, this.t =
|
|
11
|
+
constructor(e, o, s) {
|
|
12
|
+
if (this._$cssResult$ = !0, s !== xe) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
13
|
+
this.cssText = e, this.t = o;
|
|
14
14
|
}
|
|
15
15
|
get styleSheet() {
|
|
16
16
|
let e = this.o;
|
|
17
|
-
const
|
|
17
|
+
const o = this.t;
|
|
18
18
|
if (ie && e === void 0) {
|
|
19
|
-
const
|
|
20
|
-
|
|
19
|
+
const s = o !== void 0 && o.length === 1;
|
|
20
|
+
s && (e = ue.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && ue.set(o, e));
|
|
21
21
|
}
|
|
22
22
|
return e;
|
|
23
23
|
}
|
|
@@ -26,17 +26,17 @@ let Pe = class {
|
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
const De = (t) => new Pe(typeof t == "string" ? t : t + "", void 0, xe), Me = (t, e) => {
|
|
29
|
-
if (ie) t.adoptedStyleSheets = e.map((
|
|
30
|
-
else for (const
|
|
31
|
-
const
|
|
32
|
-
r !== void 0 &&
|
|
29
|
+
if (ie) t.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
|
|
30
|
+
else for (const o of e) {
|
|
31
|
+
const s = document.createElement("style"), r = G.litNonce;
|
|
32
|
+
r !== void 0 && s.setAttribute("nonce", r), s.textContent = o.cssText, t.appendChild(s);
|
|
33
33
|
}
|
|
34
34
|
}, pe = ie ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
|
|
35
|
-
let
|
|
36
|
-
for (const
|
|
37
|
-
return De(
|
|
35
|
+
let o = "";
|
|
36
|
+
for (const s of e.cssRules) o += s.cssText;
|
|
37
|
+
return De(o);
|
|
38
38
|
})(t) : t;
|
|
39
|
-
const { is: Oe, defineProperty: Ve, getOwnPropertyDescriptor: Ne, getOwnPropertyNames: Be, getOwnPropertySymbols: Te, getPrototypeOf: He } = Object, te = globalThis, fe = te.trustedTypes, Ue = fe ? fe.emptyScript : "", Ie = te.reactiveElementPolyfillSupport,
|
|
39
|
+
const { is: Oe, defineProperty: Ve, getOwnPropertyDescriptor: Ne, getOwnPropertyNames: Be, getOwnPropertySymbols: Te, getPrototypeOf: He } = Object, te = globalThis, fe = te.trustedTypes, Ue = fe ? fe.emptyScript : "", Ie = te.reactiveElementPolyfillSupport, z = (t, e) => t, J = { toAttribute(t, e) {
|
|
40
40
|
switch (e) {
|
|
41
41
|
case Boolean:
|
|
42
42
|
t = t ? Ue : null;
|
|
@@ -47,23 +47,23 @@ const { is: Oe, defineProperty: Ve, getOwnPropertyDescriptor: Ne, getOwnProperty
|
|
|
47
47
|
}
|
|
48
48
|
return t;
|
|
49
49
|
}, fromAttribute(t, e) {
|
|
50
|
-
let
|
|
50
|
+
let o = t;
|
|
51
51
|
switch (e) {
|
|
52
52
|
case Boolean:
|
|
53
|
-
|
|
53
|
+
o = t !== null;
|
|
54
54
|
break;
|
|
55
55
|
case Number:
|
|
56
|
-
|
|
56
|
+
o = t === null ? null : Number(t);
|
|
57
57
|
break;
|
|
58
58
|
case Object:
|
|
59
59
|
case Array:
|
|
60
60
|
try {
|
|
61
|
-
|
|
61
|
+
o = JSON.parse(t);
|
|
62
62
|
} catch {
|
|
63
|
-
|
|
63
|
+
o = null;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
return
|
|
66
|
+
return o;
|
|
67
67
|
} }, ne = (t, e) => !Oe(t, e), be = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: ne };
|
|
68
68
|
Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), te.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
69
69
|
let T = class extends HTMLElement {
|
|
@@ -73,60 +73,60 @@ let T = class extends HTMLElement {
|
|
|
73
73
|
static get observedAttributes() {
|
|
74
74
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
75
75
|
}
|
|
76
|
-
static createProperty(e,
|
|
77
|
-
if (
|
|
78
|
-
const
|
|
76
|
+
static createProperty(e, o = be) {
|
|
77
|
+
if (o.state && (o.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((o = Object.create(o)).wrapped = !0), this.elementProperties.set(e, o), !o.noAccessor) {
|
|
78
|
+
const s = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(e, s, o);
|
|
79
79
|
r !== void 0 && Ve(this.prototype, e, r);
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
static getPropertyDescriptor(e,
|
|
82
|
+
static getPropertyDescriptor(e, o, s) {
|
|
83
83
|
const { get: r, set: i } = Ne(this.prototype, e) ?? { get() {
|
|
84
|
-
return this[
|
|
84
|
+
return this[o];
|
|
85
85
|
}, set(n) {
|
|
86
|
-
this[
|
|
86
|
+
this[o] = n;
|
|
87
87
|
} };
|
|
88
88
|
return { get: r, set(n) {
|
|
89
89
|
const l = r?.call(this);
|
|
90
|
-
i?.call(this, n), this.requestUpdate(e, l,
|
|
90
|
+
i?.call(this, n), this.requestUpdate(e, l, s);
|
|
91
91
|
}, configurable: !0, enumerable: !0 };
|
|
92
92
|
}
|
|
93
93
|
static getPropertyOptions(e) {
|
|
94
94
|
return this.elementProperties.get(e) ?? be;
|
|
95
95
|
}
|
|
96
96
|
static _$Ei() {
|
|
97
|
-
if (this.hasOwnProperty(
|
|
97
|
+
if (this.hasOwnProperty(z("elementProperties"))) return;
|
|
98
98
|
const e = He(this);
|
|
99
99
|
e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
|
|
100
100
|
}
|
|
101
101
|
static finalize() {
|
|
102
|
-
if (this.hasOwnProperty(
|
|
103
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(
|
|
104
|
-
const
|
|
105
|
-
for (const r of
|
|
102
|
+
if (this.hasOwnProperty(z("finalized"))) return;
|
|
103
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(z("properties"))) {
|
|
104
|
+
const o = this.properties, s = [...Be(o), ...Te(o)];
|
|
105
|
+
for (const r of s) this.createProperty(r, o[r]);
|
|
106
106
|
}
|
|
107
107
|
const e = this[Symbol.metadata];
|
|
108
108
|
if (e !== null) {
|
|
109
|
-
const
|
|
110
|
-
if (
|
|
109
|
+
const o = litPropertyMetadata.get(e);
|
|
110
|
+
if (o !== void 0) for (const [s, r] of o) this.elementProperties.set(s, r);
|
|
111
111
|
}
|
|
112
112
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
113
|
-
for (const [
|
|
114
|
-
const r = this._$Eu(
|
|
115
|
-
r !== void 0 && this._$Eh.set(r,
|
|
113
|
+
for (const [o, s] of this.elementProperties) {
|
|
114
|
+
const r = this._$Eu(o, s);
|
|
115
|
+
r !== void 0 && this._$Eh.set(r, o);
|
|
116
116
|
}
|
|
117
117
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
118
118
|
}
|
|
119
119
|
static finalizeStyles(e) {
|
|
120
|
-
const
|
|
120
|
+
const o = [];
|
|
121
121
|
if (Array.isArray(e)) {
|
|
122
|
-
const
|
|
123
|
-
for (const r of
|
|
124
|
-
} else e !== void 0 &&
|
|
125
|
-
return
|
|
122
|
+
const s = new Set(e.flat(1 / 0).reverse());
|
|
123
|
+
for (const r of s) o.unshift(pe(r));
|
|
124
|
+
} else e !== void 0 && o.push(pe(e));
|
|
125
|
+
return o;
|
|
126
126
|
}
|
|
127
|
-
static _$Eu(e,
|
|
128
|
-
const
|
|
129
|
-
return
|
|
127
|
+
static _$Eu(e, o) {
|
|
128
|
+
const s = o.attribute;
|
|
129
|
+
return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
|
|
130
130
|
}
|
|
131
131
|
constructor() {
|
|
132
132
|
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
@@ -141,8 +141,8 @@ let T = class extends HTMLElement {
|
|
|
141
141
|
this._$EO?.delete(e);
|
|
142
142
|
}
|
|
143
143
|
_$E_() {
|
|
144
|
-
const e = /* @__PURE__ */ new Map(),
|
|
145
|
-
for (const
|
|
144
|
+
const e = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
|
|
145
|
+
for (const s of o.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
|
|
146
146
|
e.size > 0 && (this._$Ep = e);
|
|
147
147
|
}
|
|
148
148
|
createRenderRoot() {
|
|
@@ -157,42 +157,42 @@ let T = class extends HTMLElement {
|
|
|
157
157
|
disconnectedCallback() {
|
|
158
158
|
this._$EO?.forEach((e) => e.hostDisconnected?.());
|
|
159
159
|
}
|
|
160
|
-
attributeChangedCallback(e,
|
|
161
|
-
this._$AK(e,
|
|
160
|
+
attributeChangedCallback(e, o, s) {
|
|
161
|
+
this._$AK(e, s);
|
|
162
162
|
}
|
|
163
|
-
_$ET(e,
|
|
164
|
-
const
|
|
165
|
-
if (r !== void 0 &&
|
|
166
|
-
const i = (
|
|
163
|
+
_$ET(e, o) {
|
|
164
|
+
const s = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, s);
|
|
165
|
+
if (r !== void 0 && s.reflect === !0) {
|
|
166
|
+
const i = (s.converter?.toAttribute !== void 0 ? s.converter : J).toAttribute(o, s.type);
|
|
167
167
|
this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
_$AK(e,
|
|
171
|
-
const
|
|
170
|
+
_$AK(e, o) {
|
|
171
|
+
const s = this.constructor, r = s._$Eh.get(e);
|
|
172
172
|
if (r !== void 0 && this._$Em !== r) {
|
|
173
|
-
const i =
|
|
173
|
+
const i = s.getPropertyOptions(r), n = typeof i.converter == "function" ? { fromAttribute: i.converter } : i.converter?.fromAttribute !== void 0 ? i.converter : J;
|
|
174
174
|
this._$Em = r;
|
|
175
|
-
const l = n.fromAttribute(
|
|
175
|
+
const l = n.fromAttribute(o, i.type);
|
|
176
176
|
this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
requestUpdate(e,
|
|
179
|
+
requestUpdate(e, o, s, r = !1, i) {
|
|
180
180
|
if (e !== void 0) {
|
|
181
181
|
const n = this.constructor;
|
|
182
|
-
if (r === !1 && (i = this[e]),
|
|
183
|
-
this.C(e,
|
|
182
|
+
if (r === !1 && (i = this[e]), s ??= n.getPropertyOptions(e), !((s.hasChanged ?? ne)(i, o) || s.useDefault && s.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, s)))) return;
|
|
183
|
+
this.C(e, o, s);
|
|
184
184
|
}
|
|
185
185
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
186
186
|
}
|
|
187
|
-
C(e,
|
|
188
|
-
|
|
187
|
+
C(e, o, { useDefault: s, reflect: r, wrapped: i }, n) {
|
|
188
|
+
s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? o ?? this[e]), i !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (o = void 0), this._$AL.set(e, o)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
|
|
189
189
|
}
|
|
190
190
|
async _$EP() {
|
|
191
191
|
this.isUpdatePending = !0;
|
|
192
192
|
try {
|
|
193
193
|
await this._$ES;
|
|
194
|
-
} catch (
|
|
195
|
-
Promise.reject(
|
|
194
|
+
} catch (o) {
|
|
195
|
+
Promise.reject(o);
|
|
196
196
|
}
|
|
197
197
|
const e = this.scheduleUpdate();
|
|
198
198
|
return e != null && await e, !this.isUpdatePending;
|
|
@@ -207,25 +207,25 @@ let T = class extends HTMLElement {
|
|
|
207
207
|
for (const [r, i] of this._$Ep) this[r] = i;
|
|
208
208
|
this._$Ep = void 0;
|
|
209
209
|
}
|
|
210
|
-
const
|
|
211
|
-
if (
|
|
210
|
+
const s = this.constructor.elementProperties;
|
|
211
|
+
if (s.size > 0) for (const [r, i] of s) {
|
|
212
212
|
const { wrapped: n } = i, l = this[r];
|
|
213
213
|
n !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, i, l);
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
216
|
let e = !1;
|
|
217
|
-
const
|
|
217
|
+
const o = this._$AL;
|
|
218
218
|
try {
|
|
219
|
-
e = this.shouldUpdate(
|
|
220
|
-
} catch (
|
|
221
|
-
throw e = !1, this._$EM(),
|
|
219
|
+
e = this.shouldUpdate(o), e ? (this.willUpdate(o), this._$EO?.forEach((s) => s.hostUpdate?.()), this.update(o)) : this._$EM();
|
|
220
|
+
} catch (s) {
|
|
221
|
+
throw e = !1, this._$EM(), s;
|
|
222
222
|
}
|
|
223
|
-
e && this._$AE(
|
|
223
|
+
e && this._$AE(o);
|
|
224
224
|
}
|
|
225
225
|
willUpdate(e) {
|
|
226
226
|
}
|
|
227
227
|
_$AE(e) {
|
|
228
|
-
this._$EO?.forEach((
|
|
228
|
+
this._$EO?.forEach((o) => o.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
|
|
229
229
|
}
|
|
230
230
|
_$EM() {
|
|
231
231
|
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
|
@@ -240,19 +240,19 @@ let T = class extends HTMLElement {
|
|
|
240
240
|
return !0;
|
|
241
241
|
}
|
|
242
242
|
update(e) {
|
|
243
|
-
this._$Eq &&= this._$Eq.forEach((
|
|
243
|
+
this._$Eq &&= this._$Eq.forEach((o) => this._$ET(o, this[o])), this._$EM();
|
|
244
244
|
}
|
|
245
245
|
updated(e) {
|
|
246
246
|
}
|
|
247
247
|
firstUpdated(e) {
|
|
248
248
|
}
|
|
249
249
|
};
|
|
250
|
-
T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[
|
|
251
|
-
const Le = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ne }, Fe = (t = Le, e,
|
|
252
|
-
const { kind:
|
|
250
|
+
T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[z("elementProperties")] = /* @__PURE__ */ new Map(), T[z("finalized")] = /* @__PURE__ */ new Map(), Ie?.({ ReactiveElement: T }), (te.reactiveElementVersions ??= []).push("2.1.2");
|
|
251
|
+
const Le = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ne }, Fe = (t = Le, e, o) => {
|
|
252
|
+
const { kind: s, metadata: r } = o;
|
|
253
253
|
let i = globalThis.litPropertyMetadata.get(r);
|
|
254
|
-
if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()),
|
|
255
|
-
const { name: n } =
|
|
254
|
+
if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()), s === "setter" && ((t = Object.create(t)).wrapped = !0), i.set(o.name, t), s === "accessor") {
|
|
255
|
+
const { name: n } = o;
|
|
256
256
|
return { set(l) {
|
|
257
257
|
const a = e.get.call(this);
|
|
258
258
|
e.set.call(this, l), this.requestUpdate(n, a, t, !0, l);
|
|
@@ -260,31 +260,31 @@ const Le = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged:
|
|
|
260
260
|
return l !== void 0 && this.C(n, void 0, t, l), l;
|
|
261
261
|
} };
|
|
262
262
|
}
|
|
263
|
-
if (
|
|
264
|
-
const { name: n } =
|
|
263
|
+
if (s === "setter") {
|
|
264
|
+
const { name: n } = o;
|
|
265
265
|
return function(l) {
|
|
266
266
|
const a = this[n];
|
|
267
267
|
e.call(this, l), this.requestUpdate(n, a, t, !0, l);
|
|
268
268
|
};
|
|
269
269
|
}
|
|
270
|
-
throw Error("Unsupported decorator location: " +
|
|
270
|
+
throw Error("Unsupported decorator location: " + s);
|
|
271
271
|
};
|
|
272
272
|
function h(t) {
|
|
273
|
-
return (e,
|
|
273
|
+
return (e, o) => typeof o == "object" ? Fe(t, e, o) : ((s, r, i) => {
|
|
274
274
|
const n = r.hasOwnProperty(i);
|
|
275
|
-
return r.constructor.createProperty(i,
|
|
276
|
-
})(t, e,
|
|
275
|
+
return r.constructor.createProperty(i, s), n ? Object.getOwnPropertyDescriptor(r, i) : void 0;
|
|
276
|
+
})(t, e, o);
|
|
277
277
|
}
|
|
278
278
|
function $(t) {
|
|
279
279
|
return h({ ...t, state: !0, attribute: !1 });
|
|
280
280
|
}
|
|
281
|
-
const K = A`:host{display:inline-flex;align-items:center;position:relative;width:var(--nf-width);height:var(--nf-height);padding:var(--nf-padding);margin:var(--nf-margin);font-size:var(--nf-text-font-size);font-weight:var(--nf-font-weight);color:var(--nf-color);background:var(--nf-background-color);border-radius:var(--nf-border-radius);border:1px solid var(--nf-border-color);outline:0;background-clip:padding-box;box-shadow:0 0 0 .15rem var(--nf-box-shadow-color);transition:color var(--nf-transition) ease-in-out,background-color var(--nf-transition) ease-in-out,border-color var(--nf-transition) ease-in-out,box-shadow var(--nf-transition) ease-in-out}:host(:focus){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus);background:var(--nf-background-color-hover)}:host(:hover:not([disabled])){border-color:var(--nf-border-color-hover);background:var(--nf-background-color-hover)}:host([disabled]){cursor:not-allowed;opacity:.6;pointer-events:auto}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}`,
|
|
282
|
-
var
|
|
283
|
-
for (var r =
|
|
284
|
-
(n = t[i]) && (r = (
|
|
285
|
-
return
|
|
281
|
+
const K = A`:host{display:inline-flex;align-items:center;position:relative;width:var(--nf-width);height:var(--nf-height);padding:var(--nf-padding);margin:var(--nf-margin);font-size:var(--nf-text-font-size);font-weight:var(--nf-font-weight);color:var(--nf-color);background:var(--nf-background-color);border-radius:var(--nf-border-radius);border:1px solid var(--nf-border-color);outline:0;background-clip:padding-box;box-shadow:0 0 0 .15rem var(--nf-box-shadow-color);transition:color var(--nf-transition) ease-in-out,background-color var(--nf-transition) ease-in-out,border-color var(--nf-transition) ease-in-out,box-shadow var(--nf-transition) ease-in-out}:host(:focus){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus);background:var(--nf-background-color-hover)}:host(:hover:not([disabled])){border-color:var(--nf-border-color-hover);background:var(--nf-background-color-hover)}:host([disabled]){cursor:not-allowed;opacity:.6;pointer-events:auto}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}`, ze = A`:host{min-width:10rem;position:relative;display:inline-block}:host([disabled]) .input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .toggle-password{cursor:not-allowed;pointer-events:none;opacity:.5}::slotted(*){position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.input{position:absolute;inset:0;padding:var(--nf-input-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input:has(.toggle-password){padding-right:2.5rem}.input .toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--nf-select-icon-color);transition:color var(--nf-transition-fast) ease;outline:0}.input .toggle-password:hover{color:var(--nf-icon-color-hover)}.input .toggle-password:active{color:var(--nf-icon-color-active)}.input .toggle-password svg{display:block}`;
|
|
282
|
+
var je = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, B = (t, e, o, s) => {
|
|
283
|
+
for (var r = s > 1 ? void 0 : s ? Re(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
284
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
285
|
+
return s && r && je(e, o, r), r;
|
|
286
286
|
};
|
|
287
|
-
let
|
|
287
|
+
let y = class extends q {
|
|
288
288
|
constructor() {
|
|
289
289
|
super(...arguments), this.value = "", this.placeholder = "", this.type = "text", this.disabled = !1, this.showPassword = !1, this.onInput = (t) => {
|
|
290
290
|
t.stopPropagation();
|
|
@@ -344,31 +344,31 @@ let w = class extends q {
|
|
|
344
344
|
});
|
|
345
345
|
}
|
|
346
346
|
};
|
|
347
|
-
|
|
347
|
+
y.styles = [K, ze];
|
|
348
348
|
B([
|
|
349
349
|
h({ type: String })
|
|
350
|
-
],
|
|
350
|
+
], y.prototype, "value", 2);
|
|
351
351
|
B([
|
|
352
352
|
h({ type: String })
|
|
353
|
-
],
|
|
353
|
+
], y.prototype, "placeholder", 2);
|
|
354
354
|
B([
|
|
355
355
|
h({ type: String })
|
|
356
|
-
],
|
|
356
|
+
], y.prototype, "type", 2);
|
|
357
357
|
B([
|
|
358
358
|
h({ type: Number })
|
|
359
|
-
],
|
|
359
|
+
], y.prototype, "maxLength", 2);
|
|
360
360
|
B([
|
|
361
361
|
h({ type: Boolean, reflect: !0 })
|
|
362
|
-
],
|
|
362
|
+
], y.prototype, "disabled", 2);
|
|
363
363
|
B([
|
|
364
364
|
$()
|
|
365
|
-
],
|
|
366
|
-
|
|
365
|
+
], y.prototype, "showPassword", 2);
|
|
366
|
+
y = B([
|
|
367
367
|
N("nf-input")
|
|
368
|
-
],
|
|
368
|
+
], y);
|
|
369
369
|
const Mt = O({
|
|
370
370
|
tagName: "nf-input",
|
|
371
|
-
elementClass:
|
|
371
|
+
elementClass: y,
|
|
372
372
|
react: V,
|
|
373
373
|
events: {
|
|
374
374
|
onInput: "input",
|
|
@@ -380,10 +380,10 @@ async function We(t) {
|
|
|
380
380
|
return new Promise((e) => setTimeout(e, t));
|
|
381
381
|
}
|
|
382
382
|
const qe = A`:host{min-width:5rem;-webkit-user-select:none;user-select:none;cursor:pointer}:host .text{flex-grow:1;display:inline-block;outline:0;white-space:nowrap}:host .icon{width:1.5rem;height:1.5rem;display:inline-block;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round;margin:0 -.3rem 0 .5rem}:host .dropdown{position:absolute;top:2rem;right:0;left:0;padding:.3rem;background:var(--nf-dropdown-background);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:.5rem;opacity:0;pointer-events:none;color:var(--nf-color);box-shadow:0 0 1rem 0 var(--nf-dropdown-shadow);z-index:1000;transition:opacity var(--nf-transition) ease-out,transform var(--nf-transition) ease-out}:host .dropdown .item{white-space:nowrap;padding:.4rem .7rem;overflow:hidden;text-overflow:ellipsis;border-radius:.3rem;cursor:pointer}:host .dropdown .item-unselected:hover{background:var(--nf-item-background-hover);transition:background-color var(--nf-transition) ease-in-out}:host .dropdown .item-unselected:active{background:var(--nf-item-background-active)}:host .dropdown .item-selected{background-color:color-mix(in srgb,var(--nf-primary-color) 30%,transparent)}:host([disabled]){cursor:not-allowed}:host([disabled]) .text{color:var(--nf-color-disabled)}:host([disabled]) .icon{stroke:var(--nf-color-disabled)}:host([disabled]) .dropdown{display:none}:host(:focus:not([disabled])){color:var(--nf-focus-text-color)}:host(:focus:not([disabled])) .dropdown{transform:translateY(.5rem);opacity:1;pointer-events:auto}:host(:focus:not([disabled])) .cover{pointer-events:auto}`;
|
|
383
|
-
var Ke = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Y = (t, e,
|
|
384
|
-
for (var r =
|
|
385
|
-
(n = t[i]) && (r = (
|
|
386
|
-
return
|
|
383
|
+
var Ke = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Y = (t, e, o, s) => {
|
|
384
|
+
for (var r = s > 1 ? void 0 : s ? Ye(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
385
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
386
|
+
return s && r && Ke(e, o, r), r;
|
|
387
387
|
};
|
|
388
388
|
let C = class extends q {
|
|
389
389
|
constructor() {
|
|
@@ -407,9 +407,9 @@ let C = class extends q {
|
|
|
407
407
|
this.dispatchEvent(new CustomEvent("input", { detail: t, bubbles: !0, composed: !0 })), this.value !== t && this.dispatchEvent(new CustomEvent("change", { detail: t, bubbles: !0, composed: !0 })), await We(34), this.blur();
|
|
408
408
|
}
|
|
409
409
|
render() {
|
|
410
|
-
const t = this.options.findIndex((
|
|
410
|
+
const t = this.options.findIndex((o) => o.value == this.value), e = t > -1 ? this.options[t]?.label : this.value;
|
|
411
411
|
return p`<div class=dropdown>${(this.showDropdown ? this.options : []).map(
|
|
412
|
-
(
|
|
412
|
+
(o) => p`<div @click=${() => this.set(o.value)} class="${this.value == o.value ? "item-selected" : "item-unselected"} item">${o.label}</div>`
|
|
413
413
|
)}</div><slot></slot><div class=text>${e}</div><svg class=icon height=24 viewBox="0 0 24 24"width=24><path d="M17 10l-5 5.5-5-5.5"/></svg>`;
|
|
414
414
|
}
|
|
415
415
|
connectedCallback() {
|
|
@@ -459,71 +459,71 @@ const Ot = O({
|
|
|
459
459
|
onChange: "change"
|
|
460
460
|
}
|
|
461
461
|
});
|
|
462
|
-
const ae = globalThis, me = (t) => t, Q = ae.trustedTypes, ge = Q ? Q.createPolicy("lit-html", { createHTML: (t) => t }) : void 0,
|
|
463
|
-
\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ve = /-->/g, _e = />/g, S = RegExp(`>|${
|
|
464
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
462
|
+
const ae = globalThis, me = (t) => t, Q = ae.trustedTypes, ge = Q ? Q.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ke = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ee = "?" + E, Xe = `<${Ee}>`, D = document, j = () => D.createComment(""), R = (t) => t === null || typeof t != "object" && typeof t != "function", le = Array.isArray, Ze = (t) => le(t) || typeof t?.[Symbol.iterator] == "function", se = `[
|
|
463
|
+
\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ve = /-->/g, _e = />/g, S = RegExp(`>|${se}(?:([^\\s"'>=/]+)(${se}*=${se}*(?:[^
|
|
464
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, ye = /"/g, Ce = /^(?:script|style|textarea|title)$/i, Ge = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), re = Ge(1), M = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), $e = /* @__PURE__ */ new WeakMap(), P = D.createTreeWalker(D, 129);
|
|
465
465
|
function Ae(t, e) {
|
|
466
466
|
if (!le(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
467
467
|
return ge !== void 0 ? ge.createHTML(e) : e;
|
|
468
468
|
}
|
|
469
469
|
const Je = (t, e) => {
|
|
470
|
-
const
|
|
470
|
+
const o = t.length - 1, s = [];
|
|
471
471
|
let r, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = F;
|
|
472
|
-
for (let l = 0; l <
|
|
472
|
+
for (let l = 0; l < o; l++) {
|
|
473
473
|
const a = t[l];
|
|
474
474
|
let c, u, d = -1, x = 0;
|
|
475
|
-
for (; x < a.length && (n.lastIndex = x, u = n.exec(a), u !== null); ) x = n.lastIndex, n === F ? u[1] === "!--" ? n = ve : u[1] !== void 0 ? n = _e : u[2] !== void 0 ? (Ce.test(u[2]) && (r = RegExp("</" + u[2], "g")), n = S) : u[3] !== void 0 && (n = S) : n === S ? u[0] === ">" ? (n = r ?? F, d = -1) : u[1] === void 0 ? d = -2 : (d = n.lastIndex - u[2].length, c = u[1], n = u[3] === void 0 ? S : u[3] === '"' ?
|
|
476
|
-
const
|
|
477
|
-
i += n === F ? a + Xe : d >= 0 ? (
|
|
475
|
+
for (; x < a.length && (n.lastIndex = x, u = n.exec(a), u !== null); ) x = n.lastIndex, n === F ? u[1] === "!--" ? n = ve : u[1] !== void 0 ? n = _e : u[2] !== void 0 ? (Ce.test(u[2]) && (r = RegExp("</" + u[2], "g")), n = S) : u[3] !== void 0 && (n = S) : n === S ? u[0] === ">" ? (n = r ?? F, d = -1) : u[1] === void 0 ? d = -2 : (d = n.lastIndex - u[2].length, c = u[1], n = u[3] === void 0 ? S : u[3] === '"' ? ye : we) : n === ye || n === we ? n = S : n === ve || n === _e ? n = F : (n = S, r = void 0);
|
|
476
|
+
const k = n === S && t[l + 1].startsWith("/>") ? " " : "";
|
|
477
|
+
i += n === F ? a + Xe : d >= 0 ? (s.push(c), a.slice(0, d) + ke + a.slice(d) + E + k) : a + E + (d === -2 ? l : k);
|
|
478
478
|
}
|
|
479
|
-
return [Ae(t, i + (t[
|
|
479
|
+
return [Ae(t, i + (t[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
|
|
480
480
|
};
|
|
481
481
|
class W {
|
|
482
|
-
constructor({ strings: e, _$litType$:
|
|
482
|
+
constructor({ strings: e, _$litType$: o }, s) {
|
|
483
483
|
let r;
|
|
484
484
|
this.parts = [];
|
|
485
485
|
let i = 0, n = 0;
|
|
486
|
-
const l = e.length - 1, a = this.parts, [c, u] = Je(e,
|
|
487
|
-
if (this.el = W.createElement(c,
|
|
486
|
+
const l = e.length - 1, a = this.parts, [c, u] = Je(e, o);
|
|
487
|
+
if (this.el = W.createElement(c, s), P.currentNode = this.el.content, o === 2 || o === 3) {
|
|
488
488
|
const d = this.el.content.firstChild;
|
|
489
489
|
d.replaceWith(...d.childNodes);
|
|
490
490
|
}
|
|
491
491
|
for (; (r = P.nextNode()) !== null && a.length < l; ) {
|
|
492
492
|
if (r.nodeType === 1) {
|
|
493
|
-
if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(
|
|
494
|
-
const x = u[n++],
|
|
495
|
-
a.push({ type: 1, index: i, name: Z[2], strings:
|
|
496
|
-
} else d.startsWith(
|
|
493
|
+
if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(ke)) {
|
|
494
|
+
const x = u[n++], k = r.getAttribute(d).split(E), Z = /([.?@])?(.*)/.exec(x);
|
|
495
|
+
a.push({ type: 1, index: i, name: Z[2], strings: k, ctor: Z[1] === "." ? et : Z[1] === "?" ? tt : Z[1] === "@" ? ot : oe }), r.removeAttribute(d);
|
|
496
|
+
} else d.startsWith(E) && (a.push({ type: 6, index: i }), r.removeAttribute(d));
|
|
497
497
|
if (Ce.test(r.tagName)) {
|
|
498
|
-
const d = r.textContent.split(
|
|
498
|
+
const d = r.textContent.split(E), x = d.length - 1;
|
|
499
499
|
if (x > 0) {
|
|
500
500
|
r.textContent = Q ? Q.emptyScript : "";
|
|
501
|
-
for (let
|
|
502
|
-
r.append(d[x],
|
|
501
|
+
for (let k = 0; k < x; k++) r.append(d[k], j()), P.nextNode(), a.push({ type: 2, index: ++i });
|
|
502
|
+
r.append(d[x], j());
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
|
-
} else if (r.nodeType === 8) if (r.data ===
|
|
505
|
+
} else if (r.nodeType === 8) if (r.data === Ee) a.push({ type: 2, index: i });
|
|
506
506
|
else {
|
|
507
507
|
let d = -1;
|
|
508
|
-
for (; (d = r.data.indexOf(
|
|
508
|
+
for (; (d = r.data.indexOf(E, d + 1)) !== -1; ) a.push({ type: 7, index: i }), d += E.length - 1;
|
|
509
509
|
}
|
|
510
510
|
i++;
|
|
511
511
|
}
|
|
512
512
|
}
|
|
513
|
-
static createElement(e,
|
|
514
|
-
const
|
|
515
|
-
return
|
|
513
|
+
static createElement(e, o) {
|
|
514
|
+
const s = D.createElement("template");
|
|
515
|
+
return s.innerHTML = e, s;
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
|
-
function U(t, e,
|
|
518
|
+
function U(t, e, o = t, s) {
|
|
519
519
|
if (e === M) return e;
|
|
520
|
-
let r =
|
|
520
|
+
let r = s !== void 0 ? o._$Co?.[s] : o._$Cl;
|
|
521
521
|
const i = R(e) ? void 0 : e._$litDirective$;
|
|
522
|
-
return r?.constructor !== i && (r?._$AO?.(!1), i === void 0 ? r = void 0 : (r = new i(t), r._$AT(t,
|
|
522
|
+
return r?.constructor !== i && (r?._$AO?.(!1), i === void 0 ? r = void 0 : (r = new i(t), r._$AT(t, o, s)), s !== void 0 ? (o._$Co ??= [])[s] = r : o._$Cl = r), r !== void 0 && (e = U(t, r._$AS(t, e.values), r, s)), e;
|
|
523
523
|
}
|
|
524
524
|
class Qe {
|
|
525
|
-
constructor(e,
|
|
526
|
-
this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM =
|
|
525
|
+
constructor(e, o) {
|
|
526
|
+
this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = o;
|
|
527
527
|
}
|
|
528
528
|
get parentNode() {
|
|
529
529
|
return this._$AM.parentNode;
|
|
@@ -532,34 +532,34 @@ class Qe {
|
|
|
532
532
|
return this._$AM._$AU;
|
|
533
533
|
}
|
|
534
534
|
u(e) {
|
|
535
|
-
const { el: { content:
|
|
535
|
+
const { el: { content: o }, parts: s } = this._$AD, r = (e?.creationScope ?? D).importNode(o, !0);
|
|
536
536
|
P.currentNode = r;
|
|
537
|
-
let i = P.nextNode(), n = 0, l = 0, a =
|
|
537
|
+
let i = P.nextNode(), n = 0, l = 0, a = s[0];
|
|
538
538
|
for (; a !== void 0; ) {
|
|
539
539
|
if (n === a.index) {
|
|
540
540
|
let c;
|
|
541
|
-
a.type === 2 ? c = new X(i, i.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, e) : a.type === 6 && (c = new
|
|
541
|
+
a.type === 2 ? c = new X(i, i.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, e) : a.type === 6 && (c = new st(i, this, e)), this._$AV.push(c), a = s[++l];
|
|
542
542
|
}
|
|
543
543
|
n !== a?.index && (i = P.nextNode(), n++);
|
|
544
544
|
}
|
|
545
545
|
return P.currentNode = D, r;
|
|
546
546
|
}
|
|
547
547
|
p(e) {
|
|
548
|
-
let
|
|
549
|
-
for (const
|
|
548
|
+
let o = 0;
|
|
549
|
+
for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, o), o += s.strings.length - 2) : s._$AI(e[o])), o++;
|
|
550
550
|
}
|
|
551
551
|
}
|
|
552
552
|
class X {
|
|
553
553
|
get _$AU() {
|
|
554
554
|
return this._$AM?._$AU ?? this._$Cv;
|
|
555
555
|
}
|
|
556
|
-
constructor(e,
|
|
557
|
-
this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB =
|
|
556
|
+
constructor(e, o, s, r) {
|
|
557
|
+
this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
|
|
558
558
|
}
|
|
559
559
|
get parentNode() {
|
|
560
560
|
let e = this._$AA.parentNode;
|
|
561
|
-
const
|
|
562
|
-
return
|
|
561
|
+
const o = this._$AM;
|
|
562
|
+
return o !== void 0 && e?.nodeType === 11 && (e = o.parentNode), e;
|
|
563
563
|
}
|
|
564
564
|
get startNode() {
|
|
565
565
|
return this._$AA;
|
|
@@ -567,8 +567,8 @@ class X {
|
|
|
567
567
|
get endNode() {
|
|
568
568
|
return this._$AB;
|
|
569
569
|
}
|
|
570
|
-
_$AI(e,
|
|
571
|
-
e = U(this, e,
|
|
570
|
+
_$AI(e, o = this) {
|
|
571
|
+
e = U(this, e, o), R(e) ? e === f || e == null || e === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ze(e) ? this.k(e) : this._(e);
|
|
572
572
|
}
|
|
573
573
|
O(e) {
|
|
574
574
|
return this._$AA.parentNode.insertBefore(e, this._$AB);
|
|
@@ -580,52 +580,52 @@ class X {
|
|
|
580
580
|
this._$AH !== f && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(D.createTextNode(e)), this._$AH = e;
|
|
581
581
|
}
|
|
582
582
|
$(e) {
|
|
583
|
-
const { values:
|
|
584
|
-
if (this._$AH?._$AD === r) this._$AH.p(
|
|
583
|
+
const { values: o, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = W.createElement(Ae(s.h, s.h[0]), this.options)), s);
|
|
584
|
+
if (this._$AH?._$AD === r) this._$AH.p(o);
|
|
585
585
|
else {
|
|
586
586
|
const i = new Qe(r, this), n = i.u(this.options);
|
|
587
|
-
i.p(
|
|
587
|
+
i.p(o), this.T(n), this._$AH = i;
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
590
|
_$AC(e) {
|
|
591
|
-
let
|
|
592
|
-
return
|
|
591
|
+
let o = $e.get(e.strings);
|
|
592
|
+
return o === void 0 && $e.set(e.strings, o = new W(e)), o;
|
|
593
593
|
}
|
|
594
594
|
k(e) {
|
|
595
595
|
le(this._$AH) || (this._$AH = [], this._$AR());
|
|
596
|
-
const
|
|
597
|
-
let
|
|
598
|
-
for (const i of e) r ===
|
|
599
|
-
r <
|
|
600
|
-
}
|
|
601
|
-
_$AR(e = this._$AA.nextSibling,
|
|
602
|
-
for (this._$AP?.(!1, !0,
|
|
603
|
-
const
|
|
604
|
-
me(e).remove(), e =
|
|
596
|
+
const o = this._$AH;
|
|
597
|
+
let s, r = 0;
|
|
598
|
+
for (const i of e) r === o.length ? o.push(s = new X(this.O(j()), this.O(j()), this, this.options)) : s = o[r], s._$AI(i), r++;
|
|
599
|
+
r < o.length && (this._$AR(s && s._$AB.nextSibling, r), o.length = r);
|
|
600
|
+
}
|
|
601
|
+
_$AR(e = this._$AA.nextSibling, o) {
|
|
602
|
+
for (this._$AP?.(!1, !0, o); e !== this._$AB; ) {
|
|
603
|
+
const s = me(e).nextSibling;
|
|
604
|
+
me(e).remove(), e = s;
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
607
|
setConnected(e) {
|
|
608
608
|
this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
|
|
609
609
|
}
|
|
610
610
|
}
|
|
611
|
-
class
|
|
611
|
+
class oe {
|
|
612
612
|
get tagName() {
|
|
613
613
|
return this.element.tagName;
|
|
614
614
|
}
|
|
615
615
|
get _$AU() {
|
|
616
616
|
return this._$AM._$AU;
|
|
617
617
|
}
|
|
618
|
-
constructor(e,
|
|
619
|
-
this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name =
|
|
618
|
+
constructor(e, o, s, r, i) {
|
|
619
|
+
this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name = o, this._$AM = r, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = f;
|
|
620
620
|
}
|
|
621
|
-
_$AI(e,
|
|
621
|
+
_$AI(e, o = this, s, r) {
|
|
622
622
|
const i = this.strings;
|
|
623
623
|
let n = !1;
|
|
624
|
-
if (i === void 0) e = U(this, e,
|
|
624
|
+
if (i === void 0) e = U(this, e, o, 0), n = !R(e) || e !== this._$AH && e !== M, n && (this._$AH = e);
|
|
625
625
|
else {
|
|
626
626
|
const l = e;
|
|
627
627
|
let a, c;
|
|
628
|
-
for (e = i[0], a = 0; a < i.length - 1; a++) c = U(this, l[
|
|
628
|
+
for (e = i[0], a = 0; a < i.length - 1; a++) c = U(this, l[s + a], o, a), c === M && (c = this._$AH[a]), n ||= !R(c) || c !== this._$AH[a], c === f ? e = f : e !== f && (e += (c ?? "") + i[a + 1]), this._$AH[a] = c;
|
|
629
629
|
}
|
|
630
630
|
n && !r && this.j(e);
|
|
631
631
|
}
|
|
@@ -633,7 +633,7 @@ class se {
|
|
|
633
633
|
e === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
|
|
634
634
|
}
|
|
635
635
|
}
|
|
636
|
-
class et extends
|
|
636
|
+
class et extends oe {
|
|
637
637
|
constructor() {
|
|
638
638
|
super(...arguments), this.type = 3;
|
|
639
639
|
}
|
|
@@ -641,7 +641,7 @@ class et extends se {
|
|
|
641
641
|
this.element[this.name] = e === f ? void 0 : e;
|
|
642
642
|
}
|
|
643
643
|
}
|
|
644
|
-
class tt extends
|
|
644
|
+
class tt extends oe {
|
|
645
645
|
constructor() {
|
|
646
646
|
super(...arguments), this.type = 4;
|
|
647
647
|
}
|
|
@@ -649,22 +649,22 @@ class tt extends se {
|
|
|
649
649
|
this.element.toggleAttribute(this.name, !!e && e !== f);
|
|
650
650
|
}
|
|
651
651
|
}
|
|
652
|
-
class
|
|
653
|
-
constructor(e,
|
|
654
|
-
super(e,
|
|
652
|
+
class ot extends oe {
|
|
653
|
+
constructor(e, o, s, r, i) {
|
|
654
|
+
super(e, o, s, r, i), this.type = 5;
|
|
655
655
|
}
|
|
656
|
-
_$AI(e,
|
|
657
|
-
if ((e = U(this, e,
|
|
658
|
-
const
|
|
659
|
-
r && this.element.removeEventListener(this.name, this,
|
|
656
|
+
_$AI(e, o = this) {
|
|
657
|
+
if ((e = U(this, e, o, 0) ?? f) === M) return;
|
|
658
|
+
const s = this._$AH, r = e === f && s !== f || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, i = e !== f && (s === f || r);
|
|
659
|
+
r && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
|
|
660
660
|
}
|
|
661
661
|
handleEvent(e) {
|
|
662
662
|
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
|
|
663
663
|
}
|
|
664
664
|
}
|
|
665
|
-
class
|
|
666
|
-
constructor(e,
|
|
667
|
-
this.element = e, this.type = 6, this._$AN = void 0, this._$AM =
|
|
665
|
+
class st {
|
|
666
|
+
constructor(e, o, s) {
|
|
667
|
+
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = s;
|
|
668
668
|
}
|
|
669
669
|
get _$AU() {
|
|
670
670
|
return this._$AM._$AU;
|
|
@@ -675,12 +675,12 @@ class ot {
|
|
|
675
675
|
}
|
|
676
676
|
const rt = ae.litHtmlPolyfillSupport;
|
|
677
677
|
rt?.(W, X), (ae.litHtmlVersions ??= []).push("3.3.2");
|
|
678
|
-
const it = (t, e,
|
|
679
|
-
const
|
|
680
|
-
let r =
|
|
678
|
+
const it = (t, e, o) => {
|
|
679
|
+
const s = o?.renderBefore ?? e;
|
|
680
|
+
let r = s._$litPart$;
|
|
681
681
|
if (r === void 0) {
|
|
682
|
-
const i =
|
|
683
|
-
|
|
682
|
+
const i = o?.renderBefore ?? null;
|
|
683
|
+
s._$litPart$ = r = new X(e.insertBefore(j(), i), i, void 0, o ?? {});
|
|
684
684
|
}
|
|
685
685
|
return r._$AI(t), r;
|
|
686
686
|
};
|
|
@@ -694,8 +694,8 @@ let H = class extends T {
|
|
|
694
694
|
return this.renderOptions.renderBefore ??= e.firstChild, e;
|
|
695
695
|
}
|
|
696
696
|
update(e) {
|
|
697
|
-
const
|
|
698
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = it(
|
|
697
|
+
const o = this.render();
|
|
698
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = it(o, this.renderRoot, this.renderOptions);
|
|
699
699
|
}
|
|
700
700
|
connectedCallback() {
|
|
701
701
|
super.connectedCallback(), this._$Do?.setConnected(!0);
|
|
@@ -711,11 +711,11 @@ H._$litElement$ = !0, H.finalized = !0, he.litElementHydrateSupport?.({ LitEleme
|
|
|
711
711
|
const nt = he.litElementPolyfillSupport;
|
|
712
712
|
nt?.({ LitElement: H });
|
|
713
713
|
(he.litElementVersions ??= []).push("4.2.2");
|
|
714
|
-
const at = A`:host{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0}:host[disabled]{cursor:not-allowed;opacity:.6}.switch-wrapper{position:relative;display:inline-block}.switch-container{position:relative;z-index:1;width:3.1rem;height:1.5rem;background-color:var(--nf-background-color);border-radius:.75rem;transition:background-color .2s ease;overflow:hidden}:host(:not([disabled]):not([checked])) .switch-container:hover{background:var(--nf-background-color-hover)}:host([checked]) .switch-container{background-color:var(--nf-primary-color,var(--primary-color))}:host([disabled]) .switch-container{opacity:.5}.ripple{position:absolute;border-radius:.875rem;inset:-.2rem;background-color:#6464641a;animation:ripple-animation 1s ease-out forwards;pointer-events:none;opacity:1}@keyframes ripple-animation{0%{opacity:0}20%{opacity:1}to{opacity:0}}.switch-thumb{position:absolute;top:.125rem;left:0;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.switch-thumb:before{content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .25rem #0003;transition:width .2s ease-in-out,transform .2s ease-in-out}:host(:not([checked])) .switch-thumb{transform:translate(.125rem)}:host(:not([checked])) .switch-
|
|
715
|
-
var lt = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, ce = (t, e,
|
|
716
|
-
for (var r =
|
|
717
|
-
(n = t[i]) && (r = (
|
|
718
|
-
return
|
|
714
|
+
const at = A`:host{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0}:host[disabled]{cursor:not-allowed;opacity:.6}.switch-wrapper{position:relative;display:inline-block}.switch-container{position:relative;z-index:1;width:3.1rem;height:1.5rem;background-color:var(--nf-background-color);border-radius:.75rem;transition:background-color .2s ease;overflow:hidden}:host(:not([disabled]):not([checked])) .switch-container:hover{background:var(--nf-background-color-hover)}:host([checked]) .switch-container{background-color:var(--nf-primary-color,var(--primary-color))}:host([disabled]) .switch-container{opacity:.5}.ripple{position:absolute;border-radius:.875rem;inset:-.2rem;background-color:#6464641a;animation:ripple-animation 1s ease-out forwards;pointer-events:none;opacity:1}@keyframes ripple-animation{0%{opacity:0}20%{opacity:1}to{opacity:0}}.switch-thumb{position:absolute;top:.125rem;left:0;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.switch-thumb:before{content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .25rem #0003;transition:width .2s ease-in-out,transform .2s ease-in-out}:host(:not([checked])) .switch-thumb{transform:translate(.125rem)}:host(:not([checked])) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem}:host([checked]) .switch-thumb{transform:translate(1.725rem)}:host([checked]) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem;transform:translate(-.375rem)}:host(:focus) .switch-container{outline:.125rem solid var(--nf-primary-color,var(--primary-color));outline-offset:.125rem}`;
|
|
715
|
+
var lt = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, ce = (t, e, o, s) => {
|
|
716
|
+
for (var r = s > 1 ? void 0 : s ? ht(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
717
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
718
|
+
return s && r && lt(e, o, r), r;
|
|
719
719
|
};
|
|
720
720
|
let I = class extends H {
|
|
721
721
|
constructor() {
|
|
@@ -734,11 +734,11 @@ let I = class extends H {
|
|
|
734
734
|
createRipple(t) {
|
|
735
735
|
const e = this.shadowRoot?.querySelector(".switch-wrapper");
|
|
736
736
|
if (!e) return;
|
|
737
|
-
const
|
|
738
|
-
|
|
739
|
-
const
|
|
740
|
-
|
|
741
|
-
e.contains(
|
|
737
|
+
const o = e.querySelector(".ripple");
|
|
738
|
+
o && e.removeChild(o);
|
|
739
|
+
const s = document.createElement("div");
|
|
740
|
+
s.classList.add("ripple"), e.appendChild(s), s.addEventListener("animationend", () => {
|
|
741
|
+
e.contains(s) && e.removeChild(s);
|
|
742
742
|
});
|
|
743
743
|
}
|
|
744
744
|
// 渲染开关组件
|
|
@@ -763,32 +763,32 @@ const Nt = O({
|
|
|
763
763
|
events: {
|
|
764
764
|
onChange: "change"
|
|
765
765
|
}
|
|
766
|
-
}), ct = A`:host{min-width:10rem;position:relative;display:inline-block;box-sizing:border-box;padding:0;overflow:hidden}.input-number-container{position:relative;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.input-number{position:relative;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-weight:var(--nf-font-weight);text-align:left}.input-number .input-number-input-wrapper{height:100%}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}.input-number:hover .controls{width:1.5rem}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-color
|
|
767
|
-
var dt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, _ = (t, e,
|
|
768
|
-
for (var r =
|
|
769
|
-
(n = t[i]) && (r = (
|
|
770
|
-
return
|
|
766
|
+
}), ct = A`:host{min-width:10rem;position:relative;display:inline-block;box-sizing:border-box;padding:0;overflow:hidden}.input-number-container{position:relative;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.input-number{position:relative;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-weight:var(--nf-font-weight);text-align:left}.input-number .input-number-input-wrapper{height:100%}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}.input-number:hover .controls{width:1.5rem}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-prefix:not(:empty){padding-inline-end:.25rem}.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--nf-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix:not(:empty){padding-inline-end:.6125rem;padding-inline-start:.5rem}.controls{position:absolute;top:0;right:0;height:100%;width:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--nf-transition-fast) ease}.controls:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}:host([suffix]) .controls:after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:background-color var(--nf-transition-fast) ease;outline:0;-webkit-user-select:none;user-select:none}.control-btn:hover{background-color:var(--nf-control-btn-background-hover)}.control-btn:active{background-color:var(--nf-control-btn-background-active)}.control-btn:focus-visible{background-color:var(--nf-control-btn-background-hover)}.control-btn svg{display:block;pointer-events:none;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round}.control-btn-up{border-bottom:.67px solid var(--nf-control-divider-color)}:host(:not([suffix])) .control-btn-up{border-top-right-radius:var(--nf-border-radius)}:host(:not([suffix])) .control-btn-down{border-bottom-right-radius:var(--nf-border-radius)}:host([disabled]) .input-number-input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .input-prefix,:host([disabled]) .input-suffix{color:var(--nf-color-disabled)}:host([disabled]) .controls{display:none}:host([disabled]) .control-btn{cursor:not-allowed;pointer-events:none;opacity:.5}`;
|
|
767
|
+
var dt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, _ = (t, e, o, s) => {
|
|
768
|
+
for (var r = s > 1 ? void 0 : s ? ut(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
769
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
770
|
+
return s && r && dt(e, o, r), r;
|
|
771
771
|
};
|
|
772
772
|
let m = class extends q {
|
|
773
773
|
constructor() {
|
|
774
774
|
super(...arguments), this.value = 0, this.controls = !0, this.changeOnWheel = !0, this.step = 1, this.decimalSeparator = ".", this.prefix = "", this.suffix = "", this.disabled = !1, this.isInputFocused = !1, this.handleInput = (t) => {
|
|
775
775
|
t.stopPropagation();
|
|
776
|
-
const
|
|
776
|
+
const o = t.target.value;
|
|
777
777
|
this.dispatchEvent(
|
|
778
778
|
new CustomEvent("input", {
|
|
779
|
-
detail:
|
|
779
|
+
detail: o,
|
|
780
780
|
bubbles: !0,
|
|
781
781
|
composed: !0
|
|
782
782
|
})
|
|
783
783
|
);
|
|
784
784
|
}, this.handleChange = (t) => {
|
|
785
785
|
t.stopPropagation();
|
|
786
|
-
const e = t.target,
|
|
787
|
-
if (
|
|
788
|
-
const
|
|
789
|
-
|
|
786
|
+
const e = t.target, o = this.parseInputValue(e.value);
|
|
787
|
+
if (o !== null) {
|
|
788
|
+
const s = this.clampValue(o);
|
|
789
|
+
s !== this.value && (this.value = s, this.dispatchEvent(
|
|
790
790
|
new CustomEvent("change", {
|
|
791
|
-
detail:
|
|
791
|
+
detail: s,
|
|
792
792
|
bubbles: !0,
|
|
793
793
|
composed: !0
|
|
794
794
|
})
|
|
@@ -821,12 +821,12 @@ let m = class extends q {
|
|
|
821
821
|
}} aria-label="Decrease value"class="control-btn control-btn-down"type=button><svg height=12 viewBox="0 0 24 24"width=12><path d="M18 9.4l-6 6.6-6-6.6"/></svg></button></div>` : ""}</div>${this.suffix ? p`<div class=input-suffix>${this.suffix}</div>` : ""}</div>`;
|
|
822
822
|
}
|
|
823
823
|
formatDisplayValue(t) {
|
|
824
|
-
return isNaN(t) ? "" : t.toString().replace(".", this.decimalSeparator);
|
|
824
|
+
return t === null || isNaN(t) ? "" : t.toString().replace(".", this.decimalSeparator);
|
|
825
825
|
}
|
|
826
826
|
parseInputValue(t) {
|
|
827
827
|
if (!t) return null;
|
|
828
|
-
const e = t.replace(this.decimalSeparator, "."),
|
|
829
|
-
return isNaN(
|
|
828
|
+
const e = t.replace(this.decimalSeparator, "."), o = parseFloat(e);
|
|
829
|
+
return isNaN(o) ? null : o;
|
|
830
830
|
}
|
|
831
831
|
clampValue(t) {
|
|
832
832
|
let e = t;
|
|
@@ -834,16 +834,16 @@ let m = class extends q {
|
|
|
834
834
|
}
|
|
835
835
|
handleStepChange(t) {
|
|
836
836
|
if (this.disabled) return;
|
|
837
|
-
const e = this.clampValue(
|
|
838
|
-
|
|
837
|
+
const e = this.value ?? 0, o = this.clampValue(e + t * this.step);
|
|
838
|
+
o !== this.value && (this.value = o, this.dispatchEvent(
|
|
839
839
|
new CustomEvent("step", {
|
|
840
|
-
detail:
|
|
840
|
+
detail: o,
|
|
841
841
|
bubbles: !0,
|
|
842
842
|
composed: !0
|
|
843
843
|
})
|
|
844
844
|
), this.dispatchEvent(
|
|
845
845
|
new CustomEvent("change", {
|
|
846
|
-
detail:
|
|
846
|
+
detail: o,
|
|
847
847
|
bubbles: !0,
|
|
848
848
|
composed: !0
|
|
849
849
|
})
|
|
@@ -897,11 +897,11 @@ const Bt = O({
|
|
|
897
897
|
onPressEnter: "pressEnter",
|
|
898
898
|
onStep: "step"
|
|
899
899
|
}
|
|
900
|
-
}), pt = A`:host{cursor:pointer;-webkit-user-select:none;user-select:none}:host([disabled]){cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;
|
|
901
|
-
var ft = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, de = (t, e,
|
|
902
|
-
for (var r =
|
|
903
|
-
(n = t[i]) && (r = (
|
|
904
|
-
return
|
|
900
|
+
}), pt = A`:host{cursor:pointer;-webkit-user-select:none;user-select:none;width:calc(1rem + 2px);height:calc(1rem + 2px)}:host([disabled]){cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;transition:opacity .2s ease}.checkbox-box{width:1rem;height:1rem;border-radius:.25rem;background-color:var(--nf-background-color);border:1px solid var(--nf-border-color);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}:host(:hover:not([checked]):not([disabled])) .checkbox-box{border-color:var(--nf-primary-color,var(--primary-color))}:host([checked]) .checkbox-box{background-color:var(--nf-primary-color,var(--primary-color));border-color:var(--nf-primary-color,var(--primary-color))}:host([disabled]) .checkbox-box{border-color:#ccc;background:#ccc;cursor:not-allowed;pointer-events:none}:host([disabled][checked]) .checkbox-box{background-color:#ccc;border-color:#ccc}.checkbox-icon{color:#fff;font-size:.75rem;line-height:1;font-weight:700;transition:transform .2s ease;display:flex;align-items:center}:host([checked]) .checkbox-icon{transform:scale(1)}:host(:focus) .checkbox-container{outline:.125rem solid var(--nf-primary-color,var(--primary-color));outline-offset:.125rem}`;
|
|
901
|
+
var ft = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, de = (t, e, o, s) => {
|
|
902
|
+
for (var r = s > 1 ? void 0 : s ? bt(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
903
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
904
|
+
return s && r && ft(e, o, r), r;
|
|
905
905
|
};
|
|
906
906
|
let L = class extends H {
|
|
907
907
|
constructor() {
|
|
@@ -947,14 +947,14 @@ let vt = class {
|
|
|
947
947
|
get _$AU() {
|
|
948
948
|
return this._$AM._$AU;
|
|
949
949
|
}
|
|
950
|
-
_$AT(e,
|
|
951
|
-
this._$Ct = e, this._$AM =
|
|
950
|
+
_$AT(e, o, s) {
|
|
951
|
+
this._$Ct = e, this._$AM = o, this._$Ci = s;
|
|
952
952
|
}
|
|
953
|
-
_$AS(e,
|
|
954
|
-
return this.update(e,
|
|
953
|
+
_$AS(e, o) {
|
|
954
|
+
return this.update(e, o);
|
|
955
955
|
}
|
|
956
|
-
update(e,
|
|
957
|
-
return this.render(...
|
|
956
|
+
update(e, o) {
|
|
957
|
+
return this.render(...o);
|
|
958
958
|
}
|
|
959
959
|
};
|
|
960
960
|
const Se = "important", _t = " !" + Se, ee = gt(class extends vt {
|
|
@@ -962,30 +962,30 @@ const Se = "important", _t = " !" + Se, ee = gt(class extends vt {
|
|
|
962
962
|
if (super(t), t.type !== mt.ATTRIBUTE || t.name !== "style" || t.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
|
963
963
|
}
|
|
964
964
|
render(t) {
|
|
965
|
-
return Object.keys(t).reduce((e,
|
|
966
|
-
const
|
|
967
|
-
return
|
|
965
|
+
return Object.keys(t).reduce((e, o) => {
|
|
966
|
+
const s = t[o];
|
|
967
|
+
return s == null ? e : e + `${o = o.includes("-") ? o : o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
|
|
968
968
|
}, "");
|
|
969
969
|
}
|
|
970
970
|
update(t, [e]) {
|
|
971
|
-
const { style:
|
|
971
|
+
const { style: o } = t.element;
|
|
972
972
|
if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
|
|
973
|
-
for (const
|
|
974
|
-
for (const
|
|
975
|
-
const r = e[
|
|
973
|
+
for (const s of this.ft) e[s] == null && (this.ft.delete(s), s.includes("-") ? o.removeProperty(s) : o[s] = null);
|
|
974
|
+
for (const s in e) {
|
|
975
|
+
const r = e[s];
|
|
976
976
|
if (r != null) {
|
|
977
|
-
this.ft.add(
|
|
977
|
+
this.ft.add(s);
|
|
978
978
|
const i = typeof r == "string" && r.endsWith(_t);
|
|
979
|
-
|
|
979
|
+
s.includes("-") || i ? o.setProperty(s, i ? r.slice(0, -11) : r, i ? Se : "") : o[s] = r;
|
|
980
980
|
}
|
|
981
981
|
}
|
|
982
982
|
return M;
|
|
983
983
|
}
|
|
984
|
-
}),
|
|
985
|
-
var
|
|
986
|
-
for (var r =
|
|
987
|
-
(n = t[i]) && (r = (
|
|
988
|
-
return
|
|
984
|
+
}), wt = A`:host{display:inline-block;position:relative}:host([disabled]){cursor:not-allowed;opacity:.6}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}:host([open]){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus)}.trigger{width:calc(100% + 1.5rem);height:calc(100% + 2px);margin:-1px -.75rem;padding:1px .75rem;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;transition:all .2s;font-size:.875rem;position:relative}:host(:not([disabled])) .trigger:hover{border-color:var(--nf-color-primary)}.trigger[disabled]{cursor:not-allowed;opacity:.6}:host([disabled]) .trigger{cursor:not-allowed;color:var(--nf-color-disabled)}.color-block{width:1.25rem;height:1.25rem;border-radius:.125rem;margin-left:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem);margin-right:.4rem}:host([show-text=false]) .color-block{margin-right:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem)}.color-text{flex:1}.panel{position:absolute;z-index:1000;background:var(--nf-color-picker-card-background,var(--nf-dropdown-background));border-radius:var(--nf-border-radius);box-shadow:0 6px 16px 0 var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 3px 6px -4px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 9px 28px 8px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow));-webkit-user-select:none;user-select:none}.panel-content{padding:.75rem;width:15rem}.color-selector{height:9.375rem;position:relative;margin-bottom:.75rem;border-radius:var(--nf-border-radius);overflow:hidden}.color-sb{width:100%;height:100%;position:relative;cursor:pointer}.sb-white{position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0)}.sb-black{position:absolute;inset:0;background:linear-gradient(to top,#000,#0000)}.selector{position:absolute;width:.625rem;height:.625rem;border:.125rem solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 .125rem #00000080;pointer-events:none}.slider-container{margin-bottom:.5rem}.slider-container:last-child{margin-bottom:0}.sliders-row{display:flex;align-items:center;gap:.75rem}.sliders{flex:1}.slider{position:relative;height:.75rem;border-radius:.375rem}.hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-slider{position:relative;background-image:linear-gradient(45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(-45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%),linear-gradient(-45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%);background-size:.375rem .375rem;background-position:0 0,0 .1875rem,.1875rem -.1875rem,-.1875rem 0;background-color:var(--nf-color-picker-card-checker-bg,#fff);border-radius:.375rem}.alpha-slider-input{position:relative;z-index:2}.alpha-gradient{position:absolute;inset:0;border-radius:.375rem}input[type=range]{-webkit-appearance:none;width:100%;height:100%;background:0 0;outline:0;position:absolute;top:0;left:0;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080;position:relative;z-index:1}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080}.current-color-container{display:flex}.current-color{width:2rem;height:2rem;border-radius:var(--nf-border-radius);border:.0625rem solid var(--nf-color-border)}:host(:not([disabled-alpha])) .current-color{width:2.5rem;height:2.5rem}`;
|
|
985
|
+
var yt = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, v = (t, e, o, s) => {
|
|
986
|
+
for (var r = s > 1 ? void 0 : s ? $t(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
987
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
988
|
+
return s && r && yt(e, o, r), r;
|
|
989
989
|
};
|
|
990
990
|
let b = class extends q {
|
|
991
991
|
constructor() {
|
|
@@ -1025,34 +1025,34 @@ let b = class extends q {
|
|
|
1025
1025
|
}
|
|
1026
1026
|
// 从HEX颜色值更新HSB值
|
|
1027
1027
|
_updateHSBFromHex(t) {
|
|
1028
|
-
const e = parseInt(t.slice(1, 3), 16) / 255,
|
|
1028
|
+
const e = parseInt(t.slice(1, 3), 16) / 255, o = parseInt(t.slice(3, 5), 16) / 255, s = parseInt(t.slice(5, 7), 16) / 255, r = Math.max(e, o, s), i = Math.min(e, o, s), n = r - i;
|
|
1029
1029
|
let l = 0, a = 0;
|
|
1030
1030
|
const c = r;
|
|
1031
|
-
n !== 0 && (a = n / r, r === e ? l = (
|
|
1031
|
+
n !== 0 && (a = n / r, r === e ? l = (o - s) / n % 6 : r === o ? l = (s - e) / n + 2 : l = (e - o) / n + 4, l *= 60, l < 0 && (l += 360)), this._hsb = {
|
|
1032
1032
|
h: Math.round(l),
|
|
1033
1033
|
s: Math.round(a * 100),
|
|
1034
1034
|
b: Math.round(c * 100)
|
|
1035
1035
|
};
|
|
1036
1036
|
}
|
|
1037
1037
|
// 从HSB值生成HEX颜色值
|
|
1038
|
-
_generateHexFromHSB(t, e,
|
|
1039
|
-
e /= 100,
|
|
1040
|
-
const r =
|
|
1038
|
+
_generateHexFromHSB(t, e, o, s = "FF") {
|
|
1039
|
+
e /= 100, o /= 100;
|
|
1040
|
+
const r = o * e, i = r * (1 - Math.abs(t / 60 % 2 - 1)), n = o - r;
|
|
1041
1041
|
let l = 0, a = 0, c = 0;
|
|
1042
|
-
return 0 <= t && t < 60 ? (l = r, a = i, c = 0) : 60 <= t && t < 120 ? (l = i, a = r, c = 0) : 120 <= t && t < 180 ? (l = 0, a = r, c = i) : 180 <= t && t < 240 ? (l = 0, a = i, c = r) : 240 <= t && t < 300 ? (l = i, a = 0, c = r) : 300 <= t && t < 360 && (l = r, a = 0, c = i), l = Math.round((l + n) * 255), a = Math.round((a + n) * 255), c = Math.round((c + n) * 255), "#" + l.toString(16).padStart(2, "0") + a.toString(16).padStart(2, "0") + c.toString(16).padStart(2, "0") +
|
|
1042
|
+
return 0 <= t && t < 60 ? (l = r, a = i, c = 0) : 60 <= t && t < 120 ? (l = i, a = r, c = 0) : 120 <= t && t < 180 ? (l = 0, a = r, c = i) : 180 <= t && t < 240 ? (l = 0, a = i, c = r) : 240 <= t && t < 300 ? (l = i, a = 0, c = r) : 300 <= t && t < 360 && (l = r, a = 0, c = i), l = Math.round((l + n) * 255), a = Math.round((a + n) * 255), c = Math.round((c + n) * 255), "#" + l.toString(16).padStart(2, "0") + a.toString(16).padStart(2, "0") + c.toString(16).padStart(2, "0") + s;
|
|
1043
1043
|
}
|
|
1044
1044
|
// 计算面板位置
|
|
1045
1045
|
_updatePanelPosition() {
|
|
1046
1046
|
requestAnimationFrame(() => {
|
|
1047
1047
|
const t = this.getBoundingClientRect(), e = this.shadowRoot?.querySelector(".panel");
|
|
1048
1048
|
if (!e) return;
|
|
1049
|
-
const
|
|
1049
|
+
const o = 0.15 * 16, s = 8, r = e.offsetWidth || 240, i = e.offsetHeight || 300;
|
|
1050
1050
|
let n = this.placement, l = this.align;
|
|
1051
|
-
this.autoAdjust && (n === "bottom" ? window.innerHeight - t.bottom -
|
|
1051
|
+
this.autoAdjust && (n === "bottom" ? window.innerHeight - t.bottom - s < i && t.top - s >= i && (n = "top") : t.top - s < i && window.innerHeight - t.bottom - s >= i && (n = "bottom"), l === "right" ? t.right - o < r && t.left + t.width + o + r <= window.innerWidth && (l = "left") : t.left - o + r > window.innerWidth && t.right - o >= r && (l = "right"));
|
|
1052
1052
|
let a;
|
|
1053
|
-
n === "bottom" ? a = t.height +
|
|
1053
|
+
n === "bottom" ? a = t.height + s : a = -i - s;
|
|
1054
1054
|
let c;
|
|
1055
|
-
l === "right" ? c = t.width - r +
|
|
1055
|
+
l === "right" ? c = t.width - r + o : c = -o, this._panelPosition = { top: a, left: c };
|
|
1056
1056
|
});
|
|
1057
1057
|
}
|
|
1058
1058
|
// 打开面板
|
|
@@ -1078,15 +1078,15 @@ let b = class extends q {
|
|
|
1078
1078
|
this._panelVisible ? this._closePanel() : this._openPanel();
|
|
1079
1079
|
}
|
|
1080
1080
|
// 处理HSB颜色变化
|
|
1081
|
-
_handleHSBChange(t, e,
|
|
1082
|
-
this._hsb = { h: t, s: e, b:
|
|
1083
|
-
const
|
|
1081
|
+
_handleHSBChange(t, e, o) {
|
|
1082
|
+
this._hsb = { h: t, s: e, b: o };
|
|
1083
|
+
const s = this._internalValue.slice(7), r = this._generateHexFromHSB(t, e, o, s);
|
|
1084
1084
|
this._handleColorChange(r);
|
|
1085
1085
|
}
|
|
1086
1086
|
// 处理Alpha值变化
|
|
1087
1087
|
_handleAlphaChange(t) {
|
|
1088
|
-
const e = Math.round(t * 255 / 100).toString(16).padStart(2, "0").toUpperCase(),
|
|
1089
|
-
this._handleColorChange(
|
|
1088
|
+
const e = Math.round(t * 255 / 100).toString(16).padStart(2, "0").toUpperCase(), o = "#" + this._internalValue.slice(1, 7) + e;
|
|
1089
|
+
this._handleColorChange(o);
|
|
1090
1090
|
}
|
|
1091
1091
|
// 处理颜色变化
|
|
1092
1092
|
_handleColorChange(t) {
|
|
@@ -1100,20 +1100,20 @@ let b = class extends q {
|
|
|
1100
1100
|
}
|
|
1101
1101
|
// 处理色相选择
|
|
1102
1102
|
_handleHueChange(t) {
|
|
1103
|
-
const e = t.target,
|
|
1104
|
-
this._handleHSBChange(
|
|
1103
|
+
const e = t.target, o = parseInt(e.value);
|
|
1104
|
+
this._handleHSBChange(o, this._hsb.s, this._hsb.b);
|
|
1105
1105
|
}
|
|
1106
1106
|
// 处理饱和度和亮度选择
|
|
1107
1107
|
_handleSBChange(t) {
|
|
1108
1108
|
const e = this.shadowRoot?.querySelector(".color-sb");
|
|
1109
1109
|
if (!e) return;
|
|
1110
|
-
const
|
|
1110
|
+
const o = e.getBoundingClientRect(), s = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, r = t instanceof MouseEvent ? t.clientY : t.touches[0].clientY, i = Math.max(0, Math.min(100, Math.round((s - o.left) / o.width * 100))), n = Math.max(0, Math.min(100, Math.round((1 - (r - o.top) / o.height) * 100)));
|
|
1111
1111
|
this._handleHSBChange(this._hsb.h, i, n);
|
|
1112
1112
|
}
|
|
1113
1113
|
// 处理透明度选择
|
|
1114
1114
|
_handleAlphaChangeInput(t) {
|
|
1115
|
-
const e = t.target,
|
|
1116
|
-
this._handleAlphaChange(
|
|
1115
|
+
const e = t.target, o = parseInt(e.value);
|
|
1116
|
+
this._handleAlphaChange(o);
|
|
1117
1117
|
}
|
|
1118
1118
|
// 渲染触发器
|
|
1119
1119
|
_renderTrigger() {
|
|
@@ -1134,7 +1134,7 @@ let b = class extends q {
|
|
|
1134
1134
|
}
|
|
1135
1135
|
// 渲染颜色选择区域
|
|
1136
1136
|
_renderColorSelector() {
|
|
1137
|
-
const t = this._generateHexFromHSB(this._hsb.h, 100, 100, "FF"), e = this._hsb.s / 100 * 100,
|
|
1137
|
+
const t = this._generateHexFromHSB(this._hsb.h, 100, 100, "FF"), e = this._hsb.s / 100 * 100, o = (1 - this._hsb.b / 100) * 100;
|
|
1138
1138
|
return p`
|
|
1139
1139
|
<div class="color-selector">
|
|
1140
1140
|
<div
|
|
@@ -1152,7 +1152,7 @@ let b = class extends q {
|
|
|
1152
1152
|
class="selector"
|
|
1153
1153
|
style=${ee({
|
|
1154
1154
|
left: `${e}%`,
|
|
1155
|
-
top: `${
|
|
1155
|
+
top: `${o}%`
|
|
1156
1156
|
})}
|
|
1157
1157
|
></div>
|
|
1158
1158
|
</div>
|
|
@@ -1237,7 +1237,7 @@ let b = class extends q {
|
|
|
1237
1237
|
`;
|
|
1238
1238
|
}
|
|
1239
1239
|
};
|
|
1240
|
-
b.styles = [K,
|
|
1240
|
+
b.styles = [K, wt];
|
|
1241
1241
|
v([
|
|
1242
1242
|
h({ type: String })
|
|
1243
1243
|
], b.prototype, "value", 2);
|
|
@@ -1297,11 +1297,11 @@ const Ut = O({
|
|
|
1297
1297
|
onChange: "change",
|
|
1298
1298
|
onOpenChange: "openChange"
|
|
1299
1299
|
}
|
|
1300
|
-
}), xt = A`:host{display:inline-flex;align-items:center;position:relative;min-width:10rem;width:var(--nf-width,100%);height:1.25rem;background-color:var(--nf-border-color,#e0e0e0);border-radius:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;box-shadow:none;padding:0}:host:hover{background-color:var(--nf-border-color,#e0e0e0);border:none}:host:focus{box-shadow:none;outline:0}:host([disabled]){cursor:not-allowed;opacity:.6}.slider-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--nf-primary-color,#5e72f9);border-radius:.625rem 0 0 .625rem;pointer-events:none}.slider-handle{position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;outline:0;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease,box-shadow .15s ease;z-index:1}:host([disabled]) .slider-handle{cursor:not-allowed}:host(:not([disabled])) .slider-handle:hover{transform:translate(-50%,-50%) scale(1.05)}:host(:not([disabled])) .slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 8px #0006}.slider-handle:focus{box-shadow:0 0 0 3px #5e72f94d}.slider-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color
|
|
1301
|
-
var
|
|
1302
|
-
for (var r =
|
|
1303
|
-
(n = t[i]) && (r = (
|
|
1304
|
-
return
|
|
1300
|
+
}), xt = A`:host{display:inline-flex;align-items:center;position:relative;min-width:10rem;width:var(--nf-width,100%);height:1.25rem;background-color:var(--nf-border-color,#e0e0e0);border-radius:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;box-shadow:none;padding:0}:host:hover{background-color:var(--nf-border-color,#e0e0e0);border:none}:host:focus{box-shadow:none;outline:0}:host([disabled]){cursor:not-allowed;opacity:.6}.slider-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--nf-primary-color,#5e72f9);border-radius:.625rem 0 0 .625rem;pointer-events:none}.slider-handle{position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;outline:0;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease,box-shadow .15s ease;z-index:1}:host([disabled]) .slider-handle{cursor:not-allowed}:host(:not([disabled])) .slider-handle:hover{transform:translate(-50%,-50%) scale(1.05)}:host(:not([disabled])) .slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 8px #0006}.slider-handle:focus{box-shadow:0 0 0 3px #5e72f94d}.slider-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:var(--nf-slider-tooltip-background);color:var(--nf-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:0 0 .4rem .1rem #0000001a}.slider-tooltip.visible{opacity:1}`;
|
|
1301
|
+
var kt = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, w = (t, e, o, s) => {
|
|
1302
|
+
for (var r = s > 1 ? void 0 : s ? Et(e, o) : e, i = t.length - 1, n; i >= 0; i--)
|
|
1303
|
+
(n = t[i]) && (r = (s ? n(e, o, r) : n(r)) || r);
|
|
1304
|
+
return s && r && kt(e, o, r), r;
|
|
1305
1305
|
};
|
|
1306
1306
|
let g = class extends q {
|
|
1307
1307
|
constructor() {
|
|
@@ -1372,7 +1372,7 @@ let g = class extends q {
|
|
|
1372
1372
|
this._isDragging = !0, this._showTooltip = !0, this._updateValue(t), document.addEventListener("mousemove", this._handleDrag), document.addEventListener("touchmove", this._handleDrag, { passive: !1 }), document.addEventListener("mouseup", this._stopDrag), document.addEventListener("touchend", this._stopDrag);
|
|
1373
1373
|
}
|
|
1374
1374
|
_updateValue(t) {
|
|
1375
|
-
const e = this.getBoundingClientRect(),
|
|
1375
|
+
const e = this.getBoundingClientRect(), o = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, s = Math.max(0, Math.min(1, (o - e.left) / e.width)), r = this.max - this.min, i = this.min + s * r, n = Math.round((i - this.min) / this.step), l = this.min + n * this.step;
|
|
1376
1376
|
this._currentValue = Math.min(this.max, Math.max(this.min, l)), this.requestUpdate();
|
|
1377
1377
|
}
|
|
1378
1378
|
_getValuePercentage() {
|
|
@@ -1380,45 +1380,45 @@ let g = class extends q {
|
|
|
1380
1380
|
return t === 0 ? 0 : (this._currentValue - this.min) / t * 100;
|
|
1381
1381
|
}
|
|
1382
1382
|
render() {
|
|
1383
|
-
const t = this._getValuePercentage(), e = `${t}%`,
|
|
1384
|
-
return p`<div class=slider-fill style=${ee({ width:
|
|
1383
|
+
const t = this._getValuePercentage(), e = `${t}%`, o = `${t}%`, s = `slider-tooltip ${this._showTooltip || this.tooltip ? "visible" : ""}`;
|
|
1384
|
+
return p`<div class=slider-fill style=${ee({ width: o })}></div><div class=slider-handle style=${ee({ left: e })} @keydown=${this.disabled ? -1 : 0} @mousedown=${this._handleMouseDown} @touchstart=${this._handleTouchStart} tabindex=${this._handleKeyDown}><div class=${s}>${this._currentValue}</div></div>`;
|
|
1385
1385
|
}
|
|
1386
1386
|
};
|
|
1387
1387
|
g.styles = [K, xt];
|
|
1388
|
-
|
|
1388
|
+
w([
|
|
1389
1389
|
h({ type: Number })
|
|
1390
1390
|
], g.prototype, "value", 2);
|
|
1391
|
-
|
|
1391
|
+
w([
|
|
1392
1392
|
h({ type: Number })
|
|
1393
1393
|
], g.prototype, "defaultValue", 2);
|
|
1394
|
-
|
|
1394
|
+
w([
|
|
1395
1395
|
h({ type: Number })
|
|
1396
1396
|
], g.prototype, "min", 2);
|
|
1397
|
-
|
|
1397
|
+
w([
|
|
1398
1398
|
h({ type: Number })
|
|
1399
1399
|
], g.prototype, "max", 2);
|
|
1400
|
-
|
|
1400
|
+
w([
|
|
1401
1401
|
h({ type: Number })
|
|
1402
1402
|
], g.prototype, "step", 2);
|
|
1403
|
-
|
|
1403
|
+
w([
|
|
1404
1404
|
h({ type: Boolean, reflect: !0 })
|
|
1405
1405
|
], g.prototype, "disabled", 2);
|
|
1406
|
-
|
|
1406
|
+
w([
|
|
1407
1407
|
h({ type: Boolean })
|
|
1408
1408
|
], g.prototype, "range", 2);
|
|
1409
|
-
|
|
1409
|
+
w([
|
|
1410
1410
|
h({ type: Boolean })
|
|
1411
1411
|
], g.prototype, "tooltip", 2);
|
|
1412
|
-
|
|
1412
|
+
w([
|
|
1413
1413
|
$()
|
|
1414
1414
|
], g.prototype, "_currentValue", 2);
|
|
1415
|
-
|
|
1415
|
+
w([
|
|
1416
1416
|
$()
|
|
1417
1417
|
], g.prototype, "_isDragging", 2);
|
|
1418
|
-
|
|
1418
|
+
w([
|
|
1419
1419
|
$()
|
|
1420
1420
|
], g.prototype, "_showTooltip", 2);
|
|
1421
|
-
g =
|
|
1421
|
+
g = w([
|
|
1422
1422
|
N("nf-slider")
|
|
1423
1423
|
], g);
|
|
1424
1424
|
const It = O({
|