@duyluonganduin/acl-web-components 0.0.30 → 0.0.31
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/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +2 -0
- package/dist/acl-web-components.iife.js +102 -102
- package/dist/acl-web-components.js +1 -1
- package/dist/{anduin-navigation-DXG5MFAE.js → anduin-navigation-CKAX7m3F.js} +299 -296
- package/dist/{anduin-navigation-D6_SYAAm.cjs → anduin-navigation-ThZ7NdnT.cjs} +103 -103
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +2 -0
- package/dist/react.js +2 -2
- package/package.json +1 -1
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const q1 = globalThis,
|
|
6
|
+
const q1 = globalThis, k2 = q1.ShadowRoot && (q1.ShadyCSS === void 0 || q1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $2 = Symbol(), E5 = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let t4 = class {
|
|
8
8
|
constructor(e, t, i) {
|
|
9
|
-
if (this._$cssResult$ = !0, i !==
|
|
9
|
+
if (this._$cssResult$ = !0, i !== $2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = e, this.t = t;
|
|
11
11
|
}
|
|
12
12
|
get styleSheet() {
|
|
13
13
|
let e = this.o;
|
|
14
14
|
const t = this.t;
|
|
15
|
-
if (
|
|
15
|
+
if (k2 && e === void 0) {
|
|
16
16
|
const i = t !== void 0 && t.length === 1;
|
|
17
|
-
i && (e =
|
|
17
|
+
i && (e = E5.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && E5.set(t, e));
|
|
18
18
|
}
|
|
19
19
|
return e;
|
|
20
20
|
}
|
|
@@ -22,20 +22,20 @@ let t4 = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0,
|
|
25
|
+
const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0, $2), g = (l, ...e) => {
|
|
26
26
|
const t = l.length === 1 ? l[0] : e.reduce((i, o, r) => i + ((n) => {
|
|
27
27
|
if (n._$cssResult$ === !0) return n.cssText;
|
|
28
28
|
if (typeof n == "number") return n;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
30
|
})(o) + l[r + 1], l[0]);
|
|
31
|
-
return new t4(t, l,
|
|
31
|
+
return new t4(t, l, $2);
|
|
32
32
|
}, _4 = (l, e) => {
|
|
33
|
-
if (
|
|
33
|
+
if (k2) l.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
|
|
34
34
|
else for (const t of e) {
|
|
35
35
|
const i = document.createElement("style"), o = q1.litNonce;
|
|
36
36
|
o !== void 0 && i.setAttribute("nonce", o), i.textContent = t.cssText, l.appendChild(i);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, A5 = k2 ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((e) => {
|
|
39
39
|
let t = "";
|
|
40
40
|
for (const i of e.cssRules) t += i.cssText;
|
|
41
41
|
return Z4(t);
|
|
@@ -45,7 +45,7 @@ const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0, k2), g = (l,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnPropertyNames: k4, getOwnPropertySymbols: $4, getPrototypeOf: E4 } = Object, W = globalThis,
|
|
48
|
+
const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnPropertyNames: k4, getOwnPropertySymbols: $4, getPrototypeOf: E4 } = Object, W = globalThis, z5 = W.trustedTypes, A4 = z5 ? z5.emptyScript : "", l2 = W.reactiveElementPolyfillSupport, M1 = (l, e) => l, G1 = { toAttribute(l, e) {
|
|
49
49
|
switch (e) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
l = l ? A4 : null;
|
|
@@ -73,7 +73,7 @@ const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return t;
|
|
76
|
-
} },
|
|
76
|
+
} }, E2 = (l, e) => !x4(l, e), B5 = { attribute: !0, type: String, converter: G1, reflect: !1, useDefault: !1, hasChanged: E2 };
|
|
77
77
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), W.litPropertyMetadata ?? (W.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let h1 = class extends HTMLElement {
|
|
79
79
|
static addInitializer(e) {
|
|
@@ -82,7 +82,7 @@ let h1 = class extends HTMLElement {
|
|
|
82
82
|
static get observedAttributes() {
|
|
83
83
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
84
84
|
}
|
|
85
|
-
static createProperty(e, t =
|
|
85
|
+
static createProperty(e, t = B5) {
|
|
86
86
|
if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
|
|
87
87
|
const i = Symbol(), o = this.getPropertyDescriptor(e, i, t);
|
|
88
88
|
o !== void 0 && w4(this.prototype, e, o);
|
|
@@ -100,7 +100,7 @@ let h1 = class extends HTMLElement {
|
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(e) {
|
|
103
|
-
return this.elementProperties.get(e) ??
|
|
103
|
+
return this.elementProperties.get(e) ?? B5;
|
|
104
104
|
}
|
|
105
105
|
static _$Ei() {
|
|
106
106
|
if (this.hasOwnProperty(M1("elementProperties"))) return;
|
|
@@ -129,8 +129,8 @@ let h1 = class extends HTMLElement {
|
|
|
129
129
|
const t = [];
|
|
130
130
|
if (Array.isArray(e)) {
|
|
131
131
|
const i = new Set(e.flat(1 / 0).reverse());
|
|
132
|
-
for (const o of i) t.unshift(
|
|
133
|
-
} else e !== void 0 && t.push(
|
|
132
|
+
for (const o of i) t.unshift(A5(o));
|
|
133
|
+
} else e !== void 0 && t.push(A5(e));
|
|
134
134
|
return t;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(e, t) {
|
|
@@ -202,7 +202,7 @@ let h1 = class extends HTMLElement {
|
|
|
202
202
|
var n;
|
|
203
203
|
if (e !== void 0) {
|
|
204
204
|
const s = this.constructor;
|
|
205
|
-
if (o === !1 && (r = this[e]), i ?? (i = s.getPropertyOptions(e)), !((i.hasChanged ??
|
|
205
|
+
if (o === !1 && (r = this[e]), i ?? (i = s.getPropertyOptions(e)), !((i.hasChanged ?? E2)(r, t) || i.useDefault && i.reflect && r === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(s._$Eu(e, i)))) return;
|
|
206
206
|
this.C(e, t, i);
|
|
207
207
|
}
|
|
208
208
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
@@ -284,12 +284,12 @@ h1.elementStyles = [], h1.shadowRootOptions = { mode: "open" }, h1[M1("elementPr
|
|
|
284
284
|
* Copyright 2017 Google LLC
|
|
285
285
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
286
286
|
*/
|
|
287
|
-
const Z1 = globalThis,
|
|
288
|
-
\f\r]`, b1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
289
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
287
|
+
const Z1 = globalThis, S5 = (l) => l, W1 = Z1.trustedTypes, P5 = W1 ? W1.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, o4 = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, i4 = "?" + G, z4 = `<${i4}>`, n1 = document, _1 = () => n1.createComment(""), x1 = (l) => l === null || typeof l != "object" && typeof l != "function", A2 = Array.isArray, B4 = (l) => A2(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", r2 = `[
|
|
288
|
+
\f\r]`, b1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, F5 = /-->/g, O5 = />/g, i1 = RegExp(`>|${r2}(?:([^\\s"'>=/]+)(${r2}*=${r2}*(?:[^
|
|
289
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), I5 = /'/g, D5 = /"/g, l4 = /^(?:script|style|textarea|title)$/i, r4 = (l) => (e, ...t) => ({ _$litType$: l, strings: e, values: t }), C = r4(1), Y1 = r4(2), a1 = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), T5 = /* @__PURE__ */ new WeakMap(), l1 = n1.createTreeWalker(n1, 129);
|
|
290
290
|
function n4(l, e) {
|
|
291
|
-
if (!
|
|
292
|
-
return
|
|
291
|
+
if (!A2(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
292
|
+
return P5 !== void 0 ? P5.createHTML(e) : e;
|
|
293
293
|
}
|
|
294
294
|
const S4 = (l, e) => {
|
|
295
295
|
const t = l.length - 1, i = [];
|
|
@@ -297,7 +297,7 @@ const S4 = (l, e) => {
|
|
|
297
297
|
for (let s = 0; s < t; s++) {
|
|
298
298
|
const d = l[s];
|
|
299
299
|
let p, h, v = -1, H = 0;
|
|
300
|
-
for (; H < d.length && (n.lastIndex = H, h = n.exec(d), h !== null); ) H = n.lastIndex, n === b1 ? h[1] === "!--" ? n =
|
|
300
|
+
for (; H < d.length && (n.lastIndex = H, h = n.exec(d), h !== null); ) H = n.lastIndex, n === b1 ? h[1] === "!--" ? n = F5 : h[1] !== void 0 ? n = O5 : h[2] !== void 0 ? (l4.test(h[2]) && (o = RegExp("</" + h[2], "g")), n = i1) : h[3] !== void 0 && (n = i1) : n === i1 ? h[0] === ">" ? (n = o ?? b1, v = -1) : h[1] === void 0 ? v = -2 : (v = n.lastIndex - h[2].length, p = h[1], n = h[3] === void 0 ? i1 : h[3] === '"' ? D5 : I5) : n === D5 || n === I5 ? n = i1 : n === F5 || n === O5 ? n = b1 : (n = i1, o = void 0);
|
|
301
301
|
const f = n === i1 && l[s + 1].startsWith("/>") ? " " : "";
|
|
302
302
|
r += n === b1 ? d + z4 : v >= 0 ? (i.push(p), d.slice(0, v) + o4 + d.slice(v) + G + f) : d + G + (v === -2 ? s : f);
|
|
303
303
|
}
|
|
@@ -317,7 +317,7 @@ class w1 {
|
|
|
317
317
|
if (o.nodeType === 1) {
|
|
318
318
|
if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(o4)) {
|
|
319
319
|
const H = h[n++], f = o.getAttribute(v).split(G), Z = /([.?@])?(.*)/.exec(H);
|
|
320
|
-
d.push({ type: 1, index: r, name: Z[2], strings: f, ctor: Z[1] === "." ? F4 : Z[1] === "?" ? O4 : Z[1] === "@" ?
|
|
320
|
+
d.push({ type: 1, index: r, name: Z[2], strings: f, ctor: Z[1] === "." ? F4 : Z[1] === "?" ? O4 : Z[1] === "@" ? I4 : o2 }), o.removeAttribute(v);
|
|
321
321
|
} else v.startsWith(G) && (d.push({ type: 6, index: r }), o.removeAttribute(v));
|
|
322
322
|
if (l4.test(o.tagName)) {
|
|
323
323
|
const v = o.textContent.split(G), H = v.length - 1;
|
|
@@ -364,7 +364,7 @@ class P4 {
|
|
|
364
364
|
for (; d !== void 0; ) {
|
|
365
365
|
if (n === d.index) {
|
|
366
366
|
let p;
|
|
367
|
-
d.type === 2 ? p = new T1(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new
|
|
367
|
+
d.type === 2 ? p = new T1(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new D4(r, this, e)), this._$AV.push(p), d = i[++s];
|
|
368
368
|
}
|
|
369
369
|
n !== (d == null ? void 0 : d.index) && (r = l1.nextNode(), n++);
|
|
370
370
|
}
|
|
@@ -416,11 +416,11 @@ class T1 {
|
|
|
416
416
|
}
|
|
417
417
|
}
|
|
418
418
|
_$AC(e) {
|
|
419
|
-
let t =
|
|
420
|
-
return t === void 0 &&
|
|
419
|
+
let t = T5.get(e.strings);
|
|
420
|
+
return t === void 0 && T5.set(e.strings, t = new w1(e)), t;
|
|
421
421
|
}
|
|
422
422
|
k(e) {
|
|
423
|
-
|
|
423
|
+
A2(this._$AH) || (this._$AH = [], this._$AR());
|
|
424
424
|
const t = this._$AH;
|
|
425
425
|
let i, o = 0;
|
|
426
426
|
for (const r of e) o === t.length ? t.push(i = new T1(this.O(_1()), this.O(_1()), this, this.options)) : i = t[o], i._$AI(r), o++;
|
|
@@ -429,8 +429,8 @@ class T1 {
|
|
|
429
429
|
_$AR(e = this._$AA.nextSibling, t) {
|
|
430
430
|
var i;
|
|
431
431
|
for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, t); e !== this._$AB; ) {
|
|
432
|
-
const o =
|
|
433
|
-
|
|
432
|
+
const o = S5(e).nextSibling;
|
|
433
|
+
S5(e).remove(), e = o;
|
|
434
434
|
}
|
|
435
435
|
}
|
|
436
436
|
setConnected(e) {
|
|
@@ -479,7 +479,7 @@ class O4 extends o2 {
|
|
|
479
479
|
this.element.toggleAttribute(this.name, !!e && e !== c);
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
|
-
class
|
|
482
|
+
class I4 extends o2 {
|
|
483
483
|
constructor(e, t, i, o, r) {
|
|
484
484
|
super(e, t, i, o, r), this.type = 5;
|
|
485
485
|
}
|
|
@@ -493,7 +493,7 @@ class D4 extends o2 {
|
|
|
493
493
|
typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
|
|
494
494
|
}
|
|
495
495
|
}
|
|
496
|
-
class
|
|
496
|
+
class D4 {
|
|
497
497
|
constructor(e, t, i) {
|
|
498
498
|
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
|
|
499
499
|
}
|
|
@@ -556,7 +556,7 @@ a2 == null || a2({ LitElement: u });
|
|
|
556
556
|
* Copyright 2017 Google LLC
|
|
557
557
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
558
558
|
*/
|
|
559
|
-
const N4 = { attribute: !0, type: String, converter: G1, reflect: !1, hasChanged:
|
|
559
|
+
const N4 = { attribute: !0, type: String, converter: G1, reflect: !1, hasChanged: E2 }, j4 = (l = N4, e, t) => {
|
|
560
560
|
const { kind: i, metadata: o } = t;
|
|
561
561
|
let r = globalThis.litPropertyMetadata.get(o);
|
|
562
562
|
if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), i === "setter" && ((l = Object.create(l)).wrapped = !0), r.set(t.name, l), i === "accessor") {
|
|
@@ -618,7 +618,7 @@ var q4 = Object.defineProperty, a4 = (l, e, t, i) => {
|
|
|
618
618
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
619
619
|
return o && q4(e, t, o), o;
|
|
620
620
|
};
|
|
621
|
-
const
|
|
621
|
+
const P2 = class P2 extends u {
|
|
622
622
|
constructor() {
|
|
623
623
|
super(...arguments), this.size = "medium", this.percent = "";
|
|
624
624
|
}
|
|
@@ -675,12 +675,12 @@ const S2 = class S2 extends u {
|
|
|
675
675
|
`;
|
|
676
676
|
}
|
|
677
677
|
};
|
|
678
|
-
|
|
678
|
+
P2.styles = g`
|
|
679
679
|
:host { display: inline-block; line-height: 0; font-family: var(--font-sans); }
|
|
680
680
|
.spinner { animation: circle 0.6s linear infinite; }
|
|
681
681
|
@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
682
682
|
`;
|
|
683
|
-
let R1 =
|
|
683
|
+
let R1 = P2;
|
|
684
684
|
a4([
|
|
685
685
|
a()
|
|
686
686
|
], R1.prototype, "size");
|
|
@@ -693,7 +693,7 @@ var G4 = Object.defineProperty, s4 = (l, e, t, i) => {
|
|
|
693
693
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
694
694
|
return o && G4(e, t, o), o;
|
|
695
695
|
};
|
|
696
|
-
const
|
|
696
|
+
const N5 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.63534 5.88184C9.71811 6.10553 9.89447 6.28189 10.1182 6.36466L12.4664 7.23359C13.1779 7.49685 13.1779 8.50314 12.4664 8.76641L10.1182 9.63534C9.89447 9.71811 9.71811 9.89447 9.63534 10.1182L8.76641 12.4664C8.50314 13.1779 7.49685 13.1779 7.23359 12.4664L6.36466 10.1182C6.28189 9.89447 6.10553 9.71811 5.88185 9.63534L3.5336 8.76641C2.82213 8.50314 2.82213 7.49685 3.5336 7.23359L5.88184 6.36466C6.10553 6.28189 6.28189 6.10553 6.36466 5.88185L7.23359 3.5336Z", W4 = { small: 16, medium: 24, large: 32 }, F2 = class F2 extends u {
|
|
697
697
|
constructor() {
|
|
698
698
|
super(...arguments), this.size = "small", this.color = "default";
|
|
699
699
|
}
|
|
@@ -708,13 +708,13 @@ const T5 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.635
|
|
|
708
708
|
fill="currentColor"
|
|
709
709
|
overflow="visible"
|
|
710
710
|
>
|
|
711
|
-
<path class="star" d="${
|
|
712
|
-
<path class="star star-2" d="${
|
|
711
|
+
<path class="star" d="${N5}"/>
|
|
712
|
+
<path class="star star-2" d="${N5}"/>
|
|
713
713
|
</svg>
|
|
714
714
|
`;
|
|
715
715
|
}
|
|
716
716
|
};
|
|
717
|
-
|
|
717
|
+
F2.styles = g`
|
|
718
718
|
:host { display: inline-block; line-height: 0; }
|
|
719
719
|
|
|
720
720
|
/* ── Colors ─────────────────────────────────────────────────── */
|
|
@@ -753,7 +753,7 @@ P2.styles = g`
|
|
|
753
753
|
100% { transform: translate(12px, 12px) scale(0.5); opacity: 0; }
|
|
754
754
|
}
|
|
755
755
|
`;
|
|
756
|
-
let k1 =
|
|
756
|
+
let k1 = F2;
|
|
757
757
|
s4([
|
|
758
758
|
a({ reflect: !0 })
|
|
759
759
|
], k1.prototype, "size");
|
|
@@ -761,7 +761,7 @@ s4([
|
|
|
761
761
|
a({ reflect: !0 })
|
|
762
762
|
], k1.prototype, "color");
|
|
763
763
|
customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", k1);
|
|
764
|
-
const
|
|
764
|
+
const j5 = {
|
|
765
765
|
access: [{ d: "M13 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V5.75H1V3C1 1.89543 1.89543 1 3 1H13C14.1046 1 15 1.89543 15 3V13C15 14.1046 14.1046 15 13 15H3C1.89543 15 1 14.1046 1 13V10.25H2.5V13C2.5 13.2761 2.72386 13.5 3 13.5H13C13.2761 13.5 13.5 13.2761 13.5 13V3C13.5 2.72386 13.2761 2.5 13 2.5ZM7.53033 4.21979C7.23744 3.9269 6.76256 3.9269 6.46967 4.21979C6.17678 4.51269 6.17678 4.98756 6.46967 5.28045L8.43922 7.25L0.75 7.25C0.335786 7.25 0 7.58579 0 8C0 8.41421 0.335786 8.75 0.75 8.75L8.43946 8.75L6.46967 10.7198C6.17678 11.0127 6.17678 11.4876 6.46967 11.7805C6.76256 12.0733 7.23744 12.0733 7.53033 11.7805L10.7803 8.53044C11.0732 8.23755 11.0732 7.76268 10.7803 7.46978L7.53033 4.21979Z", fillRule: "evenodd", clipRule: "evenodd" }],
|
|
766
766
|
alignCenter: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM4 6C4 5.44772 4.44772 5 5 5H11C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7H5C4.44772 7 4 6.55228 4 6ZM5 13C4.44772 13 4 13.4477 4 14C4 14.5523 4.44772 15 5 15H11C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13H5Z", fillRule: "evenodd", clipRule: "evenodd" }],
|
|
767
767
|
alignJustify: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM1 6C1 5.44772 1.44772 5 2 5H14C14.5523 5 15 5.44772 15 6C15 6.55228 14.5523 7 14 7H2C1.44772 7 1 6.55228 1 6ZM2 13C1.44772 13 1 13.4477 1 14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H2Z", fillRule: "evenodd", clipRule: "evenodd" }],
|
|
@@ -1115,12 +1115,12 @@ var Y4 = Object.defineProperty, C4 = (l, e, t, i) => {
|
|
|
1115
1115
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1116
1116
|
return o && Y4(e, t, o), o;
|
|
1117
1117
|
};
|
|
1118
|
-
const
|
|
1118
|
+
const O2 = class O2 extends u {
|
|
1119
1119
|
constructor() {
|
|
1120
1120
|
super(...arguments), this.name = "", this.size = 16;
|
|
1121
1121
|
}
|
|
1122
1122
|
render() {
|
|
1123
|
-
const e = this.name &&
|
|
1123
|
+
const e = this.name && j5[this.name] ? j5[this.name] : [], t = !this.name;
|
|
1124
1124
|
return Y1`
|
|
1125
1125
|
<svg
|
|
1126
1126
|
class=${t ? "icon--hidden" : ""}
|
|
@@ -1143,11 +1143,11 @@ const F2 = class F2 extends u {
|
|
|
1143
1143
|
`;
|
|
1144
1144
|
}
|
|
1145
1145
|
};
|
|
1146
|
-
|
|
1146
|
+
O2.styles = g`
|
|
1147
1147
|
:host { display: block; line-height: 0; font-family: var(--font-sans); }
|
|
1148
1148
|
.icon--hidden { display: none; }
|
|
1149
1149
|
`;
|
|
1150
|
-
let $1 =
|
|
1150
|
+
let $1 = O2;
|
|
1151
1151
|
C4([
|
|
1152
1152
|
a()
|
|
1153
1153
|
], $1.prototype, "name");
|
|
@@ -1201,7 +1201,7 @@ function c4(l) {
|
|
|
1201
1201
|
boldDanger: "badge--bold-danger"
|
|
1202
1202
|
}[l || "gray"] || "badge--light-gray";
|
|
1203
1203
|
}
|
|
1204
|
-
const
|
|
1204
|
+
const I2 = class I2 extends u {
|
|
1205
1205
|
constructor() {
|
|
1206
1206
|
super(...arguments), this.variant = "gray";
|
|
1207
1207
|
}
|
|
@@ -1210,8 +1210,8 @@ const O2 = class O2 extends u {
|
|
|
1210
1210
|
return C`<div class="badge ${e}" part="badge"><slot></slot></div>`;
|
|
1211
1211
|
}
|
|
1212
1212
|
};
|
|
1213
|
-
|
|
1214
|
-
let X1 =
|
|
1213
|
+
I2.styles = [d4];
|
|
1214
|
+
let X1 = I2;
|
|
1215
1215
|
K4([
|
|
1216
1216
|
a()
|
|
1217
1217
|
], X1.prototype, "variant");
|
|
@@ -1255,7 +1255,7 @@ var Q4 = Object.defineProperty, _ = (l, e, t, i) => {
|
|
|
1255
1255
|
function e3(l) {
|
|
1256
1256
|
return l.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
|
|
1257
1257
|
}
|
|
1258
|
-
const
|
|
1258
|
+
const T2 = class T2 extends u {
|
|
1259
1259
|
constructor() {
|
|
1260
1260
|
super(...arguments), this.iconOnly = !1, this.appearance = "filled", this.variant = "", this.size = "medium", this.disabled = !1, this.loading = !1, this.fullWidth = !1, this.pill = !1, this.selected = !1, this.href = "", this.openNewTab = !1, this.download = "", this.startIcon = "", this.endIcon = "", this.label = "";
|
|
1261
1261
|
}
|
|
@@ -1316,7 +1316,7 @@ const I2 = class I2 extends u {
|
|
|
1316
1316
|
`;
|
|
1317
1317
|
}
|
|
1318
1318
|
};
|
|
1319
|
-
|
|
1319
|
+
T2.styles = g`
|
|
1320
1320
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1321
1321
|
:host([full-width]) { display: block; width: 100%; }
|
|
1322
1322
|
.button {
|
|
@@ -1429,7 +1429,7 @@ I2.styles = g`
|
|
|
1429
1429
|
.button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
|
|
1430
1430
|
.button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
|
|
1431
1431
|
`;
|
|
1432
|
-
let m =
|
|
1432
|
+
let m = T2;
|
|
1433
1433
|
_([
|
|
1434
1434
|
b()
|
|
1435
1435
|
], m.prototype, "iconOnly");
|
|
@@ -1481,7 +1481,7 @@ var t3 = Object.defineProperty, o3 = (l, e, t, i) => {
|
|
|
1481
1481
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1482
1482
|
return o && t3(e, t, o), o;
|
|
1483
1483
|
};
|
|
1484
|
-
const
|
|
1484
|
+
const N2 = class N2 extends u {
|
|
1485
1485
|
constructor() {
|
|
1486
1486
|
super(...arguments), this.variant = "gray";
|
|
1487
1487
|
}
|
|
@@ -1494,7 +1494,7 @@ const T2 = class T2 extends u {
|
|
|
1494
1494
|
`;
|
|
1495
1495
|
}
|
|
1496
1496
|
};
|
|
1497
|
-
|
|
1497
|
+
N2.styles = g`
|
|
1498
1498
|
:host { display: block; font-family: var(--font-sans); }
|
|
1499
1499
|
.callout {
|
|
1500
1500
|
display: flex; align-items: center; justify-content: center;
|
|
@@ -1506,7 +1506,7 @@ T2.styles = g`
|
|
|
1506
1506
|
.callout--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
|
|
1507
1507
|
.callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
1508
1508
|
`;
|
|
1509
|
-
let K1 =
|
|
1509
|
+
let K1 = N2;
|
|
1510
1510
|
o3([
|
|
1511
1511
|
a()
|
|
1512
1512
|
], K1.prototype, "variant");
|
|
@@ -1516,7 +1516,7 @@ var i3 = Object.defineProperty, u4 = (l, e, t, i) => {
|
|
|
1516
1516
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1517
1517
|
return o && i3(e, t, o), o;
|
|
1518
1518
|
};
|
|
1519
|
-
const
|
|
1519
|
+
const j2 = class j2 extends u {
|
|
1520
1520
|
constructor() {
|
|
1521
1521
|
super(...arguments), this.direction = "horizontal", this.hasContent = !1;
|
|
1522
1522
|
}
|
|
@@ -1547,7 +1547,7 @@ const N2 = class N2 extends u {
|
|
|
1547
1547
|
</div>` : C`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
|
|
1548
1548
|
}
|
|
1549
1549
|
};
|
|
1550
|
-
|
|
1550
|
+
j2.styles = g`
|
|
1551
1551
|
:host { display: block; width: 100%; font-family: var(--font-sans); }
|
|
1552
1552
|
:host([direction="vertical"]) { width: auto; height: 100%; }
|
|
1553
1553
|
.divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
|
|
@@ -1557,7 +1557,7 @@ N2.styles = g`
|
|
|
1557
1557
|
.divider--vertical-empty { background-color: var(--color-gray-3); width: 1px; }
|
|
1558
1558
|
.divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
|
|
1559
1559
|
`;
|
|
1560
|
-
let A1 =
|
|
1560
|
+
let A1 = j2;
|
|
1561
1561
|
u4([
|
|
1562
1562
|
a({ reflect: !0 })
|
|
1563
1563
|
], A1.prototype, "direction");
|
|
@@ -1570,7 +1570,7 @@ var l3 = Object.defineProperty, r3 = (l, e, t, i) => {
|
|
|
1570
1570
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1571
1571
|
return o && l3(e, t, o), o;
|
|
1572
1572
|
};
|
|
1573
|
-
const
|
|
1573
|
+
const U2 = class U2 extends u {
|
|
1574
1574
|
constructor() {
|
|
1575
1575
|
super(...arguments), this.variant = "gray";
|
|
1576
1576
|
}
|
|
@@ -1578,7 +1578,7 @@ const j2 = class j2 extends u {
|
|
|
1578
1578
|
return C`<div class="dot dot--${this.variant}" part="dot"></div>`;
|
|
1579
1579
|
}
|
|
1580
1580
|
};
|
|
1581
|
-
|
|
1581
|
+
U2.styles = g`
|
|
1582
1582
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1583
1583
|
.dot { width: 10px; height: 10px; border-radius: 9999px; }
|
|
1584
1584
|
.dot--gray { background-color: var(--color-semantic-gray-6); color: var(--color-semantic-gray-0); }
|
|
@@ -1587,7 +1587,7 @@ j2.styles = g`
|
|
|
1587
1587
|
.dot--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
|
|
1588
1588
|
.dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
1589
1589
|
`;
|
|
1590
|
-
let J1 =
|
|
1590
|
+
let J1 = U2;
|
|
1591
1591
|
r3([
|
|
1592
1592
|
a()
|
|
1593
1593
|
], J1.prototype, "variant");
|
|
@@ -1597,7 +1597,7 @@ var n3 = Object.defineProperty, h4 = (l, e, t, i) => {
|
|
|
1597
1597
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1598
1598
|
return o && n3(e, t, o), o;
|
|
1599
1599
|
};
|
|
1600
|
-
const
|
|
1600
|
+
const q2 = class q2 extends u {
|
|
1601
1601
|
constructor() {
|
|
1602
1602
|
super(...arguments), this.percent = "", this.height = "medium";
|
|
1603
1603
|
}
|
|
@@ -1613,7 +1613,7 @@ const U2 = class U2 extends u {
|
|
|
1613
1613
|
`;
|
|
1614
1614
|
}
|
|
1615
1615
|
};
|
|
1616
|
-
|
|
1616
|
+
q2.styles = g`
|
|
1617
1617
|
:host { display: block; font-family: var(--font-sans); }
|
|
1618
1618
|
.progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
|
|
1619
1619
|
.progress__fill {
|
|
@@ -1629,7 +1629,7 @@ U2.styles = g`
|
|
|
1629
1629
|
to { transform: translateX(330%); }
|
|
1630
1630
|
}
|
|
1631
1631
|
`;
|
|
1632
|
-
let z1 =
|
|
1632
|
+
let z1 = q2;
|
|
1633
1633
|
h4([
|
|
1634
1634
|
a()
|
|
1635
1635
|
], z1.prototype, "percent");
|
|
@@ -1642,7 +1642,7 @@ var a3 = Object.defineProperty, L1 = (l, e, t, i) => {
|
|
|
1642
1642
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1643
1643
|
return o && a3(e, t, o), o;
|
|
1644
1644
|
};
|
|
1645
|
-
const
|
|
1645
|
+
const G2 = class G2 extends u {
|
|
1646
1646
|
constructor() {
|
|
1647
1647
|
super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
|
|
1648
1648
|
}
|
|
@@ -1661,7 +1661,7 @@ const q2 = class q2 extends u {
|
|
|
1661
1661
|
`;
|
|
1662
1662
|
}
|
|
1663
1663
|
};
|
|
1664
|
-
|
|
1664
|
+
G2.styles = g`
|
|
1665
1665
|
:host { display: block; height: 100%; font-family: var(--font-sans); }
|
|
1666
1666
|
.skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
|
|
1667
1667
|
.skeleton--circle { border-radius: 9999px; }
|
|
@@ -1680,32 +1680,32 @@ q2.styles = g`
|
|
|
1680
1680
|
0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
|
|
1681
1681
|
}
|
|
1682
1682
|
`;
|
|
1683
|
-
let
|
|
1683
|
+
let D = G2;
|
|
1684
1684
|
L1([
|
|
1685
1685
|
a()
|
|
1686
|
-
],
|
|
1686
|
+
], D.prototype, "effect");
|
|
1687
1687
|
L1([
|
|
1688
1688
|
a()
|
|
1689
|
-
],
|
|
1689
|
+
], D.prototype, "shape");
|
|
1690
1690
|
L1([
|
|
1691
1691
|
a()
|
|
1692
|
-
],
|
|
1692
|
+
], D.prototype, "height");
|
|
1693
1693
|
L1([
|
|
1694
1694
|
a()
|
|
1695
|
-
],
|
|
1695
|
+
], D.prototype, "width");
|
|
1696
1696
|
L1([
|
|
1697
1697
|
a({ type: Number })
|
|
1698
|
-
],
|
|
1698
|
+
], D.prototype, "duration");
|
|
1699
1699
|
L1([
|
|
1700
1700
|
a({ attribute: "font-size" })
|
|
1701
|
-
],
|
|
1702
|
-
customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton",
|
|
1701
|
+
], D.prototype, "fontSize");
|
|
1702
|
+
customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", D);
|
|
1703
1703
|
var s3 = Object.defineProperty, C3 = (l, e, t, i) => {
|
|
1704
1704
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
1705
1705
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1706
1706
|
return o && s3(e, t, o), o;
|
|
1707
1707
|
};
|
|
1708
|
-
const
|
|
1708
|
+
const W2 = class W2 extends u {
|
|
1709
1709
|
constructor() {
|
|
1710
1710
|
super(...arguments), this.height = "256px";
|
|
1711
1711
|
}
|
|
@@ -1720,23 +1720,23 @@ const G2 = class G2 extends u {
|
|
|
1720
1720
|
`;
|
|
1721
1721
|
}
|
|
1722
1722
|
};
|
|
1723
|
-
|
|
1723
|
+
W2.styles = g`
|
|
1724
1724
|
:host { display: block; height: 100%; font-family: var(--font-sans); }
|
|
1725
1725
|
.loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
|
|
1726
1726
|
.loading-state__indicator { color: var(--color-primary-4); }
|
|
1727
1727
|
.loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-gray-6); }
|
|
1728
1728
|
`;
|
|
1729
|
-
let Q1 =
|
|
1729
|
+
let Q1 = W2;
|
|
1730
1730
|
C3([
|
|
1731
1731
|
a()
|
|
1732
1732
|
], Q1.prototype, "height");
|
|
1733
1733
|
customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", Q1);
|
|
1734
|
-
var d3 = Object.defineProperty,
|
|
1734
|
+
var d3 = Object.defineProperty, z2 = (l, e, t, i) => {
|
|
1735
1735
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
1736
1736
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1737
1737
|
return o && d3(e, t, o), o;
|
|
1738
1738
|
};
|
|
1739
|
-
const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinated",
|
|
1739
|
+
const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinated", Y2 = class Y2 extends u {
|
|
1740
1740
|
constructor() {
|
|
1741
1741
|
super(...arguments), this.orientation = "vertical";
|
|
1742
1742
|
}
|
|
@@ -1759,17 +1759,17 @@ const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinate
|
|
|
1759
1759
|
`;
|
|
1760
1760
|
}
|
|
1761
1761
|
};
|
|
1762
|
-
|
|
1762
|
+
Y2.styles = g`
|
|
1763
1763
|
:host { display: block; font-family: var(--font-sans); }
|
|
1764
1764
|
.field { display: flex; flex-wrap: wrap; }
|
|
1765
1765
|
.field--vertical { flex-direction: column; row-gap: 4px; }
|
|
1766
1766
|
.field--horizontal { column-gap: 4px; }
|
|
1767
1767
|
`;
|
|
1768
|
-
let e2 =
|
|
1769
|
-
|
|
1768
|
+
let e2 = Y2;
|
|
1769
|
+
z2([
|
|
1770
1770
|
a()
|
|
1771
1771
|
], e2.prototype, "orientation");
|
|
1772
|
-
const
|
|
1772
|
+
const X2 = class X2 extends u {
|
|
1773
1773
|
constructor() {
|
|
1774
1774
|
super(...arguments), this.htmlfor = "", this.required = !1;
|
|
1775
1775
|
}
|
|
@@ -1796,59 +1796,59 @@ const Y2 = class Y2 extends u {
|
|
|
1796
1796
|
`;
|
|
1797
1797
|
}
|
|
1798
1798
|
};
|
|
1799
|
-
|
|
1799
|
+
X2.styles = g`
|
|
1800
1800
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1801
1801
|
.field-label { font-size: 13px; line-height: 20px; font-weight: 600; cursor: default; color: var(--color-gray-8, #101828); }
|
|
1802
1802
|
.field-label__required { color: var(--color-danger-5); }
|
|
1803
1803
|
`;
|
|
1804
|
-
let B1 =
|
|
1805
|
-
|
|
1804
|
+
let B1 = X2;
|
|
1805
|
+
z2([
|
|
1806
1806
|
a()
|
|
1807
1807
|
], B1.prototype, "htmlfor");
|
|
1808
|
-
|
|
1808
|
+
z2([
|
|
1809
1809
|
a({ type: Boolean })
|
|
1810
1810
|
], B1.prototype, "required");
|
|
1811
|
-
const
|
|
1811
|
+
const K2 = class K2 extends u {
|
|
1812
1812
|
render() {
|
|
1813
1813
|
return C`<div class="field-description" part="description"><slot></slot></div>`;
|
|
1814
1814
|
}
|
|
1815
1815
|
};
|
|
1816
|
-
|
|
1816
|
+
K2.styles = g`
|
|
1817
1817
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1818
1818
|
.field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
|
|
1819
1819
|
`;
|
|
1820
|
-
let
|
|
1821
|
-
const
|
|
1820
|
+
let u2 = K2;
|
|
1821
|
+
const J2 = class J2 extends u {
|
|
1822
1822
|
render() {
|
|
1823
1823
|
return C`<div class="field-error" part="error"><slot></slot></div>`;
|
|
1824
1824
|
}
|
|
1825
1825
|
};
|
|
1826
|
-
|
|
1826
|
+
J2.styles = g`
|
|
1827
1827
|
:host { display: block; font-family: var(--font-sans); }
|
|
1828
1828
|
.field-error { color: var(--color-danger-4); }
|
|
1829
1829
|
`;
|
|
1830
|
-
let
|
|
1831
|
-
const
|
|
1830
|
+
let h2 = J2;
|
|
1831
|
+
const Q2 = class Q2 extends u {
|
|
1832
1832
|
render() {
|
|
1833
1833
|
return C`<div class="field-group" part="group"><slot></slot></div>`;
|
|
1834
1834
|
}
|
|
1835
1835
|
};
|
|
1836
|
-
|
|
1836
|
+
Q2.styles = g`
|
|
1837
1837
|
:host { display: block; font-family: var(--font-sans); }
|
|
1838
1838
|
.field-group { display: flex; flex-direction: column; row-gap: 24px; }
|
|
1839
1839
|
`;
|
|
1840
|
-
let
|
|
1840
|
+
let g2 = Q2;
|
|
1841
1841
|
customElements.get("anduin-field") || customElements.define("anduin-field", e2);
|
|
1842
1842
|
customElements.get("anduin-field-label") || customElements.define("anduin-field-label", B1);
|
|
1843
|
-
customElements.get("anduin-field-description") || customElements.define("anduin-field-description",
|
|
1844
|
-
customElements.get("anduin-field-error") || customElements.define("anduin-field-error",
|
|
1845
|
-
customElements.get("anduin-field-group") || customElements.define("anduin-field-group",
|
|
1843
|
+
customElements.get("anduin-field-description") || customElements.define("anduin-field-description", u2);
|
|
1844
|
+
customElements.get("anduin-field-error") || customElements.define("anduin-field-error", h2);
|
|
1845
|
+
customElements.get("anduin-field-group") || customElements.define("anduin-field-group", g2);
|
|
1846
1846
|
var c3 = Object.defineProperty, N1 = (l, e, t, i) => {
|
|
1847
1847
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
1848
1848
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1849
1849
|
return o && c3(e, t, o), o;
|
|
1850
1850
|
};
|
|
1851
|
-
const p3 = "anduin-checkbox:change",
|
|
1851
|
+
const p3 = "anduin-checkbox:change", e5 = class e5 extends u {
|
|
1852
1852
|
constructor() {
|
|
1853
1853
|
super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
|
|
1854
1854
|
}
|
|
@@ -1902,7 +1902,7 @@ const p3 = "anduin-checkbox:change", Q2 = class Q2 extends u {
|
|
|
1902
1902
|
`;
|
|
1903
1903
|
}
|
|
1904
1904
|
};
|
|
1905
|
-
|
|
1905
|
+
e5.styles = g`
|
|
1906
1906
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
1907
1907
|
|
|
1908
1908
|
label {
|
|
@@ -1940,7 +1940,7 @@ Q2.styles = g`
|
|
|
1940
1940
|
.checkbox__icon { position: absolute; inset: 0; pointer-events: none; color: var(--color-gray-4); display: flex; align-items: center; justify-content: center; }
|
|
1941
1941
|
.checkbox__icon--visible { color: var(--color-gray-0); }
|
|
1942
1942
|
`;
|
|
1943
|
-
let X =
|
|
1943
|
+
let X = e5;
|
|
1944
1944
|
N1([
|
|
1945
1945
|
a({ type: Boolean })
|
|
1946
1946
|
], X.prototype, "checked");
|
|
@@ -1962,7 +1962,7 @@ var u3 = Object.defineProperty, z = (l, e, t, i) => {
|
|
|
1962
1962
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
1963
1963
|
return o && u3(e, t, o), o;
|
|
1964
1964
|
};
|
|
1965
|
-
const
|
|
1965
|
+
const U5 = "anduin-input:change", h3 = "anduin-input:clear", t5 = class t5 extends u {
|
|
1966
1966
|
constructor() {
|
|
1967
1967
|
super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1;
|
|
1968
1968
|
}
|
|
@@ -1979,7 +1979,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
|
|
|
1979
1979
|
this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
|
|
1980
1980
|
}
|
|
1981
1981
|
onInput() {
|
|
1982
|
-
this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(
|
|
1982
|
+
this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(U5, {
|
|
1983
1983
|
detail: this.value,
|
|
1984
1984
|
bubbles: !0,
|
|
1985
1985
|
composed: !0
|
|
@@ -1987,7 +1987,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
|
|
|
1987
1987
|
}
|
|
1988
1988
|
onClear() {
|
|
1989
1989
|
var e;
|
|
1990
|
-
this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(
|
|
1990
|
+
this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(U5, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(h3, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
|
|
1991
1991
|
}
|
|
1992
1992
|
render() {
|
|
1993
1993
|
const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", i = !!this.startIcon, o = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, n = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", s = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
|
|
@@ -2031,7 +2031,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
|
|
|
2031
2031
|
`;
|
|
2032
2032
|
}
|
|
2033
2033
|
};
|
|
2034
|
-
|
|
2034
|
+
t5.styles = g`
|
|
2035
2035
|
:host { display: block; font-family: var(--font-sans); }
|
|
2036
2036
|
|
|
2037
2037
|
.input-wrapper { position: relative; display: flex; align-items: center; }
|
|
@@ -2085,7 +2085,7 @@ e5.styles = g`
|
|
|
2085
2085
|
}
|
|
2086
2086
|
.input__clear:hover { color: var(--color-gray-7); }
|
|
2087
2087
|
`;
|
|
2088
|
-
let w =
|
|
2088
|
+
let w = t5;
|
|
2089
2089
|
z([
|
|
2090
2090
|
a()
|
|
2091
2091
|
], w.prototype, "value");
|
|
@@ -2125,7 +2125,7 @@ var g3 = Object.defineProperty, Q = (l, e, t, i) => {
|
|
|
2125
2125
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
2126
2126
|
return o && g3(e, t, o), o;
|
|
2127
2127
|
};
|
|
2128
|
-
const v3 = "anduin-textarea:change",
|
|
2128
|
+
const v3 = "anduin-textarea:change", o5 = class o5 extends u {
|
|
2129
2129
|
constructor() {
|
|
2130
2130
|
super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
|
|
2131
2131
|
}
|
|
@@ -2167,7 +2167,7 @@ const v3 = "anduin-textarea:change", t5 = class t5 extends u {
|
|
|
2167
2167
|
`;
|
|
2168
2168
|
}
|
|
2169
2169
|
};
|
|
2170
|
-
|
|
2170
|
+
o5.styles = g`
|
|
2171
2171
|
:host { display: block; font-family: var(--font-sans); }
|
|
2172
2172
|
|
|
2173
2173
|
.textarea {
|
|
@@ -2184,7 +2184,7 @@ t5.styles = g`
|
|
|
2184
2184
|
.textarea--warning { border-color: var(--color-warning-4); }
|
|
2185
2185
|
.textarea--loading { border-color: var(--color-gray-4); }
|
|
2186
2186
|
`;
|
|
2187
|
-
let E =
|
|
2187
|
+
let E = o5;
|
|
2188
2188
|
Q([
|
|
2189
2189
|
a()
|
|
2190
2190
|
], E.prototype, "value");
|
|
@@ -2215,7 +2215,7 @@ var f3 = Object.defineProperty, $ = (l, e, t, i) => {
|
|
|
2215
2215
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
2216
2216
|
return o && f3(e, t, o), o;
|
|
2217
2217
|
};
|
|
2218
|
-
const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "anduin-tab:change",
|
|
2218
|
+
const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "anduin-tab:change", i5 = class i5 extends u {
|
|
2219
2219
|
constructor() {
|
|
2220
2220
|
super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
|
|
2221
2221
|
}
|
|
@@ -2242,13 +2242,13 @@ const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "an
|
|
|
2242
2242
|
return C`<div class="tabs" part="tabs"><slot></slot></div>`;
|
|
2243
2243
|
}
|
|
2244
2244
|
};
|
|
2245
|
-
|
|
2245
|
+
i5.styles = g`
|
|
2246
2246
|
:host { display: flex; flex-direction: column; font-family: var(--font-sans); }
|
|
2247
2247
|
:host([fill]) { flex: 1; min-height: 0; --_tab-fill-flex: 1; --_tab-fill-height: 100%; }
|
|
2248
2248
|
.tabs { display: flex; flex-direction: column; width: 100%; }
|
|
2249
2249
|
:host([fill]) .tabs { flex: 1; min-height: 0; }
|
|
2250
2250
|
`;
|
|
2251
|
-
let v1 =
|
|
2251
|
+
let v1 = i5;
|
|
2252
2252
|
$([
|
|
2253
2253
|
a({ attribute: "default-value" })
|
|
2254
2254
|
], v1.prototype, "defaultValue");
|
|
@@ -2258,7 +2258,7 @@ $([
|
|
|
2258
2258
|
$([
|
|
2259
2259
|
a({ type: Boolean, reflect: !0 })
|
|
2260
2260
|
], v1.prototype, "fill");
|
|
2261
|
-
const
|
|
2261
|
+
const l5 = class l5 extends u {
|
|
2262
2262
|
constructor() {
|
|
2263
2263
|
super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
|
|
2264
2264
|
}
|
|
@@ -2286,9 +2286,9 @@ const i5 = class i5 extends u {
|
|
|
2286
2286
|
const t = this.querySelectorAll(":scope > anduin-tab-trigger");
|
|
2287
2287
|
for (let i = 0; i < t.length; i++) {
|
|
2288
2288
|
const o = t[i];
|
|
2289
|
-
if (o.getAttribute("value") === e) {
|
|
2290
|
-
const
|
|
2291
|
-
this.indicator && (this.indicator.style.width = `${
|
|
2289
|
+
if ((o.value || o.getAttribute("value")) === e) {
|
|
2290
|
+
const n = o.getBoundingClientRect(), s = this.getBoundingClientRect(), d = n.left - s.left + this.scrollLeft;
|
|
2291
|
+
this.indicator && (this.indicator.style.width = `${n.width}px`, this.indicator.style.transform = `translateX(${d}px)`);
|
|
2292
2292
|
break;
|
|
2293
2293
|
}
|
|
2294
2294
|
}
|
|
@@ -2302,7 +2302,7 @@ const i5 = class i5 extends u {
|
|
|
2302
2302
|
`;
|
|
2303
2303
|
}
|
|
2304
2304
|
};
|
|
2305
|
-
|
|
2305
|
+
l5.styles = g`
|
|
2306
2306
|
:host { display: block; font-family: var(--font-sans); }
|
|
2307
2307
|
.tabs-list {
|
|
2308
2308
|
display: flex; background-color: var(--color-gray-0);
|
|
@@ -2317,14 +2317,14 @@ i5.styles = g`
|
|
|
2317
2317
|
left: 0; height: 2px; transition-duration: 200ms; transition-property: transform, width;
|
|
2318
2318
|
}
|
|
2319
2319
|
`;
|
|
2320
|
-
let S1 =
|
|
2320
|
+
let S1 = l5;
|
|
2321
2321
|
$([
|
|
2322
2322
|
a()
|
|
2323
2323
|
], S1.prototype, "alignment");
|
|
2324
2324
|
$([
|
|
2325
2325
|
k(".tabs-list__indicator")
|
|
2326
2326
|
], S1.prototype, "indicator");
|
|
2327
|
-
const
|
|
2327
|
+
const r5 = class r5 extends u {
|
|
2328
2328
|
constructor() {
|
|
2329
2329
|
super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.showBadge = !1, this.badgeCount = "", this.isActive = !1;
|
|
2330
2330
|
}
|
|
@@ -2358,7 +2358,7 @@ const l5 = class l5 extends u {
|
|
|
2358
2358
|
`;
|
|
2359
2359
|
}
|
|
2360
2360
|
};
|
|
2361
|
-
|
|
2361
|
+
r5.styles = g`
|
|
2362
2362
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
2363
2363
|
.tab-trigger {
|
|
2364
2364
|
cursor: pointer; background: none; border: none; display: block;
|
|
@@ -2381,9 +2381,9 @@ l5.styles = g`
|
|
|
2381
2381
|
color: var(--color-gray-7); white-space: nowrap;
|
|
2382
2382
|
}
|
|
2383
2383
|
`;
|
|
2384
|
-
let T =
|
|
2384
|
+
let T = r5;
|
|
2385
2385
|
$([
|
|
2386
|
-
a()
|
|
2386
|
+
a({ reflect: !0 })
|
|
2387
2387
|
], T.prototype, "value");
|
|
2388
2388
|
$([
|
|
2389
2389
|
a({ attribute: "start-icon" })
|
|
@@ -2400,7 +2400,7 @@ $([
|
|
|
2400
2400
|
$([
|
|
2401
2401
|
b()
|
|
2402
2402
|
], T.prototype, "isActive");
|
|
2403
|
-
const
|
|
2403
|
+
const n5 = class n5 extends u {
|
|
2404
2404
|
constructor() {
|
|
2405
2405
|
super(...arguments), this.value = "", this.isActive = !1;
|
|
2406
2406
|
}
|
|
@@ -2423,12 +2423,12 @@ const r5 = class r5 extends u {
|
|
|
2423
2423
|
`;
|
|
2424
2424
|
}
|
|
2425
2425
|
};
|
|
2426
|
-
|
|
2426
|
+
n5.styles = g`
|
|
2427
2427
|
:host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
|
|
2428
2428
|
:host(:not([active])) { display: none; }
|
|
2429
2429
|
.tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
|
|
2430
2430
|
`;
|
|
2431
|
-
let P1 =
|
|
2431
|
+
let P1 = n5;
|
|
2432
2432
|
$([
|
|
2433
2433
|
a()
|
|
2434
2434
|
], P1.prototype, "value");
|
|
@@ -2439,7 +2439,7 @@ customElements.get("anduin-tabs") || customElements.define("anduin-tabs", v1);
|
|
|
2439
2439
|
customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", S1);
|
|
2440
2440
|
customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", T);
|
|
2441
2441
|
customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", P1);
|
|
2442
|
-
var V3 = Object.defineProperty,
|
|
2442
|
+
var V3 = Object.defineProperty, B2 = (l, e, t, i) => {
|
|
2443
2443
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
2444
2444
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
2445
2445
|
return o && V3(e, t, o), o;
|
|
@@ -2494,7 +2494,7 @@ const L3 = "anduin-tag-close:click", m3 = {
|
|
|
2494
2494
|
customMagenta: "tag__icon--custom-magenta",
|
|
2495
2495
|
customBlueGreen: "tag__icon--custom-blue-green",
|
|
2496
2496
|
customPink: "tag__icon--custom-pink"
|
|
2497
|
-
},
|
|
2497
|
+
}, a5 = class a5 extends u {
|
|
2498
2498
|
constructor() {
|
|
2499
2499
|
super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
|
|
2500
2500
|
}
|
|
@@ -2509,7 +2509,7 @@ const L3 = "anduin-tag-close:click", m3 = {
|
|
|
2509
2509
|
`;
|
|
2510
2510
|
}
|
|
2511
2511
|
};
|
|
2512
|
-
|
|
2512
|
+
a5.styles = g`
|
|
2513
2513
|
:host { display: inline-flex; max-width: 100%; font-family: var(--font-sans); }
|
|
2514
2514
|
.tag {
|
|
2515
2515
|
font-weight: 500; font-size: 11px; height: 20px; padding-left: 6px; padding-right: 6px;
|
|
@@ -2557,17 +2557,17 @@ n5.styles = g`
|
|
|
2557
2557
|
.tag--custom-yellow-green { color: var(--color-gray-9); background-color: rgb(174,207,85); }
|
|
2558
2558
|
.tag--custom-yellow-orange { color: var(--color-gray-9); background-color: rgb(255,193,107); }
|
|
2559
2559
|
`;
|
|
2560
|
-
let f1 =
|
|
2561
|
-
|
|
2560
|
+
let f1 = a5;
|
|
2561
|
+
B2([
|
|
2562
2562
|
a()
|
|
2563
2563
|
], f1.prototype, "variant");
|
|
2564
|
-
|
|
2564
|
+
B2([
|
|
2565
2565
|
a()
|
|
2566
2566
|
], f1.prototype, "icon");
|
|
2567
|
-
|
|
2567
|
+
B2([
|
|
2568
2568
|
a({ type: Boolean })
|
|
2569
2569
|
], f1.prototype, "disabled");
|
|
2570
|
-
const
|
|
2570
|
+
const s5 = class s5 extends u {
|
|
2571
2571
|
onClick() {
|
|
2572
2572
|
this.dispatchEvent(new CustomEvent(L3, { bubbles: !0, composed: !0 }));
|
|
2573
2573
|
}
|
|
@@ -2579,7 +2579,7 @@ const a5 = class a5 extends u {
|
|
|
2579
2579
|
`;
|
|
2580
2580
|
}
|
|
2581
2581
|
};
|
|
2582
|
-
|
|
2582
|
+
s5.styles = g`
|
|
2583
2583
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
2584
2584
|
.tag-close__button {
|
|
2585
2585
|
flex: none; width: 16px; height: 16px; display: flex; align-items: center;
|
|
@@ -2589,17 +2589,17 @@ a5.styles = g`
|
|
|
2589
2589
|
.tag-close__button:hover { opacity: 0.7; }
|
|
2590
2590
|
.tag-close__button:active { opacity: 0.5; }
|
|
2591
2591
|
`;
|
|
2592
|
-
let
|
|
2592
|
+
let v2 = s5;
|
|
2593
2593
|
customElements.get("anduin-tag") || customElements.define("anduin-tag", f1);
|
|
2594
|
-
customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close",
|
|
2594
|
+
customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", v2);
|
|
2595
2595
|
var y3 = Object.defineProperty, R = (l, e, t, i) => {
|
|
2596
2596
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
2597
2597
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
2598
2598
|
return o && y3(e, t, o), o;
|
|
2599
2599
|
};
|
|
2600
|
-
const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change", _3 = "anduin-toggle-group-item:select", x3 = "anduin-toggle-group-item:deselect",
|
|
2600
|
+
const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change", _3 = "anduin-toggle-group-item:select", x3 = "anduin-toggle-group-item:deselect", f2 = "anduin-toggle-group-item:item-click", C5 = class C5 extends u {
|
|
2601
2601
|
constructor() {
|
|
2602
|
-
super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.onItemClick = (e) => {
|
|
2602
|
+
super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.userInteracted = !1, this.onItemClick = (e) => {
|
|
2603
2603
|
var d;
|
|
2604
2604
|
e.stopPropagation();
|
|
2605
2605
|
const i = e.detail, o = this.selection, r = o.includes(i);
|
|
@@ -2613,20 +2613,23 @@ const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change",
|
|
|
2613
2613
|
detail: n.join(" "),
|
|
2614
2614
|
bubbles: !0,
|
|
2615
2615
|
composed: !0
|
|
2616
|
-
})), this.isControlled || (this.internalValue = n);
|
|
2616
|
+
})), this.isControlled || (this.userInteracted = !0, this.internalValue = n);
|
|
2617
2617
|
};
|
|
2618
2618
|
}
|
|
2619
2619
|
get isControlled() {
|
|
2620
2620
|
return this.value != null;
|
|
2621
2621
|
}
|
|
2622
2622
|
get selection() {
|
|
2623
|
-
return this.isControlled ?
|
|
2623
|
+
return this.isControlled ? s2(this.value) : this.internalValue;
|
|
2624
2624
|
}
|
|
2625
2625
|
connectedCallback() {
|
|
2626
|
-
super.connectedCallback(), this.hasUpdated || (this.internalValue =
|
|
2626
|
+
super.connectedCallback(), this.hasUpdated || (this.internalValue = s2(this.defaultValue)), this.addEventListener(f2, this.onItemClick);
|
|
2627
|
+
}
|
|
2628
|
+
willUpdate(e) {
|
|
2629
|
+
e.has("defaultValue") && !this.isControlled && !this.userInteracted && (this.internalValue = s2(this.defaultValue));
|
|
2627
2630
|
}
|
|
2628
2631
|
disconnectedCallback() {
|
|
2629
|
-
super.disconnectedCallback(), this.removeEventListener(
|
|
2632
|
+
super.disconnectedCallback(), this.removeEventListener(f2, this.onItemClick);
|
|
2630
2633
|
}
|
|
2631
2634
|
updated() {
|
|
2632
2635
|
this.syncItems();
|
|
@@ -2647,7 +2650,7 @@ const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change",
|
|
|
2647
2650
|
`;
|
|
2648
2651
|
}
|
|
2649
2652
|
};
|
|
2650
|
-
|
|
2653
|
+
C5.styles = g`
|
|
2651
2654
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
2652
2655
|
.toggle-group { display: inline-flex; align-items: center; }
|
|
2653
2656
|
.toggle-group--small {
|
|
@@ -2677,7 +2680,7 @@ s5.styles = g`
|
|
|
2677
2680
|
.toggle-group--gap { flex-wrap: wrap; gap: 8px; }
|
|
2678
2681
|
.toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; margin-left: 0; }
|
|
2679
2682
|
`;
|
|
2680
|
-
let S =
|
|
2683
|
+
let S = C5;
|
|
2681
2684
|
R([
|
|
2682
2685
|
a()
|
|
2683
2686
|
], S.prototype, "mode");
|
|
@@ -2699,7 +2702,7 @@ R([
|
|
|
2699
2702
|
R([
|
|
2700
2703
|
b()
|
|
2701
2704
|
], S.prototype, "internalValue");
|
|
2702
|
-
const
|
|
2705
|
+
const d5 = class d5 extends u {
|
|
2703
2706
|
constructor() {
|
|
2704
2707
|
super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.selected = !1, this.groupSize = "medium", this.groupVariant = "gray", this.groupMode = "single";
|
|
2705
2708
|
}
|
|
@@ -2719,7 +2722,7 @@ const C5 = class C5 extends u {
|
|
|
2719
2722
|
(e.has("selected") || e.has("groupMode")) && (this.groupMode === "single" ? (this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.selected))) : (this.removeAttribute("role"), this.removeAttribute("aria-checked")));
|
|
2720
2723
|
}
|
|
2721
2724
|
onClick() {
|
|
2722
|
-
this.dispatchEvent(new CustomEvent(
|
|
2725
|
+
this.dispatchEvent(new CustomEvent(f2, {
|
|
2723
2726
|
detail: this.value,
|
|
2724
2727
|
bubbles: !0,
|
|
2725
2728
|
composed: !0
|
|
@@ -2749,7 +2752,7 @@ const C5 = class C5 extends u {
|
|
|
2749
2752
|
`;
|
|
2750
2753
|
}
|
|
2751
2754
|
};
|
|
2752
|
-
|
|
2755
|
+
d5.styles = g`
|
|
2753
2756
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
2754
2757
|
.toggle-item {
|
|
2755
2758
|
position: relative; z-index: 0; box-sizing: border-box;
|
|
@@ -2783,9 +2786,9 @@ C5.styles = g`
|
|
|
2783
2786
|
.toggle-item--selected .toggle-item__icon { color: var(--color-gray-7); }
|
|
2784
2787
|
.toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-4); }
|
|
2785
2788
|
`;
|
|
2786
|
-
let P =
|
|
2789
|
+
let P = d5;
|
|
2787
2790
|
R([
|
|
2788
|
-
a()
|
|
2791
|
+
a({ reflect: !0 })
|
|
2789
2792
|
], P.prototype, "value");
|
|
2790
2793
|
R([
|
|
2791
2794
|
a({ attribute: "start-icon" })
|
|
@@ -2805,7 +2808,7 @@ R([
|
|
|
2805
2808
|
R([
|
|
2806
2809
|
a({ attribute: !1 })
|
|
2807
2810
|
], P.prototype, "groupMode");
|
|
2808
|
-
function
|
|
2811
|
+
function s2(l) {
|
|
2809
2812
|
return l.split(" ").map((e) => e.trim()).filter(Boolean);
|
|
2810
2813
|
}
|
|
2811
2814
|
customElements.get("anduin-toggle-group") || customElements.define("anduin-toggle-group", S);
|
|
@@ -2815,7 +2818,7 @@ var w3 = Object.defineProperty, f4 = (l, e, t, i) => {
|
|
|
2815
2818
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
2816
2819
|
return o && w3(e, t, o), o;
|
|
2817
2820
|
};
|
|
2818
|
-
const H4 = "anduin-tooltip:show",
|
|
2821
|
+
const H4 = "anduin-tooltip:show", S2 = "anduin-tooltip:hide", V4 = "anduin-tooltip:trigger-mounted", L4 = "anduin-tooltip:content-popup-mounted", m4 = "anduin-tooltip:content-popup-unmounted", b4 = "anduin-tooltip:visibility-changed", R3 = [
|
|
2819
2822
|
"top-start",
|
|
2820
2823
|
"top-center",
|
|
2821
2824
|
"top-end",
|
|
@@ -2880,8 +2883,8 @@ function k3(l, e, t, i = 8) {
|
|
|
2880
2883
|
top: Math.round(Math.min(Math.max(p.top, 0), r - d))
|
|
2881
2884
|
};
|
|
2882
2885
|
h.sort((f, Z) => {
|
|
2883
|
-
const q = { left: f.off.left, top: f.off.top, right: f.off.left + s, bottom: f.off.top + d }, x = { left: Z.off.left, top: Z.off.top, right: Z.off.left + s, bottom: Z.off.top + d },
|
|
2884
|
-
if (o1 !==
|
|
2886
|
+
const q = { left: f.off.left, top: f.off.top, right: f.off.left + s, bottom: f.off.top + d }, x = { left: Z.off.left, top: Z.off.top, right: Z.off.left + s, bottom: Z.off.top + d }, I = W5(q, n), o1 = W5(x, n);
|
|
2887
|
+
if (o1 !== I) return o1 - I;
|
|
2885
2888
|
const j1 = Math.abs(f.off.left - p.left) + Math.abs(f.off.top - p.top), U1 = Math.abs(Z.off.left - p.left) + Math.abs(Z.off.top - p.top);
|
|
2886
2889
|
return j1 - U1;
|
|
2887
2890
|
});
|
|
@@ -2892,7 +2895,7 @@ function k3(l, e, t, i = 8) {
|
|
|
2892
2895
|
top: Math.round(Math.min(Math.max(H.top, 0), r - d))
|
|
2893
2896
|
};
|
|
2894
2897
|
}
|
|
2895
|
-
function
|
|
2898
|
+
function H2(l) {
|
|
2896
2899
|
return l.split("-")[0] || "top";
|
|
2897
2900
|
}
|
|
2898
2901
|
function $3(l, e, t) {
|
|
@@ -2903,7 +2906,7 @@ function $3(l, e, t) {
|
|
|
2903
2906
|
}
|
|
2904
2907
|
return i;
|
|
2905
2908
|
}
|
|
2906
|
-
const
|
|
2909
|
+
const c5 = class c5 extends u {
|
|
2907
2910
|
constructor() {
|
|
2908
2911
|
super(...arguments), this.disabled = !1, this.placement = "top-center", this.triggerElement = null, this.contentPopupElement = null, this.containingBlockLeft = 0, this.containingBlockTop = 0, this.rafId = 0, this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN, this.isVisible = !1;
|
|
2909
2912
|
}
|
|
@@ -2916,7 +2919,7 @@ const d5 = class d5 extends u {
|
|
|
2916
2919
|
e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
|
|
2917
2920
|
}), this.addEventListener(H4, (e) => {
|
|
2918
2921
|
e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
|
|
2919
|
-
}), this.addEventListener(
|
|
2922
|
+
}), this.addEventListener(S2, (e) => {
|
|
2920
2923
|
e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
|
|
2921
2924
|
});
|
|
2922
2925
|
}
|
|
@@ -2951,7 +2954,7 @@ const d5 = class d5 extends u {
|
|
|
2951
2954
|
if (n) {
|
|
2952
2955
|
const s = e;
|
|
2953
2956
|
s.style.transform = `translate(${n.left - this.containingBlockLeft}px, ${n.top - this.containingBlockTop}px)`;
|
|
2954
|
-
const d =
|
|
2957
|
+
const d = H2(n.placement), p = H2(i);
|
|
2955
2958
|
if (d !== p) {
|
|
2956
2959
|
const h = e.querySelector(".tooltip-arrow");
|
|
2957
2960
|
h && (h.classList.remove(`tooltip-arrow--${p}`), h.classList.add(`tooltip-arrow--${d}`));
|
|
@@ -2965,43 +2968,43 @@ const d5 = class d5 extends u {
|
|
|
2965
2968
|
return C`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
|
|
2966
2969
|
}
|
|
2967
2970
|
};
|
|
2968
|
-
|
|
2971
|
+
c5.styles = g`
|
|
2969
2972
|
:host { display: inline-block; position: relative; max-width: 100%; font-family: var(--font-sans); }
|
|
2970
2973
|
.tooltip-root { display: inline-block; position: relative; max-width: 100%; }
|
|
2971
2974
|
`;
|
|
2972
|
-
let F1 =
|
|
2975
|
+
let F1 = c5;
|
|
2973
2976
|
f4([
|
|
2974
2977
|
a({ type: Boolean })
|
|
2975
2978
|
], F1.prototype, "disabled");
|
|
2976
2979
|
f4([
|
|
2977
2980
|
a()
|
|
2978
2981
|
], F1.prototype, "placement");
|
|
2979
|
-
const
|
|
2982
|
+
const p5 = class p5 extends u {
|
|
2980
2983
|
firstUpdated() {
|
|
2981
2984
|
requestAnimationFrame(() => {
|
|
2982
2985
|
this.dispatchEvent(new CustomEvent(V4, { detail: this, bubbles: !0, composed: !0 }));
|
|
2983
2986
|
}), this.addEventListener("pointerenter", () => {
|
|
2984
2987
|
this.dispatchEvent(new CustomEvent(H4, { bubbles: !0, composed: !0 }));
|
|
2985
2988
|
}), this.addEventListener("click", () => {
|
|
2986
|
-
this.dispatchEvent(new CustomEvent(
|
|
2989
|
+
this.dispatchEvent(new CustomEvent(S2, { bubbles: !0, composed: !0 }));
|
|
2987
2990
|
});
|
|
2988
2991
|
}
|
|
2989
2992
|
render() {
|
|
2990
2993
|
return C`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
|
|
2991
2994
|
}
|
|
2992
2995
|
};
|
|
2993
|
-
|
|
2996
|
+
p5.styles = g`
|
|
2994
2997
|
:host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
|
|
2995
2998
|
.tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
|
|
2996
2999
|
`;
|
|
2997
|
-
let
|
|
2998
|
-
const
|
|
3000
|
+
let V2 = p5;
|
|
3001
|
+
const u5 = class u5 extends u {
|
|
2999
3002
|
constructor() {
|
|
3000
3003
|
super(...arguments), this.graceArea = null, this.triggerEl = null, this.popupEl = null, this.handlePointerMove = (e) => {
|
|
3001
3004
|
var r, n;
|
|
3002
3005
|
if (!this.graceArea) return;
|
|
3003
3006
|
const t = e.target, i = ((r = this.triggerEl) == null ? void 0 : r.contains(t)) ?? !1, o = ((n = this.popupEl) == null ? void 0 : n.contains(t)) ?? !1;
|
|
3004
|
-
i || o ? this.graceArea = null : $3(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(
|
|
3007
|
+
i || o ? this.graceArea = null : $3(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(S2, { bubbles: !0, composed: !0 })));
|
|
3005
3008
|
}, this.handleTriggerLeave = (e) => {
|
|
3006
3009
|
this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
|
|
3007
3010
|
}, this.handleContentLeave = (e) => {
|
|
@@ -3037,7 +3040,7 @@ const p5 = class p5 extends u {
|
|
|
3037
3040
|
}
|
|
3038
3041
|
showPopup(e) {
|
|
3039
3042
|
this.hidePopup();
|
|
3040
|
-
const t =
|
|
3043
|
+
const t = H2(e), i = document.createElement("div");
|
|
3041
3044
|
i.className = "tooltip-popup", i.setAttribute("role", "tooltip");
|
|
3042
3045
|
const o = document.createElement("div");
|
|
3043
3046
|
o.className = `tooltip-arrow tooltip-arrow--${t}`;
|
|
@@ -3059,7 +3062,7 @@ const p5 = class p5 extends u {
|
|
|
3059
3062
|
return C`<div class="tooltip-content-wrapper"></div>`;
|
|
3060
3063
|
}
|
|
3061
3064
|
};
|
|
3062
|
-
|
|
3065
|
+
u5.styles = g`
|
|
3063
3066
|
:host {
|
|
3064
3067
|
display: contents;
|
|
3065
3068
|
--tooltip-bg: var(--anduin-tooltip-content-background, var(--color-gray-9));
|
|
@@ -3083,16 +3086,16 @@ p5.styles = g`
|
|
|
3083
3086
|
.tooltip-arrow--left { right: -4px; top: 50%; transform: translateY(-50%); border-left-color: var(--tooltip-bg); border-right: none; }
|
|
3084
3087
|
.tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
|
|
3085
3088
|
`;
|
|
3086
|
-
let
|
|
3089
|
+
let L2 = u5;
|
|
3087
3090
|
customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", F1);
|
|
3088
|
-
customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger",
|
|
3089
|
-
customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content",
|
|
3091
|
+
customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", V2);
|
|
3092
|
+
customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", L2);
|
|
3090
3093
|
var E3 = Object.defineProperty, A3 = (l, e, t, i) => {
|
|
3091
3094
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
3092
3095
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
3093
3096
|
return o && E3(e, t, o), o;
|
|
3094
3097
|
};
|
|
3095
|
-
const z3 = "anduin-well-close:click",
|
|
3098
|
+
const z3 = "anduin-well-close:click", h5 = class h5 extends u {
|
|
3096
3099
|
constructor() {
|
|
3097
3100
|
super(...arguments), this.variant = "gray";
|
|
3098
3101
|
}
|
|
@@ -3111,7 +3114,7 @@ const z3 = "anduin-well-close:click", u5 = class u5 extends u {
|
|
|
3111
3114
|
`;
|
|
3112
3115
|
}
|
|
3113
3116
|
};
|
|
3114
|
-
|
|
3117
|
+
h5.styles = g`
|
|
3115
3118
|
:host {
|
|
3116
3119
|
display: block;
|
|
3117
3120
|
font-family: var(--font-sans);
|
|
@@ -3176,11 +3179,11 @@ u5.styles = g`
|
|
|
3176
3179
|
color: var(--color-warning-4);
|
|
3177
3180
|
}
|
|
3178
3181
|
`;
|
|
3179
|
-
let t2 =
|
|
3182
|
+
let t2 = h5;
|
|
3180
3183
|
A3([
|
|
3181
3184
|
a()
|
|
3182
3185
|
], t2.prototype, "variant");
|
|
3183
|
-
const
|
|
3186
|
+
const g5 = class g5 extends u {
|
|
3184
3187
|
onClick() {
|
|
3185
3188
|
this.dispatchEvent(
|
|
3186
3189
|
new CustomEvent(z3, { bubbles: !0, composed: !0 })
|
|
@@ -3198,7 +3201,7 @@ const h5 = class h5 extends u {
|
|
|
3198
3201
|
`;
|
|
3199
3202
|
}
|
|
3200
3203
|
};
|
|
3201
|
-
|
|
3204
|
+
g5.styles = g`
|
|
3202
3205
|
:host {
|
|
3203
3206
|
display: inline-block;
|
|
3204
3207
|
font-family: var(--font-sans);
|
|
@@ -3223,15 +3226,15 @@ h5.styles = g`
|
|
|
3223
3226
|
background-color: var(--color-gray-3);
|
|
3224
3227
|
}
|
|
3225
3228
|
`;
|
|
3226
|
-
let
|
|
3229
|
+
let m2 = g5;
|
|
3227
3230
|
customElements.get("anduin-well") || customElements.define("anduin-well", t2);
|
|
3228
|
-
customElements.get("anduin-well-close") || customElements.define("anduin-well-close",
|
|
3231
|
+
customElements.get("anduin-well-close") || customElements.define("anduin-well-close", m2);
|
|
3229
3232
|
var B3 = Object.defineProperty, C1 = (l, e, t, i) => {
|
|
3230
3233
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
3231
3234
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
3232
3235
|
return o && B3(e, t, o), o;
|
|
3233
3236
|
};
|
|
3234
|
-
const
|
|
3237
|
+
const b2 = "anduin-popover:close", v5 = class v5 extends u {
|
|
3235
3238
|
constructor() {
|
|
3236
3239
|
super(...arguments), this.open = !1, this.placement = "bottom-start", this.fullWidth = !1, this._visible = !1, this._closing = !1, this._closeTransitionEndHandler = null, this._onOutsideClick = (e) => {
|
|
3237
3240
|
var t;
|
|
@@ -3246,10 +3249,10 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
|
|
|
3246
3249
|
this.open = !this.open;
|
|
3247
3250
|
}
|
|
3248
3251
|
connectedCallback() {
|
|
3249
|
-
super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(
|
|
3252
|
+
super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(b2, this._onPopoverClose);
|
|
3250
3253
|
}
|
|
3251
3254
|
disconnectedCallback() {
|
|
3252
|
-
super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(
|
|
3255
|
+
super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(b2, this._onPopoverClose);
|
|
3253
3256
|
}
|
|
3254
3257
|
updated(e) {
|
|
3255
3258
|
e.has("open") && (this.open ? (this._cancelCloseAnimation(), this._closing = !1, this._visible = !0, requestAnimationFrame(() => this._updatePosition())) : this._startCloseAnimation());
|
|
@@ -3278,7 +3281,7 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
|
|
|
3278
3281
|
t.style.transform = o;
|
|
3279
3282
|
const n = t.getBoundingClientRect(), s = 4, d = window.innerWidth, p = window.innerHeight, h = 8;
|
|
3280
3283
|
let v = 0, H = 0, f = "bottom";
|
|
3281
|
-
const Z = !this.placement.startsWith("top"), q = p - i.bottom - s, x = i.top - s,
|
|
3284
|
+
const Z = !this.placement.startsWith("top"), q = p - i.bottom - s, x = i.top - s, I = q >= n.height, o1 = x >= n.height, j1 = Z ? I || q >= x : !o1 && I;
|
|
3282
3285
|
f = j1 ? "bottom" : "top", H = j1 ? i.bottom + s : i.top - n.height - s;
|
|
3283
3286
|
const U1 = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
|
|
3284
3287
|
U1 === "start" ? v = i.left : U1 === "end" ? v = i.right - n.width : v = i.left + i.width / 2 - n.width / 2, v = Math.max(h, Math.min(v, d - n.width - h)), H = Math.max(h, Math.min(H, p - n.height - h)), t.style.transform = `translate(${Math.round(v - r.left)}px, ${Math.round(H - r.top)}px)`, t.dataset.side = f;
|
|
@@ -3296,7 +3299,7 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
|
|
|
3296
3299
|
`;
|
|
3297
3300
|
}
|
|
3298
3301
|
};
|
|
3299
|
-
|
|
3302
|
+
v5.styles = g`
|
|
3300
3303
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3301
3304
|
:host([full-width]) { display: block; width: 100%; }
|
|
3302
3305
|
|
|
@@ -3349,7 +3352,7 @@ g5.styles = g`
|
|
|
3349
3352
|
transform: none;
|
|
3350
3353
|
}
|
|
3351
3354
|
`;
|
|
3352
|
-
let F =
|
|
3355
|
+
let F = v5;
|
|
3353
3356
|
C1([
|
|
3354
3357
|
a({ type: Boolean, reflect: !0 })
|
|
3355
3358
|
], F.prototype, "open");
|
|
@@ -3372,23 +3375,23 @@ C1([
|
|
|
3372
3375
|
k(".popover__panel")
|
|
3373
3376
|
], F.prototype, "_panelEl");
|
|
3374
3377
|
customElements.get("anduin-popover") || customElements.define("anduin-popover", F);
|
|
3375
|
-
const
|
|
3378
|
+
const f5 = class f5 extends u {
|
|
3376
3379
|
_onClick() {
|
|
3377
|
-
this.dispatchEvent(new CustomEvent(
|
|
3380
|
+
this.dispatchEvent(new CustomEvent(b2, { bubbles: !0, composed: !0 }));
|
|
3378
3381
|
}
|
|
3379
3382
|
render() {
|
|
3380
3383
|
return C`<span @click=${this._onClick}><slot></slot></span>`;
|
|
3381
3384
|
}
|
|
3382
3385
|
};
|
|
3383
|
-
|
|
3384
|
-
let
|
|
3385
|
-
customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close",
|
|
3386
|
+
f5.styles = g`:host { display: contents; }`;
|
|
3387
|
+
let y2 = f5;
|
|
3388
|
+
customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", y2);
|
|
3386
3389
|
var S3 = Object.defineProperty, d1 = (l, e, t, i) => {
|
|
3387
3390
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
3388
3391
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
3389
3392
|
return o && S3(e, t, o), o;
|
|
3390
3393
|
};
|
|
3391
|
-
const
|
|
3394
|
+
const M2 = "anduin-menu-item:click", H5 = class H5 extends u {
|
|
3392
3395
|
constructor() {
|
|
3393
3396
|
super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
|
|
3394
3397
|
var t;
|
|
@@ -3403,10 +3406,10 @@ const y2 = "anduin-menu-item:click", f5 = class f5 extends u {
|
|
|
3403
3406
|
this.open = !this.open;
|
|
3404
3407
|
}
|
|
3405
3408
|
connectedCallback() {
|
|
3406
|
-
super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(
|
|
3409
|
+
super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(M2, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
|
|
3407
3410
|
}
|
|
3408
3411
|
disconnectedCallback() {
|
|
3409
|
-
super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(
|
|
3412
|
+
super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(M2, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
|
|
3410
3413
|
}
|
|
3411
3414
|
updated(e) {
|
|
3412
3415
|
e.has("open") && this.open && requestAnimationFrame(() => this._updatePosition());
|
|
@@ -3455,7 +3458,7 @@ const y2 = "anduin-menu-item:click", f5 = class f5 extends u {
|
|
|
3455
3458
|
`;
|
|
3456
3459
|
}
|
|
3457
3460
|
};
|
|
3458
|
-
|
|
3461
|
+
H5.styles = g`
|
|
3459
3462
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3460
3463
|
|
|
3461
3464
|
.menu__trigger { display: inline-block; }
|
|
@@ -3498,7 +3501,7 @@ f5.styles = g`
|
|
|
3498
3501
|
transform: scale(1) translateY(0);
|
|
3499
3502
|
}
|
|
3500
3503
|
`;
|
|
3501
|
-
let s1 =
|
|
3504
|
+
let s1 = H5;
|
|
3502
3505
|
d1([
|
|
3503
3506
|
a({ type: Boolean, reflect: !0 })
|
|
3504
3507
|
], s1.prototype, "open");
|
|
@@ -3511,12 +3514,12 @@ d1([
|
|
|
3511
3514
|
d1([
|
|
3512
3515
|
k(".menu__panel")
|
|
3513
3516
|
], s1.prototype, "_panelEl");
|
|
3514
|
-
const
|
|
3517
|
+
const V5 = class V5 extends u {
|
|
3515
3518
|
constructor() {
|
|
3516
3519
|
super(...arguments), this.icon = "", this.variant = "default", this.disabled = !1;
|
|
3517
3520
|
}
|
|
3518
3521
|
_onClick() {
|
|
3519
|
-
this.dispatchEvent(new CustomEvent(
|
|
3522
|
+
this.dispatchEvent(new CustomEvent(M2, { bubbles: !0, composed: !0 }));
|
|
3520
3523
|
}
|
|
3521
3524
|
render() {
|
|
3522
3525
|
return C`
|
|
@@ -3533,7 +3536,7 @@ const H5 = class H5 extends u {
|
|
|
3533
3536
|
`;
|
|
3534
3537
|
}
|
|
3535
3538
|
};
|
|
3536
|
-
|
|
3539
|
+
V5.styles = g`
|
|
3537
3540
|
:host { display: block; width: 100%; font-family: var(--font-sans); }
|
|
3538
3541
|
.menu-item {
|
|
3539
3542
|
display: flex;
|
|
@@ -3563,7 +3566,7 @@ H5.styles = g`
|
|
|
3563
3566
|
anduin-icon { color: var(--color-gray-7); }
|
|
3564
3567
|
.menu-item--danger anduin-icon { color: var(--color-danger-4); }
|
|
3565
3568
|
`;
|
|
3566
|
-
let H1 =
|
|
3569
|
+
let H1 = V5;
|
|
3567
3570
|
d1([
|
|
3568
3571
|
a()
|
|
3569
3572
|
], H1.prototype, "icon");
|
|
@@ -3580,7 +3583,7 @@ var P3 = Object.defineProperty, c1 = (l, e, t, i) => {
|
|
|
3580
3583
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
3581
3584
|
return o && P3(e, t, o), o;
|
|
3582
3585
|
};
|
|
3583
|
-
const y1 = "anduin-close", F3 = "anduin-after-close",
|
|
3586
|
+
const y1 = "anduin-close", F3 = "anduin-after-close", C2 = 300, d2 = 200, Y5 = 250;
|
|
3584
3587
|
var Y;
|
|
3585
3588
|
const e1 = (Y = class extends u {
|
|
3586
3589
|
constructor() {
|
|
@@ -3602,7 +3605,7 @@ const e1 = (Y = class extends u {
|
|
|
3602
3605
|
})
|
|
3603
3606
|
);
|
|
3604
3607
|
},
|
|
3605
|
-
Math.max(
|
|
3608
|
+
Math.max(d2, Y5)
|
|
3606
3609
|
)));
|
|
3607
3610
|
}
|
|
3608
3611
|
dispatch(e) {
|
|
@@ -3734,7 +3737,7 @@ const e1 = (Y = class extends u {
|
|
|
3734
3737
|
inset: 0;
|
|
3735
3738
|
background: rgba(50, 60, 77, 0.6);
|
|
3736
3739
|
cursor: default;
|
|
3737
|
-
animation: overlayIn ${
|
|
3740
|
+
animation: overlayIn ${C2}ms cubic-bezier(0.2, 0, 0, 1)
|
|
3738
3741
|
forwards;
|
|
3739
3742
|
}
|
|
3740
3743
|
.overlay.is-leaving {
|
|
@@ -3764,11 +3767,11 @@ const e1 = (Y = class extends u {
|
|
|
3764
3767
|
0 8px 24px 0 rgba(29, 41, 57, 0.12),
|
|
3765
3768
|
0 2px 8px 0 rgba(29, 41, 57, 0.08);
|
|
3766
3769
|
flex-shrink: 0;
|
|
3767
|
-
animation: modalIn ${
|
|
3770
|
+
animation: modalIn ${C2}ms cubic-bezier(0.05, 0.7, 0.1, 1)
|
|
3768
3771
|
forwards;
|
|
3769
3772
|
}
|
|
3770
3773
|
.modal.is-leaving {
|
|
3771
|
-
animation: modalOut ${
|
|
3774
|
+
animation: modalOut ${d2}ms
|
|
3772
3775
|
cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
|
|
3773
3776
|
}
|
|
3774
3777
|
.modal-wrapper--fullscreen {
|
|
@@ -3798,11 +3801,11 @@ const e1 = (Y = class extends u {
|
|
|
3798
3801
|
max-height: 100%;
|
|
3799
3802
|
height: 100%;
|
|
3800
3803
|
box-shadow: none;
|
|
3801
|
-
animation: modalFullscreenIn ${
|
|
3804
|
+
animation: modalFullscreenIn ${C2}ms
|
|
3802
3805
|
cubic-bezier(0.05, 0.7, 0.1, 1) forwards;
|
|
3803
3806
|
}
|
|
3804
3807
|
.modal--fullscreen.is-leaving {
|
|
3805
|
-
animation: modalFullscreenOut ${
|
|
3808
|
+
animation: modalFullscreenOut ${d2}ms
|
|
3806
3809
|
cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
|
|
3807
3810
|
}
|
|
3808
3811
|
.header {
|
|
@@ -3878,7 +3881,7 @@ c1([
|
|
|
3878
3881
|
], e1.prototype, "_leaving");
|
|
3879
3882
|
let O3 = e1;
|
|
3880
3883
|
customElements.get("anduin-modal") || customElements.define("anduin-modal", O3);
|
|
3881
|
-
class
|
|
3884
|
+
class I3 extends HTMLElement {
|
|
3882
3885
|
constructor() {
|
|
3883
3886
|
super(...arguments), this._onClick = () => {
|
|
3884
3887
|
this.dispatchEvent(
|
|
@@ -3893,13 +3896,13 @@ class D3 extends HTMLElement {
|
|
|
3893
3896
|
this.removeEventListener("click", this._onClick);
|
|
3894
3897
|
}
|
|
3895
3898
|
}
|
|
3896
|
-
customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close",
|
|
3897
|
-
var
|
|
3899
|
+
customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", I3);
|
|
3900
|
+
var D3 = Object.defineProperty, U = (l, e, t, i) => {
|
|
3898
3901
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
3899
3902
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
3900
|
-
return o &&
|
|
3903
|
+
return o && D3(e, t, o), o;
|
|
3901
3904
|
};
|
|
3902
|
-
const
|
|
3905
|
+
const Z2 = "anduin-radio:change", T3 = "anduin-radio-group:change", L5 = class L5 extends u {
|
|
3903
3906
|
constructor() {
|
|
3904
3907
|
super(...arguments), this.checked = !1, this.disabled = !1, this.readonly = !1, this.value = "", this.name = "", this.inputid = "";
|
|
3905
3908
|
}
|
|
@@ -3912,7 +3915,7 @@ const M2 = "anduin-radio:change", T3 = "anduin-radio-group:change", V5 = class V
|
|
|
3912
3915
|
});
|
|
3913
3916
|
}
|
|
3914
3917
|
_select() {
|
|
3915
|
-
this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(
|
|
3918
|
+
this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(Z2, {
|
|
3916
3919
|
detail: this.value,
|
|
3917
3920
|
bubbles: !0,
|
|
3918
3921
|
composed: !0
|
|
@@ -3953,7 +3956,7 @@ const M2 = "anduin-radio:change", T3 = "anduin-radio-group:change", V5 = class V
|
|
|
3953
3956
|
`;
|
|
3954
3957
|
}
|
|
3955
3958
|
};
|
|
3956
|
-
|
|
3959
|
+
L5.styles = g`
|
|
3957
3960
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
3958
3961
|
|
|
3959
3962
|
label {
|
|
@@ -4024,7 +4027,7 @@ V5.styles = g`
|
|
|
4024
4027
|
transform: scale(1);
|
|
4025
4028
|
}
|
|
4026
4029
|
`;
|
|
4027
|
-
let N =
|
|
4030
|
+
let N = L5;
|
|
4028
4031
|
U([
|
|
4029
4032
|
a({ type: Boolean })
|
|
4030
4033
|
], N.prototype, "checked");
|
|
@@ -4044,7 +4047,7 @@ U([
|
|
|
4044
4047
|
a()
|
|
4045
4048
|
], N.prototype, "inputid");
|
|
4046
4049
|
customElements.get("anduin-radio") || customElements.define("anduin-radio", N);
|
|
4047
|
-
const
|
|
4050
|
+
const m5 = class m5 extends u {
|
|
4048
4051
|
constructor() {
|
|
4049
4052
|
super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
|
|
4050
4053
|
const i = e.detail;
|
|
@@ -4059,10 +4062,10 @@ const L5 = class L5 extends u {
|
|
|
4059
4062
|
};
|
|
4060
4063
|
}
|
|
4061
4064
|
connectedCallback() {
|
|
4062
|
-
super.connectedCallback(), this.addEventListener(
|
|
4065
|
+
super.connectedCallback(), this.addEventListener(Z2, this._onRadioChange);
|
|
4063
4066
|
}
|
|
4064
4067
|
disconnectedCallback() {
|
|
4065
|
-
super.disconnectedCallback(), this.removeEventListener(
|
|
4068
|
+
super.disconnectedCallback(), this.removeEventListener(Z2, this._onRadioChange);
|
|
4066
4069
|
}
|
|
4067
4070
|
render() {
|
|
4068
4071
|
return C`
|
|
@@ -4072,7 +4075,7 @@ const L5 = class L5 extends u {
|
|
|
4072
4075
|
`;
|
|
4073
4076
|
}
|
|
4074
4077
|
};
|
|
4075
|
-
|
|
4078
|
+
m5.styles = g`
|
|
4076
4079
|
:host { display: block; font-family: var(--font-sans); }
|
|
4077
4080
|
|
|
4078
4081
|
.group {
|
|
@@ -4082,7 +4085,7 @@ L5.styles = g`
|
|
|
4082
4085
|
.group--vertical { flex-direction: column; }
|
|
4083
4086
|
.group--horizontal { flex-direction: row; flex-wrap: wrap; align-items: center; }
|
|
4084
4087
|
`;
|
|
4085
|
-
let V1 =
|
|
4088
|
+
let V1 = m5;
|
|
4086
4089
|
U([
|
|
4087
4090
|
a()
|
|
4088
4091
|
], V1.prototype, "value");
|
|
@@ -4118,7 +4121,7 @@ function U3(l) {
|
|
|
4118
4121
|
const e = l.trim().split(/\s+/);
|
|
4119
4122
|
return e.length === 1 ? ((t = e[0][0]) == null ? void 0 : t.toUpperCase()) ?? "" : ((e[0][0] ?? "") + (e[e.length - 1][0] ?? "")).toUpperCase();
|
|
4120
4123
|
}
|
|
4121
|
-
const
|
|
4124
|
+
const b5 = class b5 extends u {
|
|
4122
4125
|
constructor() {
|
|
4123
4126
|
super(...arguments), this.src = "", this.name = "", this.alt = "", this.icon = "", this.size = 32, this.shape = "circle", this._imgError = !1;
|
|
4124
4127
|
}
|
|
@@ -4147,7 +4150,7 @@ const m5 = class m5 extends u {
|
|
|
4147
4150
|
`;
|
|
4148
4151
|
}
|
|
4149
4152
|
};
|
|
4150
|
-
|
|
4153
|
+
b5.styles = g`
|
|
4151
4154
|
:host { display: inline-flex; }
|
|
4152
4155
|
|
|
4153
4156
|
.avatar {
|
|
@@ -4176,12 +4179,12 @@ m5.styles = g`
|
|
|
4176
4179
|
display: block;
|
|
4177
4180
|
}
|
|
4178
4181
|
`;
|
|
4179
|
-
let O =
|
|
4182
|
+
let O = b5;
|
|
4180
4183
|
p1([
|
|
4181
4184
|
a()
|
|
4182
4185
|
], O.prototype, "src");
|
|
4183
4186
|
p1([
|
|
4184
|
-
a()
|
|
4187
|
+
a({ reflect: !0 })
|
|
4185
4188
|
], O.prototype, "name");
|
|
4186
4189
|
p1([
|
|
4187
4190
|
a()
|
|
@@ -4226,7 +4229,7 @@ class W3 {
|
|
|
4226
4229
|
* Copyright 2017 Google LLC
|
|
4227
4230
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4228
4231
|
*/
|
|
4229
|
-
class
|
|
4232
|
+
class _2 extends W3 {
|
|
4230
4233
|
constructor(e) {
|
|
4231
4234
|
if (super(e), this.it = c, e.type !== q3.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
4232
4235
|
}
|
|
@@ -4240,16 +4243,16 @@ class Z2 extends W3 {
|
|
|
4240
4243
|
return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
|
|
4241
4244
|
}
|
|
4242
4245
|
}
|
|
4243
|
-
|
|
4246
|
+
_2.directiveName = "unsafeHTML", _2.resultType = 1;
|
|
4244
4247
|
/**
|
|
4245
4248
|
* @license
|
|
4246
4249
|
* Copyright 2017 Google LLC
|
|
4247
4250
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4248
4251
|
*/
|
|
4249
|
-
class
|
|
4252
|
+
class x2 extends _2 {
|
|
4250
4253
|
}
|
|
4251
|
-
|
|
4252
|
-
const Y3 = G3(
|
|
4254
|
+
x2.directiveName = "unsafeSVG", x2.resultType = 2;
|
|
4255
|
+
const Y3 = G3(x2), X3 = {
|
|
4253
4256
|
archive: {
|
|
4254
4257
|
16: { viewBox: "0 0 16 16", paths: `<path d="M2 1.5C2 0.671573 2.67157 0 3.5 0H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5Z" fill="white"/>
|
|
4255
4258
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 5.5C13 5.22386 12.7761 5 12.5 5H9.5C9.22386 5 9 4.77614 9 4.5V1.5C9 1.22386 8.77614 1 8.5 1H6H3.5C3.22386 1 3 1.22386 3 1.5V14.5C3 14.7761 3.22386 15 3.5 15H12.5C12.7761 15 13 14.7761 13 14.5V8V5.5ZM14 8V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5C2 0.671573 2.67157 0 3.5 0H6H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V8Z" fill="#CCD2DB"/>
|
|
@@ -4507,7 +4510,7 @@ var Q3 = Object.defineProperty, y4 = (l, e, t, i) => {
|
|
|
4507
4510
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
4508
4511
|
return o && Q3(e, t, o), o;
|
|
4509
4512
|
};
|
|
4510
|
-
const
|
|
4513
|
+
const y5 = class y5 extends u {
|
|
4511
4514
|
constructor() {
|
|
4512
4515
|
super(...arguments), this.type = "pdf", this.size = 32;
|
|
4513
4516
|
}
|
|
@@ -4528,11 +4531,11 @@ const b5 = class b5 extends u {
|
|
|
4528
4531
|
` : c;
|
|
4529
4532
|
}
|
|
4530
4533
|
};
|
|
4531
|
-
|
|
4534
|
+
y5.styles = g`
|
|
4532
4535
|
:host { display: inline-flex; align-items: center; justify-content: center; }
|
|
4533
4536
|
svg { display: block; }
|
|
4534
4537
|
`;
|
|
4535
|
-
let O1 =
|
|
4538
|
+
let O1 = y5;
|
|
4536
4539
|
y4([
|
|
4537
4540
|
a()
|
|
4538
4541
|
], O1.prototype, "type");
|
|
@@ -4551,7 +4554,7 @@ const K5 = {
|
|
|
4551
4554
|
success: "checkCircle",
|
|
4552
4555
|
warning: "warning",
|
|
4553
4556
|
danger: "error"
|
|
4554
|
-
}, t7 = "anduin-toast:dismiss",
|
|
4557
|
+
}, t7 = "anduin-toast:dismiss", M5 = class M5 extends u {
|
|
4555
4558
|
constructor() {
|
|
4556
4559
|
super(...arguments), this.variant = "gray", this.heading = "", this.description = "", this._dismissing = !1;
|
|
4557
4560
|
}
|
|
@@ -4597,7 +4600,7 @@ const K5 = {
|
|
|
4597
4600
|
`;
|
|
4598
4601
|
}
|
|
4599
4602
|
};
|
|
4600
|
-
|
|
4603
|
+
M5.styles = g`
|
|
4601
4604
|
:host {
|
|
4602
4605
|
display: block;
|
|
4603
4606
|
font-family: var(--font-sans);
|
|
@@ -4725,7 +4728,7 @@ y5.styles = g`
|
|
|
4725
4728
|
background: var(--color-gray-3, #d0d5dd);
|
|
4726
4729
|
}
|
|
4727
4730
|
`;
|
|
4728
|
-
let K =
|
|
4731
|
+
let K = M5;
|
|
4729
4732
|
u1([
|
|
4730
4733
|
a()
|
|
4731
4734
|
], K.prototype, "variant");
|
|
@@ -4742,7 +4745,7 @@ u1([
|
|
|
4742
4745
|
k(".toast")
|
|
4743
4746
|
], K.prototype, "_toastEl");
|
|
4744
4747
|
customElements.get("anduin-toast") || customElements.define("anduin-toast", K);
|
|
4745
|
-
const
|
|
4748
|
+
const Z5 = class Z5 extends u {
|
|
4746
4749
|
constructor() {
|
|
4747
4750
|
super(...arguments), this.position = "bottom-left", this._toasts = [], this._nextId = 0;
|
|
4748
4751
|
}
|
|
@@ -4786,7 +4789,7 @@ const M5 = class M5 extends u {
|
|
|
4786
4789
|
`;
|
|
4787
4790
|
}
|
|
4788
4791
|
};
|
|
4789
|
-
|
|
4792
|
+
Z5.styles = g`
|
|
4790
4793
|
:host {
|
|
4791
4794
|
display: contents;
|
|
4792
4795
|
pointer-events: none;
|
|
@@ -4833,14 +4836,14 @@ M5.styles = g`
|
|
|
4833
4836
|
align-items: flex-end;
|
|
4834
4837
|
}
|
|
4835
4838
|
`;
|
|
4836
|
-
let
|
|
4839
|
+
let I1 = Z5;
|
|
4837
4840
|
u1([
|
|
4838
4841
|
a()
|
|
4839
|
-
],
|
|
4842
|
+
], I1.prototype, "position");
|
|
4840
4843
|
u1([
|
|
4841
4844
|
b()
|
|
4842
|
-
],
|
|
4843
|
-
customElements.get("anduin-toaster") || customElements.define("anduin-toaster",
|
|
4845
|
+
], I1.prototype, "_toasts");
|
|
4846
|
+
customElements.get("anduin-toaster") || customElements.define("anduin-toaster", I1);
|
|
4844
4847
|
const V7 = {
|
|
4845
4848
|
show(l) {
|
|
4846
4849
|
return o7(l.position).show(l);
|
|
@@ -4860,18 +4863,18 @@ const V7 = {
|
|
|
4860
4863
|
gray(l, e, t) {
|
|
4861
4864
|
return this.show({ ...t, variant: "gray", heading: l, description: e });
|
|
4862
4865
|
}
|
|
4863
|
-
},
|
|
4866
|
+
}, c2 = /* @__PURE__ */ new Map();
|
|
4864
4867
|
function o7(l = "bottom-left") {
|
|
4865
|
-
if (
|
|
4868
|
+
if (c2.has(l)) return c2.get(l);
|
|
4866
4869
|
const e = document.createElement("anduin-toaster");
|
|
4867
|
-
return e.position = l, document.body.appendChild(e),
|
|
4870
|
+
return e.position = l, document.body.appendChild(e), c2.set(l, e), e;
|
|
4868
4871
|
}
|
|
4869
4872
|
var i7 = Object.defineProperty, M4 = (l, e, t, i) => {
|
|
4870
4873
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
4871
4874
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
4872
4875
|
return o && i7(e, t, o), o;
|
|
4873
4876
|
};
|
|
4874
|
-
const l7 = "anduin-switcher:change",
|
|
4877
|
+
const l7 = "anduin-switcher:change", _5 = class _5 extends u {
|
|
4875
4878
|
constructor() {
|
|
4876
4879
|
super(...arguments), this.checked = !1, this.disabled = !1;
|
|
4877
4880
|
}
|
|
@@ -4900,7 +4903,7 @@ const l7 = "anduin-switcher:change", Z5 = class Z5 extends u {
|
|
|
4900
4903
|
`;
|
|
4901
4904
|
}
|
|
4902
4905
|
};
|
|
4903
|
-
|
|
4906
|
+
_5.styles = g`
|
|
4904
4907
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
4905
4908
|
|
|
4906
4909
|
label {
|
|
@@ -4964,20 +4967,20 @@ Z5.styles = g`
|
|
|
4964
4967
|
line-height: 20px;
|
|
4965
4968
|
}
|
|
4966
4969
|
`;
|
|
4967
|
-
let
|
|
4970
|
+
let D1 = _5;
|
|
4968
4971
|
M4([
|
|
4969
4972
|
a({ type: Boolean })
|
|
4970
|
-
],
|
|
4973
|
+
], D1.prototype, "checked");
|
|
4971
4974
|
M4([
|
|
4972
4975
|
a({ type: Boolean })
|
|
4973
|
-
],
|
|
4974
|
-
customElements.get("anduin-switcher") || customElements.define("anduin-switcher",
|
|
4976
|
+
], D1.prototype, "disabled");
|
|
4977
|
+
customElements.get("anduin-switcher") || customElements.define("anduin-switcher", D1);
|
|
4975
4978
|
var r7 = Object.defineProperty, M = (l, e, t, i) => {
|
|
4976
4979
|
for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
|
|
4977
4980
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
4978
4981
|
return o && r7(e, t, o), o;
|
|
4979
4982
|
};
|
|
4980
|
-
const J5 = "anduin-dropdown:change",
|
|
4983
|
+
const J5 = "anduin-dropdown:change", x5 = class x5 extends u {
|
|
4981
4984
|
constructor() {
|
|
4982
4985
|
super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.icon = "", this.searchable = !0, this.disabled = !1, this.placement = "bottom-start", this.appearance = "filled", this.variant = "gray0", this.size = "default", this.fullWidth = !1, this._open = !1, this._query = "", this._onOutsideClick = (e) => {
|
|
4983
4986
|
var t;
|
|
@@ -5034,8 +5037,8 @@ const J5 = "anduin-dropdown:change", _5 = class _5 extends u {
|
|
|
5034
5037
|
const s = t.getBoundingClientRect(), d = 4, p = window.innerWidth, h = window.innerHeight, v = 8, H = h - i.bottom - d, f = i.top - d, q = s.height <= H || H >= f ? i.bottom + d : i.top - s.height - d;
|
|
5035
5038
|
let x = i.left;
|
|
5036
5039
|
this.placement === "bottom-end" ? x = i.right - s.width : this.placement === "bottom" && (x = i.left + i.width / 2 - s.width / 2), x = Math.max(v, Math.min(x, p - s.width - v));
|
|
5037
|
-
const
|
|
5038
|
-
t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(
|
|
5040
|
+
const I = Math.max(v, Math.min(q, h - s.height - v));
|
|
5041
|
+
t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(I - r.top)}px)`;
|
|
5039
5042
|
}
|
|
5040
5043
|
get _filteredOptions() {
|
|
5041
5044
|
if (!this._query) return this.options;
|
|
@@ -5102,7 +5105,7 @@ const J5 = "anduin-dropdown:change", _5 = class _5 extends u {
|
|
|
5102
5105
|
`;
|
|
5103
5106
|
}
|
|
5104
5107
|
};
|
|
5105
|
-
|
|
5108
|
+
x5.styles = g`
|
|
5106
5109
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
5107
5110
|
:host([full-width]) { display: block; width: 100%; }
|
|
5108
5111
|
:host([full-width]) .trigger { width: 100%; }
|
|
@@ -5282,7 +5285,7 @@ _5.styles = g`
|
|
|
5282
5285
|
text-align: center;
|
|
5283
5286
|
}
|
|
5284
5287
|
`;
|
|
5285
|
-
let L =
|
|
5288
|
+
let L = x5;
|
|
5286
5289
|
M([
|
|
5287
5290
|
a()
|
|
5288
5291
|
], L.prototype, "value");
|
|
@@ -5337,12 +5340,12 @@ var n7 = Object.defineProperty, t1 = (l, e, t, i) => {
|
|
|
5337
5340
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
5338
5341
|
return o && n7(e, t, o), o;
|
|
5339
5342
|
};
|
|
5340
|
-
const
|
|
5343
|
+
const w2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /* @__PURE__ */ new Map([
|
|
5341
5344
|
["320", 320],
|
|
5342
5345
|
["360", 360],
|
|
5343
5346
|
["400", 400],
|
|
5344
5347
|
["640", 640]
|
|
5345
|
-
]),
|
|
5348
|
+
]), w5 = class w5 extends u {
|
|
5346
5349
|
constructor() {
|
|
5347
5350
|
super(...arguments), this.open = !1, this.heading = "", this.hideHeader = !1, this.hideFooter = !1, this.defaultWidth = "320", this.allowInteractOutside = !1, this._leaving = !1, this._width = 320, this._resizing = !1, this._startX = 0, this._startWidth = 0, this._onResizeStart = (e) => {
|
|
5348
5351
|
this._resizing = !0, this._startX = e.clientX, this._startWidth = this._width, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault();
|
|
@@ -5379,10 +5382,10 @@ const x2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /
|
|
|
5379
5382
|
);
|
|
5380
5383
|
}
|
|
5381
5384
|
_onClose() {
|
|
5382
|
-
this._dispatch(
|
|
5385
|
+
this._dispatch(w2);
|
|
5383
5386
|
}
|
|
5384
5387
|
_onBackdropClick() {
|
|
5385
|
-
this._dispatch(
|
|
5388
|
+
this._dispatch(w2);
|
|
5386
5389
|
}
|
|
5387
5390
|
render() {
|
|
5388
5391
|
const e = this._leaving;
|
|
@@ -5425,7 +5428,7 @@ const x2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /
|
|
|
5425
5428
|
`;
|
|
5426
5429
|
}
|
|
5427
5430
|
};
|
|
5428
|
-
|
|
5431
|
+
w5.styles = g`
|
|
5429
5432
|
:host {
|
|
5430
5433
|
display: none;
|
|
5431
5434
|
font-family: var(--font-sans);
|
|
@@ -5543,7 +5546,7 @@ x5.styles = g`
|
|
|
5543
5546
|
border-top: 1px solid var(--color-gray-3, #e4e7ec);
|
|
5544
5547
|
}
|
|
5545
5548
|
`;
|
|
5546
|
-
let A =
|
|
5549
|
+
let A = w5;
|
|
5547
5550
|
t1([
|
|
5548
5551
|
a({ type: Boolean, reflect: !0 })
|
|
5549
5552
|
], A.prototype, "open");
|
|
@@ -5573,7 +5576,7 @@ class d7 extends HTMLElement {
|
|
|
5573
5576
|
constructor() {
|
|
5574
5577
|
super(...arguments), this._onClick = () => {
|
|
5575
5578
|
this.dispatchEvent(
|
|
5576
|
-
new CustomEvent(
|
|
5579
|
+
new CustomEvent(w2, { bubbles: !0, composed: !0 })
|
|
5577
5580
|
);
|
|
5578
5581
|
};
|
|
5579
5582
|
}
|
|
@@ -5590,7 +5593,7 @@ var c7 = Object.defineProperty, y = (l, e, t, i) => {
|
|
|
5590
5593
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
5591
5594
|
return o && c7(e, t, o), o;
|
|
5592
5595
|
};
|
|
5593
|
-
const
|
|
5596
|
+
const p2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "anduin-suggestion:clear", R5 = class R5 extends u {
|
|
5594
5597
|
constructor() {
|
|
5595
5598
|
super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1, this.suggestions = [], this.filter = !1, this.hideWhenEmpty = !1, this.emptyText = "No suggestions", this._open = !1, this._activeIndex = -1, this._onDocumentMouseDown = (e) => {
|
|
5596
5599
|
var t;
|
|
@@ -5630,7 +5633,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
|
|
|
5630
5633
|
this._openPanel();
|
|
5631
5634
|
}
|
|
5632
5635
|
_onInput() {
|
|
5633
|
-
this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(
|
|
5636
|
+
this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(p2, {
|
|
5634
5637
|
detail: this.value,
|
|
5635
5638
|
bubbles: !0,
|
|
5636
5639
|
composed: !0
|
|
@@ -5663,7 +5666,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
|
|
|
5663
5666
|
}
|
|
5664
5667
|
_selectSuggestion(e) {
|
|
5665
5668
|
var t;
|
|
5666
|
-
this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(
|
|
5669
|
+
this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(p2, {
|
|
5667
5670
|
detail: this.value,
|
|
5668
5671
|
bubbles: !0,
|
|
5669
5672
|
composed: !0
|
|
@@ -5675,7 +5678,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
|
|
|
5675
5678
|
}
|
|
5676
5679
|
_onClear() {
|
|
5677
5680
|
var e;
|
|
5678
|
-
this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(
|
|
5681
|
+
this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(p2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(u7, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
|
|
5679
5682
|
}
|
|
5680
5683
|
_updatePosition() {
|
|
5681
5684
|
var o1;
|
|
@@ -5690,8 +5693,8 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
|
|
|
5690
5693
|
const s = t.getBoundingClientRect(), d = 4, p = window.innerWidth, h = window.innerHeight, v = 8, H = h - i.bottom - d, f = i.top - d, q = s.height <= H || H >= f ? i.bottom + d : i.top - s.height - d;
|
|
5691
5694
|
let x = i.left;
|
|
5692
5695
|
x = Math.max(v, Math.min(x, p - s.width - v));
|
|
5693
|
-
const
|
|
5694
|
-
t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(
|
|
5696
|
+
const I = Math.max(v, Math.min(q, h - s.height - v));
|
|
5697
|
+
t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(I - r.top)}px)`;
|
|
5695
5698
|
}
|
|
5696
5699
|
render() {
|
|
5697
5700
|
const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", i = !!this.startIcon, o = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, n = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", s = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", d = this._filteredSuggestions, p = this._open && (!this.hideWhenEmpty || d.length > 0);
|
|
@@ -5763,7 +5766,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
|
|
|
5763
5766
|
`;
|
|
5764
5767
|
}
|
|
5765
5768
|
};
|
|
5766
|
-
|
|
5769
|
+
R5.styles = g`
|
|
5767
5770
|
:host { display: block; font-family: var(--font-sans); position: relative; }
|
|
5768
5771
|
|
|
5769
5772
|
.input-wrapper { position: relative; display: flex; align-items: center; }
|
|
@@ -5876,7 +5879,7 @@ w5.styles = g`
|
|
|
5876
5879
|
text-align: center;
|
|
5877
5880
|
}
|
|
5878
5881
|
`;
|
|
5879
|
-
let V =
|
|
5882
|
+
let V = R5;
|
|
5880
5883
|
y([
|
|
5881
5884
|
a()
|
|
5882
5885
|
], V.prototype, "value");
|
|
@@ -5937,7 +5940,7 @@ var h7 = Object.defineProperty, B = (l, e, t, i) => {
|
|
|
5937
5940
|
(n = l[r]) && (o = n(e, t, o) || o);
|
|
5938
5941
|
return o && h7(e, t, o), o;
|
|
5939
5942
|
};
|
|
5940
|
-
const g7 = "anduin-navigation:change",
|
|
5943
|
+
const g7 = "anduin-navigation:change", R2 = "anduin-navigation-item:item-click", k5 = class k5 extends u {
|
|
5941
5944
|
constructor() {
|
|
5942
5945
|
super(...arguments), this.defaultValue = "", this.value = null, this.theme = "light", this.alignment = "left", this.internalValue = "", this.onItemClick = (e) => {
|
|
5943
5946
|
e.stopPropagation();
|
|
@@ -5956,10 +5959,10 @@ const g7 = "anduin-navigation:change", w2 = "anduin-navigation-item:item-click",
|
|
|
5956
5959
|
return this.isControlled ? this.value : this.internalValue;
|
|
5957
5960
|
}
|
|
5958
5961
|
connectedCallback() {
|
|
5959
|
-
super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(
|
|
5962
|
+
super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(R2, this.onItemClick);
|
|
5960
5963
|
}
|
|
5961
5964
|
disconnectedCallback() {
|
|
5962
|
-
super.disconnectedCallback(), this.removeEventListener(
|
|
5965
|
+
super.disconnectedCallback(), this.removeEventListener(R2, this.onItemClick);
|
|
5963
5966
|
}
|
|
5964
5967
|
updated() {
|
|
5965
5968
|
this.syncItems();
|
|
@@ -5980,7 +5983,7 @@ const g7 = "anduin-navigation:change", w2 = "anduin-navigation-item:item-click",
|
|
|
5980
5983
|
`;
|
|
5981
5984
|
}
|
|
5982
5985
|
};
|
|
5983
|
-
|
|
5986
|
+
k5.styles = g`
|
|
5984
5987
|
:host {
|
|
5985
5988
|
display: block;
|
|
5986
5989
|
font-family: var(--font-sans);
|
|
@@ -6023,7 +6026,7 @@ R5.styles = g`
|
|
|
6023
6026
|
.navigation--center { justify-content: center; }
|
|
6024
6027
|
.navigation--right { justify-content: flex-end; }
|
|
6025
6028
|
`;
|
|
6026
|
-
let J =
|
|
6029
|
+
let J = k5;
|
|
6027
6030
|
B([
|
|
6028
6031
|
a({ attribute: "default-value" })
|
|
6029
6032
|
], J.prototype, "defaultValue");
|
|
@@ -6039,7 +6042,7 @@ B([
|
|
|
6039
6042
|
B([
|
|
6040
6043
|
b()
|
|
6041
6044
|
], J.prototype, "internalValue");
|
|
6042
|
-
const
|
|
6045
|
+
const $5 = class $5 extends u {
|
|
6043
6046
|
constructor() {
|
|
6044
6047
|
super(...arguments), this.value = "", this.startIcon = "", this.href = "", this.disabled = !1, this.selected = !1, this.theme = "light";
|
|
6045
6048
|
}
|
|
@@ -6048,7 +6051,7 @@ const k5 = class k5 extends u {
|
|
|
6048
6051
|
e.preventDefault();
|
|
6049
6052
|
return;
|
|
6050
6053
|
}
|
|
6051
|
-
this.dispatchEvent(new CustomEvent(
|
|
6054
|
+
this.dispatchEvent(new CustomEvent(R2, {
|
|
6052
6055
|
detail: this.value,
|
|
6053
6056
|
bubbles: !0,
|
|
6054
6057
|
composed: !0
|
|
@@ -6086,7 +6089,7 @@ const k5 = class k5 extends u {
|
|
|
6086
6089
|
`;
|
|
6087
6090
|
}
|
|
6088
6091
|
};
|
|
6089
|
-
|
|
6092
|
+
$5.styles = g`
|
|
6090
6093
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
6091
6094
|
.nav-item {
|
|
6092
6095
|
box-sizing: border-box;
|
|
@@ -6131,7 +6134,7 @@ k5.styles = g`
|
|
|
6131
6134
|
}
|
|
6132
6135
|
.nav-item__icon { display: flex; }
|
|
6133
6136
|
`;
|
|
6134
|
-
let j =
|
|
6137
|
+
let j = $5;
|
|
6135
6138
|
B([
|
|
6136
6139
|
a()
|
|
6137
6140
|
], j.prototype, "value");
|
|
@@ -6155,42 +6158,42 @@ customElements.get("anduin-navigation-item") || customElements.define("anduin-na
|
|
|
6155
6158
|
export {
|
|
6156
6159
|
p3 as $,
|
|
6157
6160
|
O as A,
|
|
6158
|
-
|
|
6161
|
+
y2 as B,
|
|
6159
6162
|
z1 as C,
|
|
6160
6163
|
N as D,
|
|
6161
6164
|
V1 as E,
|
|
6162
|
-
|
|
6165
|
+
D as F,
|
|
6163
6166
|
k1 as G,
|
|
6164
6167
|
R1 as H,
|
|
6165
6168
|
V as I,
|
|
6166
|
-
|
|
6169
|
+
D1 as J,
|
|
6167
6170
|
P1 as K,
|
|
6168
6171
|
T as L,
|
|
6169
6172
|
v1 as M,
|
|
6170
6173
|
S1 as N,
|
|
6171
6174
|
f1 as O,
|
|
6172
|
-
|
|
6175
|
+
v2 as P,
|
|
6173
6176
|
E as Q,
|
|
6174
6177
|
K as R,
|
|
6175
|
-
|
|
6178
|
+
I1 as S,
|
|
6176
6179
|
S as T,
|
|
6177
6180
|
P as U,
|
|
6178
6181
|
F1 as V,
|
|
6179
|
-
|
|
6180
|
-
|
|
6182
|
+
L2 as W,
|
|
6183
|
+
V2 as X,
|
|
6181
6184
|
t2 as Y,
|
|
6182
|
-
|
|
6185
|
+
m2 as Z,
|
|
6183
6186
|
d4 as _,
|
|
6184
6187
|
X1 as a,
|
|
6185
6188
|
a7 as a0,
|
|
6186
|
-
|
|
6189
|
+
w2 as a1,
|
|
6187
6190
|
J5 as a2,
|
|
6188
6191
|
g4 as a3,
|
|
6189
6192
|
m1 as a4,
|
|
6190
6193
|
X3 as a5,
|
|
6191
|
-
|
|
6194
|
+
U5 as a6,
|
|
6192
6195
|
h3 as a7,
|
|
6193
|
-
|
|
6196
|
+
M2 as a8,
|
|
6194
6197
|
F3 as a9,
|
|
6195
6198
|
z3 as aA,
|
|
6196
6199
|
c4 as aB,
|
|
@@ -6198,11 +6201,11 @@ export {
|
|
|
6198
6201
|
V7 as aD,
|
|
6199
6202
|
y1 as aa,
|
|
6200
6203
|
g7 as ab,
|
|
6201
|
-
|
|
6202
|
-
|
|
6203
|
-
|
|
6204
|
+
R2 as ac,
|
|
6205
|
+
b2 as ad,
|
|
6206
|
+
Z2 as ae,
|
|
6204
6207
|
T3 as af,
|
|
6205
|
-
|
|
6208
|
+
p2 as ag,
|
|
6206
6209
|
u7 as ah,
|
|
6207
6210
|
p7 as ai,
|
|
6208
6211
|
l7 as aj,
|
|
@@ -6213,12 +6216,12 @@ export {
|
|
|
6213
6216
|
v3 as ao,
|
|
6214
6217
|
M3 as ap,
|
|
6215
6218
|
Z3 as aq,
|
|
6216
|
-
|
|
6219
|
+
f2 as ar,
|
|
6217
6220
|
x3 as as,
|
|
6218
6221
|
_3 as at,
|
|
6219
6222
|
L4 as au,
|
|
6220
6223
|
m4 as av,
|
|
6221
|
-
|
|
6224
|
+
S2 as aw,
|
|
6222
6225
|
H4 as ax,
|
|
6223
6226
|
V4 as ay,
|
|
6224
6227
|
b4 as az,
|
|
@@ -6232,9 +6235,9 @@ export {
|
|
|
6232
6235
|
d7 as i,
|
|
6233
6236
|
L as j,
|
|
6234
6237
|
e2 as k,
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
|
|
6238
|
+
u2 as l,
|
|
6239
|
+
h2 as m,
|
|
6240
|
+
g2 as n,
|
|
6238
6241
|
B1 as o,
|
|
6239
6242
|
O1 as p,
|
|
6240
6243
|
$1 as q,
|
|
@@ -6243,7 +6246,7 @@ export {
|
|
|
6243
6246
|
s1 as t,
|
|
6244
6247
|
H1 as u,
|
|
6245
6248
|
O3 as v,
|
|
6246
|
-
|
|
6249
|
+
I3 as w,
|
|
6247
6250
|
J as x,
|
|
6248
6251
|
j as y,
|
|
6249
6252
|
F as z
|