@duyluonganduin/acl-web-components 0.0.50 → 0.0.52
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 +20 -0
- package/dist/acl-web-components.iife.js +106 -92
- package/dist/acl-web-components.js +1 -1
- package/dist/{anduin-table-Cj9IrT0Q.cjs → anduin-table-B7fNgatM.cjs} +122 -108
- package/dist/{anduin-table-8Tp0vpg-.js → anduin-table-DWZEudP7.js} +508 -469
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +20 -0
- package/dist/react.js +2 -2
- package/package.json +5 -1
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
6
|
const V2 = globalThis, E5 = V2.ShadowRoot && (V2.ShadyCSS === void 0 || V2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, z5 = Symbol(), c3 = /* @__PURE__ */ new WeakMap();
|
|
7
|
-
let
|
|
7
|
+
let T3 = class {
|
|
8
8
|
constructor(e, t, o) {
|
|
9
9
|
if (this._$cssResult$ = !0, o !== z5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = e, this.t = t;
|
|
@@ -22,14 +22,14 @@ let I3 = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const
|
|
25
|
+
const ve = (r) => new T3(typeof r == "string" ? r : r + "", void 0, z5), g = (r, ...e) => {
|
|
26
26
|
const t = r.length === 1 ? r[0] : e.reduce((o, i, n) => o + ((l) => {
|
|
27
27
|
if (l._$cssResult$ === !0) return l.cssText;
|
|
28
28
|
if (typeof l == "number") return l;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + l + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
30
|
})(i) + r[n + 1], r[0]);
|
|
31
|
-
return new
|
|
32
|
-
},
|
|
31
|
+
return new T3(t, r, z5);
|
|
32
|
+
}, be = (r, e) => {
|
|
33
33
|
if (E5) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
|
|
34
34
|
else for (const t of e) {
|
|
35
35
|
const o = document.createElement("style"), i = V2.litNonce;
|
|
@@ -38,17 +38,17 @@ const fe = (r) => new I3(typeof r == "string" ? r : r + "", void 0, z5), g = (r,
|
|
|
38
38
|
}, C3 = E5 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
|
|
39
39
|
let t = "";
|
|
40
40
|
for (const o of e.cssRules) t += o.cssText;
|
|
41
|
-
return
|
|
41
|
+
return ve(t);
|
|
42
42
|
})(r) : r;
|
|
43
43
|
/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is:
|
|
48
|
+
const { is: me, defineProperty: He, getOwnPropertyDescriptor: ye, getOwnPropertyNames: _e, getOwnPropertySymbols: Ve, getPrototypeOf: Le } = Object, C1 = globalThis, p3 = C1.trustedTypes, xe = p3 ? p3.emptyScript : "", O2 = C1.reactiveElementPolyfillSupport, e2 = (r, e) => r, L2 = { toAttribute(r, e) {
|
|
49
49
|
switch (e) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
r = r ?
|
|
51
|
+
r = r ? xe : null;
|
|
52
52
|
break;
|
|
53
53
|
case Object:
|
|
54
54
|
case Array:
|
|
@@ -73,7 +73,7 @@ const { is: be, defineProperty: me, getOwnPropertyDescriptor: He, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return t;
|
|
76
|
-
} }, S5 = (r, e) => !
|
|
76
|
+
} }, S5 = (r, e) => !me(r, e), u3 = { attribute: !0, type: String, converter: L2, reflect: !1, useDefault: !1, hasChanged: S5 };
|
|
77
77
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C1.litPropertyMetadata ?? (C1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let B1 = class extends HTMLElement {
|
|
79
79
|
static addInitializer(e) {
|
|
@@ -85,11 +85,11 @@ let B1 = class extends HTMLElement {
|
|
|
85
85
|
static createProperty(e, t = u3) {
|
|
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 o = Symbol(), i = this.getPropertyDescriptor(e, o, t);
|
|
88
|
-
i !== void 0 &&
|
|
88
|
+
i !== void 0 && He(this.prototype, e, i);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
static getPropertyDescriptor(e, t, o) {
|
|
92
|
-
const { get: i, set: n } =
|
|
92
|
+
const { get: i, set: n } = ye(this.prototype, e) ?? { get() {
|
|
93
93
|
return this[t];
|
|
94
94
|
}, set(l) {
|
|
95
95
|
this[t] = l;
|
|
@@ -104,13 +104,13 @@ let B1 = class extends HTMLElement {
|
|
|
104
104
|
}
|
|
105
105
|
static _$Ei() {
|
|
106
106
|
if (this.hasOwnProperty(e2("elementProperties"))) return;
|
|
107
|
-
const e =
|
|
107
|
+
const e = Le(this);
|
|
108
108
|
e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
|
|
109
109
|
}
|
|
110
110
|
static finalize() {
|
|
111
111
|
if (this.hasOwnProperty(e2("finalized"))) return;
|
|
112
112
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(e2("properties"))) {
|
|
113
|
-
const t = this.properties, o = [...
|
|
113
|
+
const t = this.properties, o = [..._e(t), ...Ve(t)];
|
|
114
114
|
for (const i of o) this.createProperty(i, t[i]);
|
|
115
115
|
}
|
|
116
116
|
const e = this[Symbol.metadata];
|
|
@@ -159,7 +159,7 @@ let B1 = class extends HTMLElement {
|
|
|
159
159
|
}
|
|
160
160
|
createRenderRoot() {
|
|
161
161
|
const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
162
|
-
return
|
|
162
|
+
return be(e, this.constructor.elementStyles), e;
|
|
163
163
|
}
|
|
164
164
|
connectedCallback() {
|
|
165
165
|
var e;
|
|
@@ -284,50 +284,50 @@ B1.elementStyles = [], B1.shadowRootOptions = { mode: "open" }, B1[e2("elementPr
|
|
|
284
284
|
* Copyright 2017 Google LLC
|
|
285
285
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
286
286
|
*/
|
|
287
|
-
const t2 = globalThis, h3 = (r) => r, x2 = t2.trustedTypes, g3 = x2 ? x2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0,
|
|
287
|
+
const t2 = globalThis, h3 = (r) => r, x2 = t2.trustedTypes, g3 = x2 ? x2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, N3 = "$lit$", c1 = `lit$${Math.random().toFixed(9).slice(2)}$`, j3 = "?" + c1, Me = `<${j3}>`, M1 = document, o2 = () => M1.createComment(""), n2 = (r) => r === null || typeof r != "object" && typeof r != "function", A5 = Array.isArray, we = (r) => A5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", I2 = `[
|
|
288
288
|
\f\r]`, q1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, f3 = /-->/g, v3 = />/g, _1 = RegExp(`>|${I2}(?:([^\\s"'>=/]+)(${I2}*=${I2}*(?:[^
|
|
289
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), b3 = /'/g, m3 = /"/g,
|
|
290
|
-
function
|
|
289
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), b3 = /'/g, m3 = /"/g, U3 = /^(?:script|style|textarea|title)$/i, G3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), s = G3(1), M2 = G3(2), w1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), H3 = /* @__PURE__ */ new WeakMap(), L1 = M1.createTreeWalker(M1, 129);
|
|
290
|
+
function K3(r, e) {
|
|
291
291
|
if (!A5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
292
292
|
return g3 !== void 0 ? g3.createHTML(e) : e;
|
|
293
293
|
}
|
|
294
|
-
const
|
|
294
|
+
const Ze = (r, e) => {
|
|
295
295
|
const t = r.length - 1, o = [];
|
|
296
296
|
let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = q1;
|
|
297
297
|
for (let d = 0; d < t; d++) {
|
|
298
298
|
const c = r[d];
|
|
299
|
-
let C, p, f = -1,
|
|
300
|
-
for (;
|
|
299
|
+
let C, p, f = -1, m = 0;
|
|
300
|
+
for (; m < c.length && (l.lastIndex = m, p = l.exec(c), p !== null); ) m = l.lastIndex, l === q1 ? p[1] === "!--" ? l = f3 : p[1] !== void 0 ? l = v3 : p[2] !== void 0 ? (U3.test(p[2]) && (i = RegExp("</" + p[2], "g")), l = _1) : p[3] !== void 0 && (l = _1) : l === _1 ? p[0] === ">" ? (l = i ?? q1, f = -1) : p[1] === void 0 ? f = -2 : (f = l.lastIndex - p[2].length, C = p[1], l = p[3] === void 0 ? _1 : p[3] === '"' ? m3 : b3) : l === m3 || l === b3 ? l = _1 : l === f3 || l === v3 ? l = q1 : (l = _1, i = void 0);
|
|
301
301
|
const b = l === _1 && r[d + 1].startsWith("/>") ? " " : "";
|
|
302
|
-
n += l === q1 ? c +
|
|
302
|
+
n += l === q1 ? c + Me : f >= 0 ? (o.push(C), c.slice(0, f) + N3 + c.slice(f) + c1 + b) : c + c1 + (f === -2 ? d : b);
|
|
303
303
|
}
|
|
304
|
-
return [
|
|
304
|
+
return [K3(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
|
|
305
305
|
};
|
|
306
306
|
class r2 {
|
|
307
307
|
constructor({ strings: e, _$litType$: t }, o) {
|
|
308
308
|
let i;
|
|
309
309
|
this.parts = [];
|
|
310
310
|
let n = 0, l = 0;
|
|
311
|
-
const d = e.length - 1, c = this.parts, [C, p] =
|
|
311
|
+
const d = e.length - 1, c = this.parts, [C, p] = Ze(e, t);
|
|
312
312
|
if (this.el = r2.createElement(C, o), L1.currentNode = this.el.content, t === 2 || t === 3) {
|
|
313
313
|
const f = this.el.content.firstChild;
|
|
314
314
|
f.replaceWith(...f.childNodes);
|
|
315
315
|
}
|
|
316
316
|
for (; (i = L1.nextNode()) !== null && c.length < d; ) {
|
|
317
317
|
if (i.nodeType === 1) {
|
|
318
|
-
if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(
|
|
319
|
-
const
|
|
320
|
-
c.push({ type: 1, index: n, name: L[2], strings: b, ctor: L[1] === "." ?
|
|
318
|
+
if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(N3)) {
|
|
319
|
+
const m = p[l++], b = i.getAttribute(f).split(c1), L = /([.?@])?(.*)/.exec(m);
|
|
320
|
+
c.push({ type: 1, index: n, name: L[2], strings: b, ctor: L[1] === "." ? Re : L[1] === "?" ? $e : L[1] === "@" ? Ee : P2 }), i.removeAttribute(f);
|
|
321
321
|
} else f.startsWith(c1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
|
|
322
|
-
if (
|
|
323
|
-
const f = i.textContent.split(c1),
|
|
324
|
-
if (
|
|
322
|
+
if (U3.test(i.tagName)) {
|
|
323
|
+
const f = i.textContent.split(c1), m = f.length - 1;
|
|
324
|
+
if (m > 0) {
|
|
325
325
|
i.textContent = x2 ? x2.emptyScript : "";
|
|
326
|
-
for (let b = 0; b <
|
|
327
|
-
i.append(f[
|
|
326
|
+
for (let b = 0; b < m; b++) i.append(f[b], o2()), L1.nextNode(), c.push({ type: 2, index: ++n });
|
|
327
|
+
i.append(f[m], o2());
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
|
-
} else if (i.nodeType === 8) if (i.data ===
|
|
330
|
+
} else if (i.nodeType === 8) if (i.data === j3) c.push({ type: 2, index: n });
|
|
331
331
|
else {
|
|
332
332
|
let f = -1;
|
|
333
333
|
for (; (f = i.data.indexOf(c1, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += c1.length - 1;
|
|
@@ -347,7 +347,7 @@ function F1(r, e, t = r, o) {
|
|
|
347
347
|
const n = n2(e) ? void 0 : e._$litDirective$;
|
|
348
348
|
return (i == null ? void 0 : i.constructor) !== n && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = i : t._$Cl = i), i !== void 0 && (e = F1(r, i._$AS(r, e.values), i, o)), e;
|
|
349
349
|
}
|
|
350
|
-
class
|
|
350
|
+
class ke {
|
|
351
351
|
constructor(e, t) {
|
|
352
352
|
this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
|
|
353
353
|
}
|
|
@@ -364,7 +364,7 @@ class Ze {
|
|
|
364
364
|
for (; c !== void 0; ) {
|
|
365
365
|
if (l === c.index) {
|
|
366
366
|
let C;
|
|
367
|
-
c.type === 2 ? C = new y2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new
|
|
367
|
+
c.type === 2 ? C = new y2(n, n.nextSibling, this, e) : c.type === 1 ? C = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (C = new ze(n, this, e)), this._$AV.push(C), c = o[++d];
|
|
368
368
|
}
|
|
369
369
|
l !== (c == null ? void 0 : c.index) && (n = L1.nextNode(), l++);
|
|
370
370
|
}
|
|
@@ -395,7 +395,7 @@ class y2 {
|
|
|
395
395
|
return this._$AB;
|
|
396
396
|
}
|
|
397
397
|
_$AI(e, t = this) {
|
|
398
|
-
e = F1(this, e, t), n2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== w1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) :
|
|
398
|
+
e = F1(this, e, t), n2(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== w1 && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : we(e) ? this.k(e) : this._(e);
|
|
399
399
|
}
|
|
400
400
|
O(e) {
|
|
401
401
|
return this._$AA.parentNode.insertBefore(e, this._$AB);
|
|
@@ -408,10 +408,10 @@ class y2 {
|
|
|
408
408
|
}
|
|
409
409
|
$(e) {
|
|
410
410
|
var n;
|
|
411
|
-
const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = r2.createElement(
|
|
411
|
+
const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = r2.createElement(K3(o.h, o.h[0]), this.options)), o);
|
|
412
412
|
if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(t);
|
|
413
413
|
else {
|
|
414
|
-
const l = new
|
|
414
|
+
const l = new ke(i, this), d = l.u(this.options);
|
|
415
415
|
l.p(t), this.T(d), this._$AH = l;
|
|
416
416
|
}
|
|
417
417
|
}
|
|
@@ -463,7 +463,7 @@ class P2 {
|
|
|
463
463
|
e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
|
-
class
|
|
466
|
+
class Re extends P2 {
|
|
467
467
|
constructor() {
|
|
468
468
|
super(...arguments), this.type = 3;
|
|
469
469
|
}
|
|
@@ -471,7 +471,7 @@ class ke extends P2 {
|
|
|
471
471
|
this.element[this.name] = e === u ? void 0 : e;
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
|
-
class
|
|
474
|
+
class $e extends P2 {
|
|
475
475
|
constructor() {
|
|
476
476
|
super(...arguments), this.type = 4;
|
|
477
477
|
}
|
|
@@ -479,7 +479,7 @@ class Re extends P2 {
|
|
|
479
479
|
this.element.toggleAttribute(this.name, !!e && e !== u);
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
|
-
class
|
|
482
|
+
class Ee extends P2 {
|
|
483
483
|
constructor(e, t, o, i, n) {
|
|
484
484
|
super(e, t, o, i, n), this.type = 5;
|
|
485
485
|
}
|
|
@@ -493,7 +493,7 @@ class $e extends P2 {
|
|
|
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 ze {
|
|
497
497
|
constructor(e, t, o) {
|
|
498
498
|
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
|
|
499
499
|
}
|
|
@@ -506,7 +506,7 @@ class Ee {
|
|
|
506
506
|
}
|
|
507
507
|
const T2 = t2.litHtmlPolyfillSupport;
|
|
508
508
|
T2 == null || T2(r2, y2), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.2");
|
|
509
|
-
const
|
|
509
|
+
const Se = (r, e, t) => {
|
|
510
510
|
const o = (t == null ? void 0 : t.renderBefore) ?? e;
|
|
511
511
|
let i = o._$litPart$;
|
|
512
512
|
if (i === void 0) {
|
|
@@ -532,7 +532,7 @@ let h = class extends B1 {
|
|
|
532
532
|
}
|
|
533
533
|
update(e) {
|
|
534
534
|
const t = this.render();
|
|
535
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do =
|
|
535
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Se(t, this.renderRoot, this.renderOptions);
|
|
536
536
|
}
|
|
537
537
|
connectedCallback() {
|
|
538
538
|
var e;
|
|
@@ -546,8 +546,8 @@ let h = class extends B1 {
|
|
|
546
546
|
return w1;
|
|
547
547
|
}
|
|
548
548
|
};
|
|
549
|
-
var
|
|
550
|
-
h._$litElement$ = !0, h.finalized = !0, (
|
|
549
|
+
var I3;
|
|
550
|
+
h._$litElement$ = !0, h.finalized = !0, (I3 = x1.litElementHydrateSupport) == null || I3.call(x1, { LitElement: h });
|
|
551
551
|
const N2 = x1.litElementPolyfillSupport;
|
|
552
552
|
N2 == null || N2({ LitElement: h });
|
|
553
553
|
(x1.litElementVersions ?? (x1.litElementVersions = [])).push("4.2.2");
|
|
@@ -556,7 +556,7 @@ N2 == null || N2({ LitElement: h });
|
|
|
556
556
|
* Copyright 2017 Google LLC
|
|
557
557
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
558
558
|
*/
|
|
559
|
-
const
|
|
559
|
+
const Ae = { attribute: !0, type: String, converter: L2, reflect: !1, hasChanged: S5 }, De = (r = Ae, e, t) => {
|
|
560
560
|
const { kind: o, metadata: i } = t;
|
|
561
561
|
let n = globalThis.litPropertyMetadata.get(i);
|
|
562
562
|
if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), o === "setter" && ((r = Object.create(r)).wrapped = !0), n.set(t.name, r), o === "accessor") {
|
|
@@ -578,7 +578,7 @@ const Se = { attribute: !0, type: String, converter: L2, reflect: !1, hasChanged
|
|
|
578
578
|
throw Error("Unsupported decorator location: " + o);
|
|
579
579
|
};
|
|
580
580
|
function a(r) {
|
|
581
|
-
return (e, t) => typeof t == "object" ?
|
|
581
|
+
return (e, t) => typeof t == "object" ? De(r, e, t) : ((o, i, n) => {
|
|
582
582
|
const l = i.hasOwnProperty(n);
|
|
583
583
|
return i.constructor.createProperty(n, o), l ? Object.getOwnPropertyDescriptor(i, n) : void 0;
|
|
584
584
|
})(r, e, t);
|
|
@@ -588,7 +588,7 @@ function a(r) {
|
|
|
588
588
|
* Copyright 2017 Google LLC
|
|
589
589
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
590
590
|
*/
|
|
591
|
-
function
|
|
591
|
+
function H(r) {
|
|
592
592
|
return a({ ...r, state: !0, attribute: !1 });
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
@@ -596,7 +596,7 @@ function m(r) {
|
|
|
596
596
|
* Copyright 2017 Google LLC
|
|
597
597
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
598
598
|
*/
|
|
599
|
-
const
|
|
599
|
+
const Be = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
|
|
600
600
|
/**
|
|
601
601
|
* @license
|
|
602
602
|
* Copyright 2017 Google LLC
|
|
@@ -608,15 +608,15 @@ function z(r, e) {
|
|
|
608
608
|
var d;
|
|
609
609
|
return ((d = l.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null;
|
|
610
610
|
};
|
|
611
|
-
return
|
|
611
|
+
return Be(t, o, { get() {
|
|
612
612
|
return n(this);
|
|
613
613
|
} });
|
|
614
614
|
};
|
|
615
615
|
}
|
|
616
|
-
var
|
|
616
|
+
var Pe = Object.defineProperty, W3 = (r, e, t, o) => {
|
|
617
617
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
618
618
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
619
|
-
return i &&
|
|
619
|
+
return i && Pe(e, t, i), i;
|
|
620
620
|
};
|
|
621
621
|
const F5 = class F5 extends h {
|
|
622
622
|
constructor() {
|
|
@@ -681,24 +681,24 @@ F5.styles = g`
|
|
|
681
681
|
@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
682
682
|
`;
|
|
683
683
|
let l2 = F5;
|
|
684
|
-
|
|
684
|
+
W3([
|
|
685
685
|
a()
|
|
686
686
|
], l2.prototype, "size");
|
|
687
|
-
|
|
687
|
+
W3([
|
|
688
688
|
a()
|
|
689
689
|
], l2.prototype, "percent");
|
|
690
690
|
customElements.get("anduin-spinner") || customElements.define("anduin-spinner", l2);
|
|
691
|
-
var
|
|
691
|
+
var Fe = Object.defineProperty, Y3 = (r, e, t, o) => {
|
|
692
692
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
693
693
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
694
|
-
return i &&
|
|
694
|
+
return i && Fe(e, t, i), i;
|
|
695
695
|
};
|
|
696
|
-
const y3 = "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",
|
|
696
|
+
const y3 = "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", Oe = { small: 16, medium: 24, large: 32 }, O5 = class O5 extends h {
|
|
697
697
|
constructor() {
|
|
698
698
|
super(...arguments), this.size = "small", this.color = "default";
|
|
699
699
|
}
|
|
700
700
|
render() {
|
|
701
|
-
const e =
|
|
701
|
+
const e = Oe[this.size] ?? 16;
|
|
702
702
|
return M2`
|
|
703
703
|
<svg
|
|
704
704
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -754,10 +754,10 @@ O5.styles = g`
|
|
|
754
754
|
}
|
|
755
755
|
`;
|
|
756
756
|
let a2 = O5;
|
|
757
|
-
|
|
757
|
+
Y3([
|
|
758
758
|
a({ reflect: !0 })
|
|
759
759
|
], a2.prototype, "size");
|
|
760
|
-
|
|
760
|
+
Y3([
|
|
761
761
|
a({ reflect: !0 })
|
|
762
762
|
], a2.prototype, "color");
|
|
763
763
|
customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", a2);
|
|
@@ -1118,10 +1118,10 @@ const _3 = {
|
|
|
1118
1118
|
zoomOut: [{ d: "M4.5 6.25C4.08579 6.25 3.75 6.58579 3.75 7C3.75 7.41421 4.08579 7.75 4.5 7.75H9.5C9.91421 7.75 10.25 7.41421 10.25 7C10.25 6.58579 9.91421 6.25 9.5 6.25H4.5ZM7 14C8.57591 14 10.0302 13.4792 11.2001 12.6004C11.2281 12.6376 11.259 12.6733 11.2929 12.7071L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L12.7071 11.2929C12.6733 11.259 12.6376 11.2281 12.6004 11.2001C13.4792 10.0302 14 8.57591 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7 12.5C10.0376 12.5 12.5 10.0376 12.5 7C12.5 3.96243 10.0376 1.5 7 1.5C3.96243 1.5 1.5 3.96243 1.5 7C1.5 10.0376 3.96243 12.5 7 12.5Z", fillRule: "evenodd", clipRule: "evenodd" }],
|
|
1119
1119
|
zz: [{ d: "M9.75 1.02686C9.33579 1.02686 9 1.36264 9 1.77686C9 2.19107 9.33579 2.52686 9.75 2.52686H12.8186L9.13336 7.84995C8.97457 8.07931 8.9562 8.37784 9.08567 8.62494C9.21513 8.87203 9.47104 9.02686 9.75 9.02686H14.25C14.6642 9.02686 15 8.69107 15 8.27686C15 7.86264 14.6642 7.52686 14.25 7.52686H11.1814L14.8666 2.20376C15.0254 1.97441 15.0438 1.67587 14.9143 1.42878C14.7849 1.18168 14.529 1.02686 14.25 1.02686H9.75ZM1.75 7.02686C1.33579 7.02686 1 7.36264 1 7.77686C1 8.19107 1.33579 8.52686 1.75 8.52686H4.81858L1.13336 13.8499C0.974572 14.0793 0.956201 14.3778 1.08567 14.6249C1.21513 14.872 1.47104 15.0269 1.75 15.0269H6.25C6.66422 15.0269 7 14.6911 7 14.2769C7 13.8626 6.66422 13.5269 6.25 13.5269H3.18143L6.86665 8.20376C7.02543 7.97441 7.0438 7.67587 6.91434 7.42878C6.78487 7.18168 6.52896 7.02686 6.25 7.02686H1.75Z", fillRule: "evenodd", clipRule: "evenodd" }]
|
|
1120
1120
|
};
|
|
1121
|
-
var
|
|
1121
|
+
var Ie = Object.defineProperty, q3 = (r, e, t, o) => {
|
|
1122
1122
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1123
1123
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1124
|
-
return i &&
|
|
1124
|
+
return i && Ie(e, t, i), i;
|
|
1125
1125
|
};
|
|
1126
1126
|
const I5 = class I5 extends h {
|
|
1127
1127
|
constructor() {
|
|
@@ -1156,19 +1156,19 @@ I5.styles = g`
|
|
|
1156
1156
|
.icon--hidden { display: none; }
|
|
1157
1157
|
`;
|
|
1158
1158
|
let s2 = I5;
|
|
1159
|
-
|
|
1159
|
+
q3([
|
|
1160
1160
|
a()
|
|
1161
1161
|
], s2.prototype, "name");
|
|
1162
|
-
|
|
1162
|
+
q3([
|
|
1163
1163
|
a({ type: Number })
|
|
1164
1164
|
], s2.prototype, "size");
|
|
1165
1165
|
customElements.get("anduin-icon") || customElements.define("anduin-icon", s2);
|
|
1166
|
-
var
|
|
1166
|
+
var Te = Object.defineProperty, Ne = (r, e, t, o) => {
|
|
1167
1167
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1168
1168
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1169
|
-
return i &&
|
|
1169
|
+
return i && Te(e, t, i), i;
|
|
1170
1170
|
};
|
|
1171
|
-
const
|
|
1171
|
+
const X3 = g`
|
|
1172
1172
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1173
1173
|
.badge {
|
|
1174
1174
|
border-radius: 9999px;
|
|
@@ -1195,7 +1195,7 @@ const q3 = g`
|
|
|
1195
1195
|
.badge--bold-warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
1196
1196
|
.badge--hidden { display: none; }
|
|
1197
1197
|
`;
|
|
1198
|
-
function
|
|
1198
|
+
function J3(r) {
|
|
1199
1199
|
return {
|
|
1200
1200
|
gray: "badge--light-gray",
|
|
1201
1201
|
primary: "badge--light-primary",
|
|
@@ -1214,20 +1214,20 @@ const T5 = class T5 extends h {
|
|
|
1214
1214
|
super(...arguments), this.variant = "gray";
|
|
1215
1215
|
}
|
|
1216
1216
|
render() {
|
|
1217
|
-
const e =
|
|
1217
|
+
const e = J3(this.variant);
|
|
1218
1218
|
return s`<div class="badge ${e}" part="badge"><slot></slot></div>`;
|
|
1219
1219
|
}
|
|
1220
1220
|
};
|
|
1221
|
-
T5.styles = [
|
|
1221
|
+
T5.styles = [X3];
|
|
1222
1222
|
let w2 = T5;
|
|
1223
|
-
|
|
1223
|
+
Ne([
|
|
1224
1224
|
a()
|
|
1225
1225
|
], w2.prototype, "variant");
|
|
1226
1226
|
customElements.get("anduin-badge") || customElements.define("anduin-badge", w2);
|
|
1227
|
-
var
|
|
1227
|
+
var je = Object.defineProperty, Q3 = (r, e, t, o) => {
|
|
1228
1228
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1229
1229
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1230
|
-
return i &&
|
|
1230
|
+
return i && je(e, t, i), i;
|
|
1231
1231
|
};
|
|
1232
1232
|
const N5 = class N5 extends h {
|
|
1233
1233
|
constructor() {
|
|
@@ -1237,7 +1237,7 @@ const N5 = class N5 extends h {
|
|
|
1237
1237
|
return e > 99 ? "99+" : e.toString();
|
|
1238
1238
|
}
|
|
1239
1239
|
render() {
|
|
1240
|
-
const e =
|
|
1240
|
+
const e = J3(this.variant), t = this.count === 0, o = this.count > 0 && this.count < 10, i = [
|
|
1241
1241
|
"badge",
|
|
1242
1242
|
e,
|
|
1243
1243
|
t ? "badge--hidden" : "",
|
|
@@ -1246,21 +1246,21 @@ const N5 = class N5 extends h {
|
|
|
1246
1246
|
return s`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
|
|
1247
1247
|
}
|
|
1248
1248
|
};
|
|
1249
|
-
N5.styles = [
|
|
1249
|
+
N5.styles = [X3];
|
|
1250
1250
|
let d2 = N5;
|
|
1251
|
-
|
|
1251
|
+
Q3([
|
|
1252
1252
|
a()
|
|
1253
1253
|
], d2.prototype, "variant");
|
|
1254
|
-
|
|
1254
|
+
Q3([
|
|
1255
1255
|
a({ type: Number })
|
|
1256
1256
|
], d2.prototype, "count");
|
|
1257
1257
|
customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", d2);
|
|
1258
|
-
var
|
|
1258
|
+
var Ue = Object.defineProperty, B = (r, e, t, o) => {
|
|
1259
1259
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1260
1260
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1261
|
-
return i &&
|
|
1261
|
+
return i && Ue(e, t, i), i;
|
|
1262
1262
|
};
|
|
1263
|
-
function
|
|
1263
|
+
function Ge(r) {
|
|
1264
1264
|
return r.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
|
|
1265
1265
|
}
|
|
1266
1266
|
const j5 = class j5 extends h {
|
|
@@ -1280,7 +1280,7 @@ const j5 = class j5 extends h {
|
|
|
1280
1280
|
return this.variant ? this.variant : this.appearance === "filled" ? "gray0" : this.appearance === "text" ? "primary" : "gray9";
|
|
1281
1281
|
}
|
|
1282
1282
|
getSizeKebab() {
|
|
1283
|
-
return
|
|
1283
|
+
return Ge(this.size);
|
|
1284
1284
|
}
|
|
1285
1285
|
iconSize() {
|
|
1286
1286
|
return this.size === "tiny" || this.size === "extraSmall" || this.size === "small" ? "12" : "16";
|
|
@@ -1439,7 +1439,7 @@ j5.styles = g`
|
|
|
1439
1439
|
`;
|
|
1440
1440
|
let k = j5;
|
|
1441
1441
|
B([
|
|
1442
|
-
|
|
1442
|
+
H()
|
|
1443
1443
|
], k.prototype, "iconOnly");
|
|
1444
1444
|
B([
|
|
1445
1445
|
a({ converter: (r) => r || "filled" })
|
|
@@ -1484,10 +1484,10 @@ B([
|
|
|
1484
1484
|
a()
|
|
1485
1485
|
], k.prototype, "label");
|
|
1486
1486
|
customElements.get("anduin-button") || customElements.define("anduin-button", k);
|
|
1487
|
-
var
|
|
1487
|
+
var Ke = Object.defineProperty, We = (r, e, t, o) => {
|
|
1488
1488
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1489
1489
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1490
|
-
return i &&
|
|
1490
|
+
return i && Ke(e, t, i), i;
|
|
1491
1491
|
};
|
|
1492
1492
|
const U5 = class U5 extends h {
|
|
1493
1493
|
constructor() {
|
|
@@ -1515,14 +1515,14 @@ U5.styles = g`
|
|
|
1515
1515
|
.callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
1516
1516
|
`;
|
|
1517
1517
|
let Z2 = U5;
|
|
1518
|
-
|
|
1518
|
+
We([
|
|
1519
1519
|
a()
|
|
1520
1520
|
], Z2.prototype, "variant");
|
|
1521
1521
|
customElements.get("anduin-callout") || customElements.define("anduin-callout", Z2);
|
|
1522
|
-
var
|
|
1522
|
+
var Ye = Object.defineProperty, ee = (r, e, t, o) => {
|
|
1523
1523
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1524
1524
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1525
|
-
return i &&
|
|
1525
|
+
return i && Ye(e, t, i), i;
|
|
1526
1526
|
};
|
|
1527
1527
|
const G5 = class G5 extends h {
|
|
1528
1528
|
constructor() {
|
|
@@ -1566,17 +1566,17 @@ G5.styles = g`
|
|
|
1566
1566
|
.divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
|
|
1567
1567
|
`;
|
|
1568
1568
|
let c2 = G5;
|
|
1569
|
-
|
|
1569
|
+
ee([
|
|
1570
1570
|
a({ reflect: !0 })
|
|
1571
1571
|
], c2.prototype, "direction");
|
|
1572
|
-
|
|
1573
|
-
|
|
1572
|
+
ee([
|
|
1573
|
+
H()
|
|
1574
1574
|
], c2.prototype, "hasContent");
|
|
1575
1575
|
customElements.get("anduin-divider") || customElements.define("anduin-divider", c2);
|
|
1576
|
-
var
|
|
1576
|
+
var qe = Object.defineProperty, Xe = (r, e, t, o) => {
|
|
1577
1577
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1578
1578
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1579
|
-
return i &&
|
|
1579
|
+
return i && qe(e, t, i), i;
|
|
1580
1580
|
};
|
|
1581
1581
|
const K5 = class K5 extends h {
|
|
1582
1582
|
constructor() {
|
|
@@ -1596,14 +1596,14 @@ K5.styles = g`
|
|
|
1596
1596
|
.dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
1597
1597
|
`;
|
|
1598
1598
|
let k2 = K5;
|
|
1599
|
-
|
|
1599
|
+
Xe([
|
|
1600
1600
|
a()
|
|
1601
1601
|
], k2.prototype, "variant");
|
|
1602
1602
|
customElements.get("anduin-dot") || customElements.define("anduin-dot", k2);
|
|
1603
|
-
var
|
|
1603
|
+
var Je = Object.defineProperty, te = (r, e, t, o) => {
|
|
1604
1604
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1605
1605
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1606
|
-
return i &&
|
|
1606
|
+
return i && Je(e, t, i), i;
|
|
1607
1607
|
};
|
|
1608
1608
|
const W5 = class W5 extends h {
|
|
1609
1609
|
constructor() {
|
|
@@ -1638,17 +1638,17 @@ W5.styles = g`
|
|
|
1638
1638
|
}
|
|
1639
1639
|
`;
|
|
1640
1640
|
let C2 = W5;
|
|
1641
|
-
|
|
1641
|
+
te([
|
|
1642
1642
|
a()
|
|
1643
1643
|
], C2.prototype, "percent");
|
|
1644
|
-
|
|
1644
|
+
te([
|
|
1645
1645
|
a()
|
|
1646
1646
|
], C2.prototype, "height");
|
|
1647
1647
|
customElements.get("anduin-progress") || customElements.define("anduin-progress", C2);
|
|
1648
|
-
var
|
|
1648
|
+
var Qe = Object.defineProperty, G1 = (r, e, t, o) => {
|
|
1649
1649
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1650
1650
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1651
|
-
return i &&
|
|
1651
|
+
return i && Qe(e, t, i), i;
|
|
1652
1652
|
};
|
|
1653
1653
|
const Y5 = class Y5 extends h {
|
|
1654
1654
|
constructor() {
|
|
@@ -1688,30 +1688,30 @@ Y5.styles = g`
|
|
|
1688
1688
|
0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
|
|
1689
1689
|
}
|
|
1690
1690
|
`;
|
|
1691
|
-
let
|
|
1691
|
+
let o1 = Y5;
|
|
1692
1692
|
G1([
|
|
1693
1693
|
a()
|
|
1694
|
-
],
|
|
1694
|
+
], o1.prototype, "effect");
|
|
1695
1695
|
G1([
|
|
1696
1696
|
a()
|
|
1697
|
-
],
|
|
1697
|
+
], o1.prototype, "shape");
|
|
1698
1698
|
G1([
|
|
1699
1699
|
a()
|
|
1700
|
-
],
|
|
1700
|
+
], o1.prototype, "height");
|
|
1701
1701
|
G1([
|
|
1702
1702
|
a()
|
|
1703
|
-
],
|
|
1703
|
+
], o1.prototype, "width");
|
|
1704
1704
|
G1([
|
|
1705
1705
|
a({ type: Number })
|
|
1706
|
-
],
|
|
1706
|
+
], o1.prototype, "duration");
|
|
1707
1707
|
G1([
|
|
1708
1708
|
a({ attribute: "font-size" })
|
|
1709
|
-
],
|
|
1710
|
-
customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton",
|
|
1711
|
-
var
|
|
1709
|
+
], o1.prototype, "fontSize");
|
|
1710
|
+
customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", o1);
|
|
1711
|
+
var e7 = Object.defineProperty, t7 = (r, e, t, o) => {
|
|
1712
1712
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1713
1713
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1714
|
-
return i &&
|
|
1714
|
+
return i && e7(e, t, i), i;
|
|
1715
1715
|
};
|
|
1716
1716
|
const q5 = class q5 extends h {
|
|
1717
1717
|
constructor() {
|
|
@@ -1735,21 +1735,21 @@ q5.styles = g`
|
|
|
1735
1735
|
.loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-gray-6); }
|
|
1736
1736
|
`;
|
|
1737
1737
|
let R2 = q5;
|
|
1738
|
-
|
|
1738
|
+
t7([
|
|
1739
1739
|
a()
|
|
1740
1740
|
], R2.prototype, "height");
|
|
1741
1741
|
customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", R2);
|
|
1742
|
-
var
|
|
1742
|
+
var i7 = Object.defineProperty, D5 = (r, e, t, o) => {
|
|
1743
1743
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1744
1744
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1745
|
-
return i &&
|
|
1745
|
+
return i && i7(e, t, i), i;
|
|
1746
1746
|
};
|
|
1747
|
-
const
|
|
1747
|
+
const ie = "anduin-field:label-click", u1 = "anduin-field:label-click-coordinated", X5 = class X5 extends h {
|
|
1748
1748
|
constructor() {
|
|
1749
1749
|
super(...arguments), this.orientation = "vertical";
|
|
1750
1750
|
}
|
|
1751
1751
|
connectedCallback() {
|
|
1752
|
-
super.connectedCallback(), this.addEventListener(
|
|
1752
|
+
super.connectedCallback(), this.addEventListener(ie, (e) => {
|
|
1753
1753
|
const t = e;
|
|
1754
1754
|
this.dispatchEvent(new CustomEvent(u1, {
|
|
1755
1755
|
detail: t.detail,
|
|
@@ -1785,7 +1785,7 @@ const J5 = class J5 extends h {
|
|
|
1785
1785
|
super.connectedCallback();
|
|
1786
1786
|
}
|
|
1787
1787
|
onLabelClick(e) {
|
|
1788
|
-
this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(
|
|
1788
|
+
this.htmlfor && (e.preventDefault(), this.dispatchEvent(new CustomEvent(ie, {
|
|
1789
1789
|
detail: this.htmlfor,
|
|
1790
1790
|
bubbles: !0,
|
|
1791
1791
|
composed: !0
|
|
@@ -1851,12 +1851,12 @@ customElements.get("anduin-field-label") || customElements.define("anduin-field-
|
|
|
1851
1851
|
customElements.get("anduin-field-description") || customElements.define("anduin-field-description", q2);
|
|
1852
1852
|
customElements.get("anduin-field-error") || customElements.define("anduin-field-error", X2);
|
|
1853
1853
|
customElements.get("anduin-field-group") || customElements.define("anduin-field-group", J2);
|
|
1854
|
-
var
|
|
1854
|
+
var o7 = Object.defineProperty, _2 = (r, e, t, o) => {
|
|
1855
1855
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1856
1856
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1857
|
-
return i &&
|
|
1857
|
+
return i && o7(e, t, i), i;
|
|
1858
1858
|
};
|
|
1859
|
-
const
|
|
1859
|
+
const n7 = "anduin-checkbox:change", i4 = class i4 extends h {
|
|
1860
1860
|
constructor() {
|
|
1861
1861
|
super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
|
|
1862
1862
|
}
|
|
@@ -1869,7 +1869,7 @@ const o7 = "anduin-checkbox:change", i4 = class i4 extends h {
|
|
|
1869
1869
|
});
|
|
1870
1870
|
}
|
|
1871
1871
|
toggle() {
|
|
1872
|
-
this.checked = !this.checked, this.dispatchEvent(new CustomEvent(
|
|
1872
|
+
this.checked = !this.checked, this.dispatchEvent(new CustomEvent(n7, {
|
|
1873
1873
|
detail: this.checked,
|
|
1874
1874
|
bubbles: !0,
|
|
1875
1875
|
composed: !0
|
|
@@ -1965,12 +1965,12 @@ _2([
|
|
|
1965
1965
|
a()
|
|
1966
1966
|
], h1.prototype, "inputid");
|
|
1967
1967
|
customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", h1);
|
|
1968
|
-
var
|
|
1968
|
+
var r7 = Object.defineProperty, K = (r, e, t, o) => {
|
|
1969
1969
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
1970
1970
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
1971
|
-
return i &&
|
|
1971
|
+
return i && r7(e, t, i), i;
|
|
1972
1972
|
};
|
|
1973
|
-
const V3 = "anduin-input:change",
|
|
1973
|
+
const V3 = "anduin-input:change", l7 = "anduin-input:clear", o4 = class o4 extends h {
|
|
1974
1974
|
constructor() {
|
|
1975
1975
|
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;
|
|
1976
1976
|
}
|
|
@@ -1995,7 +1995,7 @@ const V3 = "anduin-input:change", r7 = "anduin-input:clear", o4 = class o4 exten
|
|
|
1995
1995
|
}
|
|
1996
1996
|
onClear() {
|
|
1997
1997
|
var e;
|
|
1998
|
-
this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(V3, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(
|
|
1998
|
+
this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(V3, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(l7, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
|
|
1999
1999
|
}
|
|
2000
2000
|
render() {
|
|
2001
2001
|
const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, n = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
|
|
@@ -2128,12 +2128,12 @@ K([
|
|
|
2128
2128
|
z("input")
|
|
2129
2129
|
], P.prototype, "inputEl");
|
|
2130
2130
|
customElements.get("anduin-input") || customElements.define("anduin-input", P);
|
|
2131
|
-
var
|
|
2131
|
+
var a7 = Object.defineProperty, m1 = (r, e, t, o) => {
|
|
2132
2132
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
2133
2133
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
2134
|
-
return i &&
|
|
2134
|
+
return i && a7(e, t, i), i;
|
|
2135
2135
|
};
|
|
2136
|
-
const
|
|
2136
|
+
const s7 = "anduin-textarea:change", n4 = class n4 extends h {
|
|
2137
2137
|
constructor() {
|
|
2138
2138
|
super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
|
|
2139
2139
|
}
|
|
@@ -2150,7 +2150,7 @@ const a7 = "anduin-textarea:change", n4 = class n4 extends h {
|
|
|
2150
2150
|
this.textareaEl && this.textareaEl.value !== this.value && (this.textareaEl.value = this.value);
|
|
2151
2151
|
}
|
|
2152
2152
|
onInput() {
|
|
2153
|
-
this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(
|
|
2153
|
+
this.value = this.textareaEl.value, this.dispatchEvent(new CustomEvent(s7, {
|
|
2154
2154
|
detail: this.value,
|
|
2155
2155
|
bubbles: !0,
|
|
2156
2156
|
composed: !0
|
|
@@ -2218,20 +2218,20 @@ m1([
|
|
|
2218
2218
|
z("textarea")
|
|
2219
2219
|
], U.prototype, "textareaEl");
|
|
2220
2220
|
customElements.get("anduin-textarea") || customElements.define("anduin-textarea", U);
|
|
2221
|
-
var
|
|
2221
|
+
var d7 = Object.defineProperty, N = (r, e, t, o) => {
|
|
2222
2222
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
2223
2223
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
2224
|
-
return i &&
|
|
2224
|
+
return i && d7(e, t, i), i;
|
|
2225
2225
|
};
|
|
2226
|
-
const
|
|
2226
|
+
const oe = "anduin-tab:trigger-click", F2 = "anduin-tab:value-changed", c7 = "anduin-tab:change", r4 = class r4 extends h {
|
|
2227
2227
|
constructor() {
|
|
2228
2228
|
super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
|
|
2229
2229
|
}
|
|
2230
2230
|
connectedCallback() {
|
|
2231
|
-
super.connectedCallback(), this.addEventListener(
|
|
2231
|
+
super.connectedCallback(), this.addEventListener(oe, (e) => {
|
|
2232
2232
|
e.stopPropagation();
|
|
2233
2233
|
const t = e;
|
|
2234
|
-
this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(
|
|
2234
|
+
this.value = t.detail, this.broadcastValueChanged(t.detail), this.dispatchEvent(new CustomEvent(c7, { detail: t.detail, bubbles: !0, composed: !0 }));
|
|
2235
2235
|
}), requestAnimationFrame(() => {
|
|
2236
2236
|
const e = this.value || this.defaultValue;
|
|
2237
2237
|
e && (this.value || (this.value = e), this.broadcastValueChanged(e));
|
|
@@ -2347,7 +2347,7 @@ const a4 = class a4 extends h {
|
|
|
2347
2347
|
});
|
|
2348
2348
|
}
|
|
2349
2349
|
onClick() {
|
|
2350
|
-
this.dispatchEvent(new CustomEvent(
|
|
2350
|
+
this.dispatchEvent(new CustomEvent(oe, { detail: this.value, bubbles: !0, composed: !0 }));
|
|
2351
2351
|
}
|
|
2352
2352
|
render() {
|
|
2353
2353
|
return s`
|
|
@@ -2391,25 +2391,25 @@ a4.styles = g`
|
|
|
2391
2391
|
color: var(--color-gray-7); white-space: nowrap;
|
|
2392
2392
|
}
|
|
2393
2393
|
`;
|
|
2394
|
-
let
|
|
2394
|
+
let n1 = a4;
|
|
2395
2395
|
N([
|
|
2396
2396
|
a({ reflect: !0 })
|
|
2397
|
-
],
|
|
2397
|
+
], n1.prototype, "value");
|
|
2398
2398
|
N([
|
|
2399
2399
|
a({ attribute: "start-icon" })
|
|
2400
|
-
],
|
|
2400
|
+
], n1.prototype, "startIcon");
|
|
2401
2401
|
N([
|
|
2402
2402
|
a({ type: Boolean })
|
|
2403
|
-
],
|
|
2403
|
+
], n1.prototype, "disabled");
|
|
2404
2404
|
N([
|
|
2405
2405
|
a({ type: Boolean, attribute: "show-badge" })
|
|
2406
|
-
],
|
|
2406
|
+
], n1.prototype, "showBadge");
|
|
2407
2407
|
N([
|
|
2408
2408
|
a({ attribute: "badge-count" })
|
|
2409
|
-
],
|
|
2409
|
+
], n1.prototype, "badgeCount");
|
|
2410
2410
|
N([
|
|
2411
|
-
|
|
2412
|
-
],
|
|
2411
|
+
H()
|
|
2412
|
+
], n1.prototype, "isActive");
|
|
2413
2413
|
const s4 = class s4 extends h {
|
|
2414
2414
|
constructor() {
|
|
2415
2415
|
super(...arguments), this.value = "", this.isActive = !1;
|
|
@@ -2443,18 +2443,18 @@ N([
|
|
|
2443
2443
|
a()
|
|
2444
2444
|
], h2.prototype, "value");
|
|
2445
2445
|
N([
|
|
2446
|
-
|
|
2446
|
+
H()
|
|
2447
2447
|
], h2.prototype, "isActive");
|
|
2448
2448
|
customElements.get("anduin-tabs") || customElements.define("anduin-tabs", O1);
|
|
2449
2449
|
customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", u2);
|
|
2450
|
-
customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger",
|
|
2450
|
+
customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", n1);
|
|
2451
2451
|
customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", h2);
|
|
2452
|
-
var
|
|
2452
|
+
var C7 = Object.defineProperty, B5 = (r, e, t, o) => {
|
|
2453
2453
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
2454
2454
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
2455
|
-
return i &&
|
|
2455
|
+
return i && C7(e, t, i), i;
|
|
2456
2456
|
};
|
|
2457
|
-
const
|
|
2457
|
+
const p7 = "anduin-tag-close:click", u7 = {
|
|
2458
2458
|
gray: "tag--light-gray",
|
|
2459
2459
|
primary: "tag--light-primary",
|
|
2460
2460
|
success: "tag--light-success",
|
|
@@ -2479,7 +2479,7 @@ const C7 = "anduin-tag-close:click", p7 = {
|
|
|
2479
2479
|
customYellow: "tag--custom-yellow",
|
|
2480
2480
|
customYellowGreen: "tag--custom-yellow-green",
|
|
2481
2481
|
customYellowOrange: "tag--custom-yellow-orange"
|
|
2482
|
-
},
|
|
2482
|
+
}, h7 = {
|
|
2483
2483
|
gray: "tag__icon--light-gray",
|
|
2484
2484
|
primary: "tag__icon--light-primary",
|
|
2485
2485
|
success: "tag__icon--light-success",
|
|
@@ -2509,7 +2509,7 @@ const C7 = "anduin-tag-close:click", p7 = {
|
|
|
2509
2509
|
super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
|
|
2510
2510
|
}
|
|
2511
2511
|
render() {
|
|
2512
|
-
const e =
|
|
2512
|
+
const e = u7[this.variant] || "tag--light-gray", t = h7[this.variant] || "tag__icon--light-gray";
|
|
2513
2513
|
return s`
|
|
2514
2514
|
<div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
|
|
2515
2515
|
${this.icon ? s`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : u}
|
|
@@ -2579,7 +2579,7 @@ B5([
|
|
|
2579
2579
|
], I1.prototype, "disabled");
|
|
2580
2580
|
const c4 = class c4 extends h {
|
|
2581
2581
|
onClick() {
|
|
2582
|
-
this.dispatchEvent(new CustomEvent(
|
|
2582
|
+
this.dispatchEvent(new CustomEvent(p7, { bubbles: !0, composed: !0 }));
|
|
2583
2583
|
}
|
|
2584
2584
|
render() {
|
|
2585
2585
|
return s`
|
|
@@ -2602,12 +2602,12 @@ c4.styles = g`
|
|
|
2602
2602
|
let Q2 = c4;
|
|
2603
2603
|
customElements.get("anduin-tag") || customElements.define("anduin-tag", I1);
|
|
2604
2604
|
customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", Q2);
|
|
2605
|
-
var
|
|
2605
|
+
var g7 = Object.defineProperty, F = (r, e, t, o) => {
|
|
2606
2606
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
2607
2607
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
2608
|
-
return i &&
|
|
2608
|
+
return i && g7(e, t, i), i;
|
|
2609
2609
|
};
|
|
2610
|
-
const
|
|
2610
|
+
const f7 = "anduin-toggle-group:change", v7 = "anduin-toggle-group-item:change", b7 = "anduin-toggle-group-item:select", m7 = "anduin-toggle-group-item:deselect", e5 = "anduin-toggle-group-item:item-click", C4 = class C4 extends h {
|
|
2611
2611
|
constructor() {
|
|
2612
2612
|
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) => {
|
|
2613
2613
|
var c;
|
|
@@ -2619,7 +2619,7 @@ const g7 = "anduin-toggle-group:change", f7 = "anduin-toggle-group-item:change",
|
|
|
2619
2619
|
if (d == null || d.emitSelectionChange(!n), this.mode === "single" && !n)
|
|
2620
2620
|
for (const C of i)
|
|
2621
2621
|
(c = this.items.find((p) => p.value === C)) == null || c.emitSelectionChange(!1);
|
|
2622
|
-
this.dispatchEvent(new CustomEvent(
|
|
2622
|
+
this.dispatchEvent(new CustomEvent(f7, {
|
|
2623
2623
|
detail: l.join(" "),
|
|
2624
2624
|
bubbles: !0,
|
|
2625
2625
|
composed: !0
|
|
@@ -2714,7 +2714,7 @@ F([
|
|
|
2714
2714
|
a({ type: Boolean })
|
|
2715
2715
|
], Y.prototype, "gap");
|
|
2716
2716
|
F([
|
|
2717
|
-
|
|
2717
|
+
H()
|
|
2718
2718
|
], Y.prototype, "internalValue");
|
|
2719
2719
|
const p4 = class p4 extends h {
|
|
2720
2720
|
constructor() {
|
|
@@ -2722,11 +2722,11 @@ const p4 = class p4 extends h {
|
|
|
2722
2722
|
}
|
|
2723
2723
|
/** Called by the parent group when the user's action changes this item's selection. */
|
|
2724
2724
|
emitSelectionChange(e) {
|
|
2725
|
-
this.dispatchEvent(new CustomEvent(
|
|
2725
|
+
this.dispatchEvent(new CustomEvent(v7, {
|
|
2726
2726
|
detail: e,
|
|
2727
2727
|
bubbles: !0,
|
|
2728
2728
|
composed: !0
|
|
2729
|
-
})), this.dispatchEvent(new CustomEvent(e ?
|
|
2729
|
+
})), this.dispatchEvent(new CustomEvent(e ? b7 : m7, {
|
|
2730
2730
|
detail: this.value,
|
|
2731
2731
|
bubbles: !0,
|
|
2732
2732
|
composed: !0
|
|
@@ -2829,12 +2829,12 @@ function j2(r) {
|
|
|
2829
2829
|
}
|
|
2830
2830
|
customElements.get("anduin-toggle-group") || customElements.define("anduin-toggle-group", Y);
|
|
2831
2831
|
customElements.get("anduin-toggle-group-item") || customElements.define("anduin-toggle-group-item", q);
|
|
2832
|
-
var
|
|
2832
|
+
var H7 = Object.defineProperty, ne = (r, e, t, o) => {
|
|
2833
2833
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
2834
2834
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
2835
|
-
return i &&
|
|
2835
|
+
return i && H7(e, t, i), i;
|
|
2836
2836
|
};
|
|
2837
|
-
const
|
|
2837
|
+
const re = "anduin-tooltip:show", P5 = "anduin-tooltip:hide", le = "anduin-tooltip:trigger-mounted", ae = "anduin-tooltip:content-popup-mounted", se = "anduin-tooltip:content-popup-unmounted", de = "anduin-tooltip:visibility-changed", y7 = [
|
|
2838
2838
|
"top-start",
|
|
2839
2839
|
"top-center",
|
|
2840
2840
|
"top-end",
|
|
@@ -2885,13 +2885,13 @@ function M3(r, e) {
|
|
|
2885
2885
|
const t = Math.max(r.left, e.left), o = Math.max(r.top, e.top), i = Math.min(r.right, e.right), n = Math.min(r.bottom, e.bottom);
|
|
2886
2886
|
return i < t || n < o ? 0 : (i - t) * (n - o);
|
|
2887
2887
|
}
|
|
2888
|
-
function
|
|
2888
|
+
function _7(r, e, t, o = 8) {
|
|
2889
2889
|
const i = window.innerWidth, n = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: n }, d = e.width, c = e.height;
|
|
2890
2890
|
if (!x3(
|
|
2891
2891
|
{ left: r.left, top: r.top, right: r.right, bottom: r.bottom },
|
|
2892
2892
|
l
|
|
2893
2893
|
)) return null;
|
|
2894
|
-
const C = L3(r, d, c, t, o), p =
|
|
2894
|
+
const C = L3(r, d, c, t, o), p = y7.map((b) => ({ p: b, off: L3(r, d, c, b, o) })).filter(({ off: b }) => x3({ left: b.left, top: b.top, right: b.left + d, bottom: b.top + c }, l));
|
|
2895
2895
|
if (p.length === 0)
|
|
2896
2896
|
return {
|
|
2897
2897
|
placement: t,
|
|
@@ -2904,17 +2904,17 @@ function y7(r, e, t, o = 8) {
|
|
|
2904
2904
|
const S = Math.abs(b.off.left - C.left) + Math.abs(b.off.top - C.top), j = Math.abs(L.off.left - C.left) + Math.abs(L.off.top - C.top);
|
|
2905
2905
|
return S - j;
|
|
2906
2906
|
});
|
|
2907
|
-
const { p: f, off:
|
|
2907
|
+
const { p: f, off: m } = p[0];
|
|
2908
2908
|
return {
|
|
2909
2909
|
placement: f,
|
|
2910
|
-
left: Math.round(Math.min(Math.max(
|
|
2911
|
-
top: Math.round(Math.min(Math.max(
|
|
2910
|
+
left: Math.round(Math.min(Math.max(m.left, 0), i - d)),
|
|
2911
|
+
top: Math.round(Math.min(Math.max(m.top, 0), n - c))
|
|
2912
2912
|
};
|
|
2913
2913
|
}
|
|
2914
2914
|
function t5(r) {
|
|
2915
2915
|
return r.split("-")[0] || "top";
|
|
2916
2916
|
}
|
|
2917
|
-
function
|
|
2917
|
+
function V7(r, e, t) {
|
|
2918
2918
|
let o = !1, i = t.length - 1;
|
|
2919
2919
|
for (let n = 0; n < t.length; n++) {
|
|
2920
2920
|
const l = t[n][0], d = t[n][1], c = t[i][0], C = t[i][1];
|
|
@@ -2927,13 +2927,13 @@ const u4 = class u4 extends h {
|
|
|
2927
2927
|
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;
|
|
2928
2928
|
}
|
|
2929
2929
|
connectedCallback() {
|
|
2930
|
-
super.connectedCallback(), this.addEventListener(
|
|
2930
|
+
super.connectedCallback(), this.addEventListener(le, (e) => {
|
|
2931
2931
|
e.stopPropagation(), this.triggerElement = e.detail, this.maybeStartPositionLoop();
|
|
2932
|
-
}), this.addEventListener(le, (e) => {
|
|
2933
|
-
e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
|
|
2934
2932
|
}), this.addEventListener(ae, (e) => {
|
|
2933
|
+
e.stopPropagation(), this.contentPopupElement = e.detail, this.computeContainingBlockOffset(this.contentPopupElement), this.maybeStartPositionLoop();
|
|
2934
|
+
}), this.addEventListener(se, (e) => {
|
|
2935
2935
|
e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
|
|
2936
|
-
}), this.addEventListener(
|
|
2936
|
+
}), this.addEventListener(re, (e) => {
|
|
2937
2937
|
e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
|
|
2938
2938
|
}), this.addEventListener(P5, (e) => {
|
|
2939
2939
|
e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
|
|
@@ -2966,7 +2966,7 @@ const u4 = class u4 extends h {
|
|
|
2966
2966
|
this.containingBlockLeft = i.left, this.containingBlockTop = i.top, t.style.transform = o;
|
|
2967
2967
|
}
|
|
2968
2968
|
positionPopup(e, t, o) {
|
|
2969
|
-
const i = t.getBoundingClientRect(), n = e.getBoundingClientRect(), l =
|
|
2969
|
+
const i = t.getBoundingClientRect(), n = e.getBoundingClientRect(), l = _7(i, n, o, 8);
|
|
2970
2970
|
if (l) {
|
|
2971
2971
|
const d = e;
|
|
2972
2972
|
d.style.transform = `translate(${l.left - this.containingBlockLeft}px, ${l.top - this.containingBlockTop}px)`;
|
|
@@ -2978,7 +2978,7 @@ const u4 = class u4 extends h {
|
|
|
2978
2978
|
}
|
|
2979
2979
|
}
|
|
2980
2980
|
broadcastVisibilityChanged(e) {
|
|
2981
|
-
this.dispatchEvent(new CustomEvent(
|
|
2981
|
+
this.dispatchEvent(new CustomEvent(de, { detail: e, bubbles: !1, composed: !1 }));
|
|
2982
2982
|
}
|
|
2983
2983
|
render() {
|
|
2984
2984
|
return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
|
|
@@ -2996,18 +2996,18 @@ u4.styles = g`
|
|
|
2996
2996
|
.tooltip-root { display: inline-flex; position: relative; max-width: 100%; }
|
|
2997
2997
|
`;
|
|
2998
2998
|
let g2 = u4;
|
|
2999
|
-
|
|
2999
|
+
ne([
|
|
3000
3000
|
a({ type: Boolean })
|
|
3001
3001
|
], g2.prototype, "disabled");
|
|
3002
|
-
|
|
3002
|
+
ne([
|
|
3003
3003
|
a()
|
|
3004
3004
|
], g2.prototype, "placement");
|
|
3005
3005
|
const h4 = class h4 extends h {
|
|
3006
3006
|
firstUpdated() {
|
|
3007
3007
|
requestAnimationFrame(() => {
|
|
3008
|
-
this.dispatchEvent(new CustomEvent(
|
|
3008
|
+
this.dispatchEvent(new CustomEvent(le, { detail: this, bubbles: !0, composed: !0 }));
|
|
3009
3009
|
}), this.addEventListener("pointerenter", () => {
|
|
3010
|
-
this.dispatchEvent(new CustomEvent(
|
|
3010
|
+
this.dispatchEvent(new CustomEvent(re, { bubbles: !0, composed: !0 }));
|
|
3011
3011
|
}), this.addEventListener("click", () => {
|
|
3012
3012
|
this.dispatchEvent(new CustomEvent(P5, { bubbles: !0, composed: !0 }));
|
|
3013
3013
|
});
|
|
@@ -3027,7 +3027,7 @@ const g4 = class g4 extends h {
|
|
|
3027
3027
|
var n, l;
|
|
3028
3028
|
if (!this.graceArea) return;
|
|
3029
3029
|
const t = e.target, o = ((n = this.triggerEl) == null ? void 0 : n.contains(t)) ?? !1, i = ((l = this.popupEl) == null ? void 0 : l.contains(t)) ?? !1;
|
|
3030
|
-
o || i ? this.graceArea = null :
|
|
3030
|
+
o || i ? this.graceArea = null : V7(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(P5, { bubbles: !0, composed: !0 })));
|
|
3031
3031
|
}, this.handleTriggerLeave = (e) => {
|
|
3032
3032
|
this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
|
|
3033
3033
|
}, this.handleContentLeave = (e) => {
|
|
@@ -3037,7 +3037,7 @@ const g4 = class g4 extends h {
|
|
|
3037
3037
|
connectedCallback() {
|
|
3038
3038
|
super.connectedCallback();
|
|
3039
3039
|
const e = this.closest("anduin-tooltip");
|
|
3040
|
-
e && e.addEventListener(
|
|
3040
|
+
e && e.addEventListener(de, (t) => {
|
|
3041
3041
|
const o = t.detail;
|
|
3042
3042
|
o.startsWith("show:") ? this.showPopup(o.slice(5)) : this.hidePopup();
|
|
3043
3043
|
});
|
|
@@ -3076,10 +3076,10 @@ const g4 = class g4 extends h {
|
|
|
3076
3076
|
const c = d.querySelector("anduin-tooltip-trigger");
|
|
3077
3077
|
c && this.setupGraceAreaListeners(c, o);
|
|
3078
3078
|
}
|
|
3079
|
-
this.dispatchEvent(new CustomEvent(
|
|
3079
|
+
this.dispatchEvent(new CustomEvent(ae, { detail: o, bubbles: !0, composed: !0 }));
|
|
3080
3080
|
}
|
|
3081
3081
|
hidePopup() {
|
|
3082
|
-
this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(
|
|
3082
|
+
this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(se, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
|
|
3083
3083
|
}
|
|
3084
3084
|
render() {
|
|
3085
3085
|
return s`<div class="tooltip-content-wrapper"></div>`;
|
|
@@ -3113,21 +3113,22 @@ let o5 = g4;
|
|
|
3113
3113
|
customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", g2);
|
|
3114
3114
|
customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", i5);
|
|
3115
3115
|
customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", o5);
|
|
3116
|
-
var
|
|
3116
|
+
var L7 = Object.defineProperty, x7 = (r, e, t, o) => {
|
|
3117
3117
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
3118
3118
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
3119
|
-
return i &&
|
|
3119
|
+
return i && L7(e, t, i), i;
|
|
3120
3120
|
};
|
|
3121
|
-
const
|
|
3121
|
+
const M7 = "anduin-well-close:click", f4 = class f4 extends h {
|
|
3122
3122
|
constructor() {
|
|
3123
3123
|
super(...arguments), this.variant = "gray";
|
|
3124
3124
|
}
|
|
3125
3125
|
render() {
|
|
3126
3126
|
return s`
|
|
3127
3127
|
<div class="well well--${this.variant}" part="well">
|
|
3128
|
-
<
|
|
3129
|
-
|
|
3130
|
-
|
|
3128
|
+
<slot
|
|
3129
|
+
name="icon"
|
|
3130
|
+
class="well__icon well__icon--${this.variant}"
|
|
3131
|
+
></slot>
|
|
3131
3132
|
<div class="well__content">
|
|
3132
3133
|
<slot name="title" class="well__title"></slot>
|
|
3133
3134
|
<div><slot></slot></div>
|
|
@@ -3150,7 +3151,17 @@ f4.styles = g`
|
|
|
3150
3151
|
padding: 12px;
|
|
3151
3152
|
gap: 12px;
|
|
3152
3153
|
}
|
|
3153
|
-
|
|
3154
|
+
/*
|
|
3155
|
+
* The icon slot must stay a bare <slot> so that an unslotted icon keeps its
|
|
3156
|
+
* default display: contents and never becomes a flex item of .well -- a 0px
|
|
3157
|
+
* wide flex item would still collect the 12px gap and push the content in.
|
|
3158
|
+
* The box that centres the icon on the first 20px line therefore lives on
|
|
3159
|
+
* the slotted element, not on a wrapper.
|
|
3160
|
+
*/
|
|
3161
|
+
slot[name='icon'] {
|
|
3162
|
+
flex-shrink: 0;
|
|
3163
|
+
}
|
|
3164
|
+
slot[name='icon']::slotted(*) {
|
|
3154
3165
|
height: 20px;
|
|
3155
3166
|
display: flex;
|
|
3156
3167
|
align-items: center;
|
|
@@ -3203,13 +3214,13 @@ f4.styles = g`
|
|
|
3203
3214
|
}
|
|
3204
3215
|
`;
|
|
3205
3216
|
let E2 = f4;
|
|
3206
|
-
|
|
3217
|
+
x7([
|
|
3207
3218
|
a()
|
|
3208
3219
|
], E2.prototype, "variant");
|
|
3209
3220
|
const v4 = class v4 extends h {
|
|
3210
3221
|
onClick() {
|
|
3211
3222
|
this.dispatchEvent(
|
|
3212
|
-
new CustomEvent(
|
|
3223
|
+
new CustomEvent(M7, { bubbles: !0, composed: !0 })
|
|
3213
3224
|
);
|
|
3214
3225
|
}
|
|
3215
3226
|
render() {
|
|
@@ -3252,10 +3263,10 @@ v4.styles = g`
|
|
|
3252
3263
|
let n5 = v4;
|
|
3253
3264
|
customElements.get("anduin-well") || customElements.define("anduin-well", E2);
|
|
3254
3265
|
customElements.get("anduin-well-close") || customElements.define("anduin-well-close", n5);
|
|
3255
|
-
var
|
|
3266
|
+
var w7 = Object.defineProperty, k1 = (r, e, t, o) => {
|
|
3256
3267
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
3257
3268
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
3258
|
-
return i &&
|
|
3269
|
+
return i && w7(e, t, i), i;
|
|
3259
3270
|
};
|
|
3260
3271
|
const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class b4 extends h {
|
|
3261
3272
|
constructor() {
|
|
@@ -3306,11 +3317,11 @@ const r5 = "anduin-popover:close", l5 = "anduin-popover:open-change", b4 = class
|
|
|
3306
3317
|
const n = t.getBoundingClientRect();
|
|
3307
3318
|
t.style.transform = i;
|
|
3308
3319
|
const l = t.getBoundingClientRect(), d = 4, c = window.innerWidth, C = window.innerHeight, p = 8;
|
|
3309
|
-
let f = 0,
|
|
3320
|
+
let f = 0, m = 0, b = "bottom";
|
|
3310
3321
|
const L = !this.placement.startsWith("top"), _ = C - o.bottom - d, v = o.top - d, x = _ >= l.height, M = v >= l.height, S = L ? x || _ >= v : !M && x;
|
|
3311
|
-
b = S ? "bottom" : "top",
|
|
3322
|
+
b = S ? "bottom" : "top", m = S ? o.bottom + d : o.top - l.height - d;
|
|
3312
3323
|
const j = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
|
|
3313
|
-
j === "start" ? f = o.left : j === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)),
|
|
3324
|
+
j === "start" ? f = o.left : j === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)), m = Math.max(p, Math.min(m, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(m - n.top)}px)`, t.dataset.side = b;
|
|
3314
3325
|
}
|
|
3315
3326
|
render() {
|
|
3316
3327
|
return s`
|
|
@@ -3389,10 +3400,10 @@ k1([
|
|
|
3389
3400
|
a({ type: Boolean, attribute: "full-width", reflect: !0 })
|
|
3390
3401
|
], X.prototype, "fullWidth");
|
|
3391
3402
|
k1([
|
|
3392
|
-
|
|
3403
|
+
H()
|
|
3393
3404
|
], X.prototype, "_visible");
|
|
3394
3405
|
k1([
|
|
3395
|
-
|
|
3406
|
+
H()
|
|
3396
3407
|
], X.prototype, "_closing");
|
|
3397
3408
|
k1([
|
|
3398
3409
|
z(".popover__trigger")
|
|
@@ -3412,10 +3423,10 @@ const m4 = class m4 extends h {
|
|
|
3412
3423
|
m4.styles = g`:host { display: contents; }`;
|
|
3413
3424
|
let a5 = m4;
|
|
3414
3425
|
customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", a5);
|
|
3415
|
-
var
|
|
3426
|
+
var Z7 = Object.defineProperty, R1 = (r, e, t, o) => {
|
|
3416
3427
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
3417
3428
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
3418
|
-
return i &&
|
|
3429
|
+
return i && Z7(e, t, i), i;
|
|
3419
3430
|
};
|
|
3420
3431
|
const s5 = "anduin-menu-item:click", H4 = class H4 extends h {
|
|
3421
3432
|
constructor() {
|
|
@@ -3603,18 +3614,18 @@ R1([
|
|
|
3603
3614
|
], T1.prototype, "disabled");
|
|
3604
3615
|
customElements.get("anduin-menu") || customElements.define("anduin-menu", Z1);
|
|
3605
3616
|
customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", T1);
|
|
3606
|
-
var
|
|
3617
|
+
var k7 = Object.defineProperty, $1 = (r, e, t, o) => {
|
|
3607
3618
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
3608
3619
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
3609
|
-
return i &&
|
|
3620
|
+
return i && k7(e, t, i), i;
|
|
3610
3621
|
};
|
|
3611
|
-
const Q1 = "anduin-close",
|
|
3612
|
-
let i2 = 0,
|
|
3613
|
-
function
|
|
3614
|
-
typeof document > "u" || (i2 === 0 && (
|
|
3622
|
+
const Q1 = "anduin-close", R7 = "anduin-after-close", U2 = 300, G2 = 200, w3 = 250;
|
|
3623
|
+
let i2 = 0, ce = "";
|
|
3624
|
+
function $7() {
|
|
3625
|
+
typeof document > "u" || (i2 === 0 && (ce = document.body.style.overflow, document.body.style.overflow = "hidden"), i2++);
|
|
3615
3626
|
}
|
|
3616
3627
|
function Z3() {
|
|
3617
|
-
typeof document > "u" || i2 !== 0 && (i2--, i2 === 0 && (document.body.style.overflow =
|
|
3628
|
+
typeof document > "u" || i2 !== 0 && (i2--, i2 === 0 && (document.body.style.overflow = ce));
|
|
3618
3629
|
}
|
|
3619
3630
|
var p1;
|
|
3620
3631
|
const H1 = (p1 = class extends h {
|
|
@@ -3628,10 +3639,10 @@ const H1 = (p1 = class extends h {
|
|
|
3628
3639
|
const t = this.maxWidth, o = p1._PRESETS.has(t) ? `${t}px` : t;
|
|
3629
3640
|
this.style.setProperty("--_modal-width", o);
|
|
3630
3641
|
}
|
|
3631
|
-
e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0,
|
|
3642
|
+
e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown"), this._holdsScrollLock || (this._holdsScrollLock = !0, $7())) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(
|
|
3632
3643
|
() => {
|
|
3633
3644
|
this._leaving = !1, this.classList.remove("is-shown"), this._holdsScrollLock && (this._holdsScrollLock = !1, Z3()), this.dispatchEvent(
|
|
3634
|
-
new CustomEvent(
|
|
3645
|
+
new CustomEvent(R7, {
|
|
3635
3646
|
bubbles: !0,
|
|
3636
3647
|
composed: !0
|
|
3637
3648
|
})
|
|
@@ -3909,11 +3920,11 @@ $1([
|
|
|
3909
3920
|
a({ type: Boolean })
|
|
3910
3921
|
], H1.prototype, "fullscreen");
|
|
3911
3922
|
$1([
|
|
3912
|
-
|
|
3923
|
+
H()
|
|
3913
3924
|
], H1.prototype, "_leaving");
|
|
3914
|
-
let
|
|
3915
|
-
customElements.get("anduin-modal") || customElements.define("anduin-modal",
|
|
3916
|
-
class
|
|
3925
|
+
let E7 = H1;
|
|
3926
|
+
customElements.get("anduin-modal") || customElements.define("anduin-modal", E7);
|
|
3927
|
+
class z7 extends HTMLElement {
|
|
3917
3928
|
constructor() {
|
|
3918
3929
|
super(...arguments), this._onClick = () => {
|
|
3919
3930
|
this.dispatchEvent(
|
|
@@ -3928,13 +3939,13 @@ class E7 extends HTMLElement {
|
|
|
3928
3939
|
this.removeEventListener("click", this._onClick);
|
|
3929
3940
|
}
|
|
3930
3941
|
}
|
|
3931
|
-
customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close",
|
|
3932
|
-
var
|
|
3942
|
+
customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", z7);
|
|
3943
|
+
var S7 = Object.defineProperty, a1 = (r, e, t, o) => {
|
|
3933
3944
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
3934
3945
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
3935
|
-
return i &&
|
|
3946
|
+
return i && S7(e, t, i), i;
|
|
3936
3947
|
};
|
|
3937
|
-
const d5 = "anduin-radio:change",
|
|
3948
|
+
const d5 = "anduin-radio:change", A7 = "anduin-radio-group:change", _4 = class _4 extends h {
|
|
3938
3949
|
constructor() {
|
|
3939
3950
|
super(...arguments), this.checked = !1, this.disabled = !1, this.readonly = !1, this.value = "", this.name = "", this.inputid = "";
|
|
3940
3951
|
}
|
|
@@ -4059,26 +4070,26 @@ _4.styles = g`
|
|
|
4059
4070
|
transform: scale(1);
|
|
4060
4071
|
}
|
|
4061
4072
|
`;
|
|
4062
|
-
let
|
|
4063
|
-
|
|
4073
|
+
let r1 = _4;
|
|
4074
|
+
a1([
|
|
4064
4075
|
a({ type: Boolean })
|
|
4065
|
-
],
|
|
4066
|
-
|
|
4076
|
+
], r1.prototype, "checked");
|
|
4077
|
+
a1([
|
|
4067
4078
|
a({ type: Boolean })
|
|
4068
|
-
],
|
|
4069
|
-
|
|
4079
|
+
], r1.prototype, "disabled");
|
|
4080
|
+
a1([
|
|
4070
4081
|
a({ type: Boolean })
|
|
4071
|
-
],
|
|
4072
|
-
|
|
4082
|
+
], r1.prototype, "readonly");
|
|
4083
|
+
a1([
|
|
4073
4084
|
a()
|
|
4074
|
-
],
|
|
4075
|
-
|
|
4085
|
+
], r1.prototype, "value");
|
|
4086
|
+
a1([
|
|
4076
4087
|
a()
|
|
4077
|
-
],
|
|
4078
|
-
|
|
4088
|
+
], r1.prototype, "name");
|
|
4089
|
+
a1([
|
|
4079
4090
|
a()
|
|
4080
|
-
],
|
|
4081
|
-
customElements.get("anduin-radio") || customElements.define("anduin-radio",
|
|
4091
|
+
], r1.prototype, "inputid");
|
|
4092
|
+
customElements.get("anduin-radio") || customElements.define("anduin-radio", r1);
|
|
4082
4093
|
const V4 = class V4 extends h {
|
|
4083
4094
|
constructor() {
|
|
4084
4095
|
super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
|
|
@@ -4086,7 +4097,7 @@ const V4 = class V4 extends h {
|
|
|
4086
4097
|
o !== this.value && (this.value = o, this.querySelectorAll("anduin-radio").forEach((i) => {
|
|
4087
4098
|
const n = i;
|
|
4088
4099
|
n.checked = n.value === o;
|
|
4089
|
-
}), this.dispatchEvent(new CustomEvent(
|
|
4100
|
+
}), this.dispatchEvent(new CustomEvent(A7, {
|
|
4090
4101
|
detail: o,
|
|
4091
4102
|
bubbles: !0,
|
|
4092
4103
|
composed: !0
|
|
@@ -4118,20 +4129,20 @@ V4.styles = g`
|
|
|
4118
4129
|
.group--horizontal { flex-direction: row; flex-wrap: wrap; align-items: center; }
|
|
4119
4130
|
`;
|
|
4120
4131
|
let N1 = V4;
|
|
4121
|
-
|
|
4132
|
+
a1([
|
|
4122
4133
|
a()
|
|
4123
4134
|
], N1.prototype, "value");
|
|
4124
|
-
|
|
4135
|
+
a1([
|
|
4125
4136
|
a()
|
|
4126
4137
|
], N1.prototype, "name");
|
|
4127
|
-
|
|
4138
|
+
a1([
|
|
4128
4139
|
a()
|
|
4129
4140
|
], N1.prototype, "orientation");
|
|
4130
4141
|
customElements.get("anduin-radio-group") || customElements.define("anduin-radio-group", N1);
|
|
4131
|
-
var
|
|
4142
|
+
var D7 = Object.defineProperty, E1 = (r, e, t, o) => {
|
|
4132
4143
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
4133
4144
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
4134
|
-
return i &&
|
|
4145
|
+
return i && D7(e, t, i), i;
|
|
4135
4146
|
};
|
|
4136
4147
|
const k3 = [
|
|
4137
4148
|
{ bg: "#6172F3", text: "#ffffff" },
|
|
@@ -4143,12 +4154,12 @@ const k3 = [
|
|
|
4143
4154
|
{ bg: "#F97066", text: "#ffffff" },
|
|
4144
4155
|
{ bg: "#7A5AF8", text: "#ffffff" }
|
|
4145
4156
|
];
|
|
4146
|
-
function
|
|
4157
|
+
function B7(r) {
|
|
4147
4158
|
let e = 0;
|
|
4148
4159
|
for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
|
|
4149
4160
|
return k3[e % k3.length];
|
|
4150
4161
|
}
|
|
4151
|
-
function
|
|
4162
|
+
function P7(r) {
|
|
4152
4163
|
var t;
|
|
4153
4164
|
const e = r.trim().split(/\s+/);
|
|
4154
4165
|
return e.length === 1 ? ((t = e[0][0]) == null ? void 0 : t.toUpperCase()) ?? "" : ((e[0][0] ?? "") + (e[e.length - 1][0] ?? "")).toUpperCase();
|
|
@@ -4164,7 +4175,7 @@ const L4 = class L4 extends h {
|
|
|
4164
4175
|
return this.size <= 16 ? 10 : this.size <= 20 ? 12 : this.size <= 24 ? 14 : 18;
|
|
4165
4176
|
}
|
|
4166
4177
|
render() {
|
|
4167
|
-
const e = !!this.src && !this._imgError, t = this.name || this.icon ?
|
|
4178
|
+
const e = !!this.src && !this._imgError, t = this.name || this.icon ? B7(this.name || this.icon) : { bg: "#F2F4F7", text: "#667085" }, o = this.name ? P7(this.name) : "";
|
|
4168
4179
|
return s`
|
|
4169
4180
|
<div
|
|
4170
4181
|
class="avatar avatar--${this.shape} avatar--${this.size}"
|
|
@@ -4231,7 +4242,7 @@ E1([
|
|
|
4231
4242
|
a()
|
|
4232
4243
|
], J.prototype, "shape");
|
|
4233
4244
|
E1([
|
|
4234
|
-
|
|
4245
|
+
H()
|
|
4235
4246
|
], J.prototype, "_imgError");
|
|
4236
4247
|
customElements.get("anduin-avatar") || customElements.define("anduin-avatar", J);
|
|
4237
4248
|
/**
|
|
@@ -4239,8 +4250,8 @@ customElements.get("anduin-avatar") || customElements.define("anduin-avatar", J)
|
|
|
4239
4250
|
* Copyright 2017 Google LLC
|
|
4240
4251
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4241
4252
|
*/
|
|
4242
|
-
const
|
|
4243
|
-
class
|
|
4253
|
+
const F7 = { CHILD: 2 }, O7 = (r) => (...e) => ({ _$litDirective$: r, values: e });
|
|
4254
|
+
class I7 {
|
|
4244
4255
|
constructor(e) {
|
|
4245
4256
|
}
|
|
4246
4257
|
get _$AU() {
|
|
@@ -4261,9 +4272,9 @@ class O7 {
|
|
|
4261
4272
|
* Copyright 2017 Google LLC
|
|
4262
4273
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4263
4274
|
*/
|
|
4264
|
-
class c5 extends
|
|
4275
|
+
class c5 extends I7 {
|
|
4265
4276
|
constructor(e) {
|
|
4266
|
-
if (super(e), this.it = u, e.type !==
|
|
4277
|
+
if (super(e), this.it = u, e.type !== F7.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
4267
4278
|
}
|
|
4268
4279
|
render(e) {
|
|
4269
4280
|
if (e === u || e == null) return this._t = void 0, this.it = e;
|
|
@@ -4284,7 +4295,7 @@ c5.directiveName = "unsafeHTML", c5.resultType = 1;
|
|
|
4284
4295
|
class C5 extends c5 {
|
|
4285
4296
|
}
|
|
4286
4297
|
C5.directiveName = "unsafeSVG", C5.resultType = 2;
|
|
4287
|
-
const
|
|
4298
|
+
const T7 = O7(C5), N7 = {
|
|
4288
4299
|
archive: {
|
|
4289
4300
|
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"/>
|
|
4290
4301
|
<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"/>
|
|
@@ -4528,26 +4539,26 @@ const I7 = F7(C5), T7 = {
|
|
|
4528
4539
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H18.5H18.5147C18.8078 2 19.0982 2.02573 19.3829 2.07593C19.7452 2.22622 20 2.58335 20 3V8C20 8.55228 20.4477 9 21 9H26C26.4166 9 26.7738 9.25482 26.9241 9.6171C26.9743 9.90183 27 10.1922 27 10.4853V29C27 29.5523 26.5523 30 26 30H6C5.44772 30 5 29.5523 5 29V3C5 2.44772 5.44772 2 6 2ZM27.9804 10C27.9934 10.1608 28 10.3227 28 10.4853V29C28 30.1046 27.1046 31 26 31H6C4.89543 31 4 30.1046 4 29V3C4 1.89543 4.89543 1 6 1H18.5H18.5147C20.0951 1 21.6113 1.62353 22.7342 2.73435C22.742 2.742 22.7497 2.74967 22.7574 2.75736L26.2426 6.24264L26.5858 6.58579C27.4913 7.49129 28 8.71942 28 10H27.9804Z" fill="#AADAF9"/>
|
|
4529
4540
|
<path d="M18.875 21.5385L20.3324 13.4117C20.3751 13.1734 20.5825 13 20.8246 13H22.1261C22.4436 13 22.6808 13.2921 22.6154 13.6029L20.3023 24.6029C20.2536 24.8343 20.0494 25 19.813 25H18.2572C18.0243 25 17.8223 24.8393 17.77 24.6124L16.0078 16.9725L14.2457 24.6124C14.1933 24.8393 13.9913 25 13.7584 25H12.2027C11.9662 25 11.762 24.8343 11.7134 24.6029L9.40022 13.6029C9.33487 13.2921 9.57198 13 9.88952 13H11.1916C11.4335 13 11.6406 13.1731 11.6836 13.4111L13.1484 21.522L14.9371 13.3926C14.9875 13.1633 15.1906 13 15.4254 13H16.6053C16.8403 13 17.0436 13.1636 17.0938 13.3932L18.875 21.5385Z" fill="#1075DC"/>` }
|
|
4530
4541
|
}
|
|
4531
|
-
},
|
|
4532
|
-
function
|
|
4533
|
-
const t =
|
|
4542
|
+
}, j7 = [32, 24, 16];
|
|
4543
|
+
function U7(r, e) {
|
|
4544
|
+
const t = N7[r];
|
|
4534
4545
|
if (!t) return null;
|
|
4535
4546
|
if (t[e]) return t[e];
|
|
4536
|
-
for (const o of
|
|
4547
|
+
for (const o of j7)
|
|
4537
4548
|
if (t[o]) return t[o];
|
|
4538
4549
|
return null;
|
|
4539
4550
|
}
|
|
4540
|
-
var
|
|
4551
|
+
var G7 = Object.defineProperty, Ce = (r, e, t, o) => {
|
|
4541
4552
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
4542
4553
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
4543
|
-
return i &&
|
|
4554
|
+
return i && G7(e, t, i), i;
|
|
4544
4555
|
};
|
|
4545
4556
|
const x4 = class x4 extends h {
|
|
4546
4557
|
constructor() {
|
|
4547
4558
|
super(...arguments), this.type = "pdf", this.size = 32;
|
|
4548
4559
|
}
|
|
4549
4560
|
render() {
|
|
4550
|
-
const e =
|
|
4561
|
+
const e = U7(this.type, this.size);
|
|
4551
4562
|
return e ? s`
|
|
4552
4563
|
<svg
|
|
4553
4564
|
width=${this.size}
|
|
@@ -4558,7 +4569,7 @@ const x4 = class x4 extends h {
|
|
|
4558
4569
|
aria-label="${this.type} file"
|
|
4559
4570
|
role="img"
|
|
4560
4571
|
>
|
|
4561
|
-
${
|
|
4572
|
+
${T7(e.paths)}
|
|
4562
4573
|
</svg>
|
|
4563
4574
|
` : u;
|
|
4564
4575
|
}
|
|
@@ -4568,17 +4579,17 @@ x4.styles = g`
|
|
|
4568
4579
|
svg { display: block; }
|
|
4569
4580
|
`;
|
|
4570
4581
|
let f2 = x4;
|
|
4571
|
-
|
|
4582
|
+
Ce([
|
|
4572
4583
|
a()
|
|
4573
4584
|
], f2.prototype, "type");
|
|
4574
|
-
|
|
4585
|
+
Ce([
|
|
4575
4586
|
a({ type: Number })
|
|
4576
4587
|
], f2.prototype, "size");
|
|
4577
4588
|
customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", f2);
|
|
4578
|
-
var
|
|
4589
|
+
var K7 = Object.defineProperty, z1 = (r, e, t, o) => {
|
|
4579
4590
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
4580
4591
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
4581
|
-
return i &&
|
|
4592
|
+
return i && K7(e, t, i), i;
|
|
4582
4593
|
};
|
|
4583
4594
|
const R3 = {
|
|
4584
4595
|
gray: "info",
|
|
@@ -4586,7 +4597,7 @@ const R3 = {
|
|
|
4586
4597
|
success: "checkCircle",
|
|
4587
4598
|
warning: "warning",
|
|
4588
4599
|
danger: "error"
|
|
4589
|
-
},
|
|
4600
|
+
}, W7 = "anduin-toast:dismiss", M4 = class M4 extends h {
|
|
4590
4601
|
constructor() {
|
|
4591
4602
|
super(...arguments), this.variant = "gray", this.heading = "", this.description = "", this._dismissing = !1;
|
|
4592
4603
|
}
|
|
@@ -4597,7 +4608,7 @@ const R3 = {
|
|
|
4597
4608
|
const e = (o) => {
|
|
4598
4609
|
var i;
|
|
4599
4610
|
o.propertyName === "opacity" && ((i = this._toastEl) == null || i.removeEventListener("transitionend", e), this.dispatchEvent(
|
|
4600
|
-
new CustomEvent(
|
|
4611
|
+
new CustomEvent(W7, { bubbles: !0, composed: !0 })
|
|
4601
4612
|
));
|
|
4602
4613
|
};
|
|
4603
4614
|
(t = this._toastEl) == null || t.addEventListener("transitionend", e);
|
|
@@ -4771,7 +4782,7 @@ z1([
|
|
|
4771
4782
|
a()
|
|
4772
4783
|
], g1.prototype, "description");
|
|
4773
4784
|
z1([
|
|
4774
|
-
|
|
4785
|
+
H()
|
|
4775
4786
|
], g1.prototype, "_dismissing");
|
|
4776
4787
|
z1([
|
|
4777
4788
|
z(".toast")
|
|
@@ -4873,12 +4884,12 @@ z1([
|
|
|
4873
4884
|
a()
|
|
4874
4885
|
], v2.prototype, "position");
|
|
4875
4886
|
z1([
|
|
4876
|
-
|
|
4887
|
+
H()
|
|
4877
4888
|
], v2.prototype, "_toasts");
|
|
4878
4889
|
customElements.get("anduin-toaster") || customElements.define("anduin-toaster", v2);
|
|
4879
|
-
const
|
|
4890
|
+
const j0 = {
|
|
4880
4891
|
show(r) {
|
|
4881
|
-
return
|
|
4892
|
+
return Y7(r.position).show(r);
|
|
4882
4893
|
},
|
|
4883
4894
|
success(r, e, t) {
|
|
4884
4895
|
return this.show({ ...t, variant: "success", heading: r, description: e });
|
|
@@ -4896,22 +4907,22 @@ const N0 = {
|
|
|
4896
4907
|
return this.show({ ...t, variant: "gray", heading: r, description: e });
|
|
4897
4908
|
}
|
|
4898
4909
|
}, K2 = /* @__PURE__ */ new Map();
|
|
4899
|
-
function
|
|
4910
|
+
function Y7(r = "bottom-left") {
|
|
4900
4911
|
if (K2.has(r)) return K2.get(r);
|
|
4901
4912
|
const e = document.createElement("anduin-toaster");
|
|
4902
4913
|
return e.position = r, document.body.appendChild(e), K2.set(r, e), e;
|
|
4903
4914
|
}
|
|
4904
|
-
var
|
|
4915
|
+
var q7 = Object.defineProperty, pe = (r, e, t, o) => {
|
|
4905
4916
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
4906
4917
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
4907
|
-
return i &&
|
|
4918
|
+
return i && q7(e, t, i), i;
|
|
4908
4919
|
};
|
|
4909
|
-
const
|
|
4920
|
+
const X7 = "anduin-switcher:change", Z4 = class Z4 extends h {
|
|
4910
4921
|
constructor() {
|
|
4911
4922
|
super(...arguments), this.checked = !1, this.disabled = !1;
|
|
4912
4923
|
}
|
|
4913
4924
|
onChange() {
|
|
4914
|
-
this.checked = !this.checked, this.dispatchEvent(new CustomEvent(
|
|
4925
|
+
this.checked = !this.checked, this.dispatchEvent(new CustomEvent(X7, {
|
|
4915
4926
|
detail: this.checked,
|
|
4916
4927
|
bubbles: !0,
|
|
4917
4928
|
composed: !0
|
|
@@ -5000,17 +5011,17 @@ Z4.styles = g`
|
|
|
5000
5011
|
}
|
|
5001
5012
|
`;
|
|
5002
5013
|
let b2 = Z4;
|
|
5003
|
-
|
|
5014
|
+
pe([
|
|
5004
5015
|
a({ type: Boolean })
|
|
5005
5016
|
], b2.prototype, "checked");
|
|
5006
|
-
|
|
5017
|
+
pe([
|
|
5007
5018
|
a({ type: Boolean })
|
|
5008
5019
|
], b2.prototype, "disabled");
|
|
5009
5020
|
customElements.get("anduin-switcher") || customElements.define("anduin-switcher", b2);
|
|
5010
|
-
var
|
|
5021
|
+
var J7 = Object.defineProperty, D = (r, e, t, o) => {
|
|
5011
5022
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
5012
5023
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
5013
|
-
return i &&
|
|
5024
|
+
return i && J7(e, t, i), i;
|
|
5014
5025
|
};
|
|
5015
5026
|
const $3 = "anduin-dropdown:change", k4 = class k4 extends h {
|
|
5016
5027
|
constructor() {
|
|
@@ -5066,7 +5077,7 @@ const $3 = "anduin-dropdown:change", k4 = class k4 extends h {
|
|
|
5066
5077
|
t.style.transform = i;
|
|
5067
5078
|
const l = t.querySelector(".panel__inner");
|
|
5068
5079
|
l && (l.style.minWidth = `${o.width}px`);
|
|
5069
|
-
const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8,
|
|
5080
|
+
const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, m = p - o.bottom - c, b = o.top - c, _ = d.height <= m || m >= b ? o.bottom + c : o.top - d.height - c;
|
|
5070
5081
|
let v = o.left;
|
|
5071
5082
|
this.placement === "bottom-end" ? v = o.right - d.width : this.placement === "bottom" && (v = o.left + o.width / 2 - d.width / 2), v = Math.max(f, Math.min(v, C - d.width - f));
|
|
5072
5083
|
const x = Math.max(f, Math.min(_, p - d.height - f));
|
|
@@ -5352,10 +5363,10 @@ D([
|
|
|
5352
5363
|
a({ type: Boolean, attribute: "full-width", reflect: !0 })
|
|
5353
5364
|
], Z.prototype, "fullWidth");
|
|
5354
5365
|
D([
|
|
5355
|
-
|
|
5366
|
+
H()
|
|
5356
5367
|
], Z.prototype, "_open");
|
|
5357
5368
|
D([
|
|
5358
|
-
|
|
5369
|
+
H()
|
|
5359
5370
|
], Z.prototype, "_query");
|
|
5360
5371
|
D([
|
|
5361
5372
|
z(".trigger")
|
|
@@ -5367,12 +5378,12 @@ D([
|
|
|
5367
5378
|
z("anduin-input")
|
|
5368
5379
|
], Z.prototype, "_searchEl");
|
|
5369
5380
|
customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", Z);
|
|
5370
|
-
var
|
|
5381
|
+
var Q7 = Object.defineProperty, y1 = (r, e, t, o) => {
|
|
5371
5382
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
5372
5383
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
5373
|
-
return i &&
|
|
5384
|
+
return i && Q7(e, t, i), i;
|
|
5374
5385
|
};
|
|
5375
|
-
const p5 = "anduin-close",
|
|
5386
|
+
const p5 = "anduin-close", e0 = "anduin-after-close", t0 = 300, E3 = 250, i0 = /* @__PURE__ */ new Map([
|
|
5376
5387
|
["320", 320],
|
|
5377
5388
|
["360", 360],
|
|
5378
5389
|
["400", 400],
|
|
@@ -5396,12 +5407,12 @@ const p5 = "anduin-close", Q7 = "anduin-after-close", e0 = 300, E3 = 250, t0 = /
|
|
|
5396
5407
|
};
|
|
5397
5408
|
}
|
|
5398
5409
|
willUpdate(e) {
|
|
5399
|
-
e.has("defaultWidth") && (this._width =
|
|
5410
|
+
e.has("defaultWidth") && (this._width = i0.get(this.defaultWidth) ?? (parseInt(this.defaultWidth) || 320));
|
|
5400
5411
|
}
|
|
5401
5412
|
updated(e) {
|
|
5402
5413
|
e.has("open") && (this.open ? (this._leaving = !1, this.classList.add("is-shown")) : this.classList.contains("is-shown") && (this._leaving = !0, setTimeout(() => {
|
|
5403
5414
|
this._leaving = !1, this.classList.remove("is-shown"), this.dispatchEvent(
|
|
5404
|
-
new CustomEvent(
|
|
5415
|
+
new CustomEvent(e0, {
|
|
5405
5416
|
bubbles: !0,
|
|
5406
5417
|
composed: !0
|
|
5407
5418
|
})
|
|
@@ -5507,7 +5518,7 @@ R4.styles = g`
|
|
|
5507
5518
|
box-shadow:
|
|
5508
5519
|
-8px 0 24px 0 rgba(29, 41, 57, 0.12),
|
|
5509
5520
|
-2px 0 8px 0 rgba(29, 41, 57, 0.08);
|
|
5510
|
-
animation: drawerIn ${
|
|
5521
|
+
animation: drawerIn ${t0}ms cubic-bezier(0.05, 0.7, 0.1, 1)
|
|
5511
5522
|
forwards;
|
|
5512
5523
|
min-width: 200px;
|
|
5513
5524
|
max-width: 90vw;
|
|
@@ -5598,13 +5609,13 @@ y1([
|
|
|
5598
5609
|
a({ type: Boolean, attribute: "allow-interact-outside" })
|
|
5599
5610
|
], G.prototype, "allowInteractOutside");
|
|
5600
5611
|
y1([
|
|
5601
|
-
|
|
5612
|
+
H()
|
|
5602
5613
|
], G.prototype, "_leaving");
|
|
5603
5614
|
y1([
|
|
5604
|
-
|
|
5615
|
+
H()
|
|
5605
5616
|
], G.prototype, "_width");
|
|
5606
5617
|
customElements.get("anduin-drawer") || customElements.define("anduin-drawer", G);
|
|
5607
|
-
class
|
|
5618
|
+
class o0 extends HTMLElement {
|
|
5608
5619
|
constructor() {
|
|
5609
5620
|
super(...arguments), this._onClick = () => {
|
|
5610
5621
|
this.dispatchEvent(
|
|
@@ -5619,13 +5630,13 @@ class i0 extends HTMLElement {
|
|
|
5619
5630
|
this.removeEventListener("click", this._onClick);
|
|
5620
5631
|
}
|
|
5621
5632
|
}
|
|
5622
|
-
customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close",
|
|
5623
|
-
var
|
|
5633
|
+
customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", o0);
|
|
5634
|
+
var n0 = Object.defineProperty, R = (r, e, t, o) => {
|
|
5624
5635
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
5625
5636
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
5626
|
-
return i &&
|
|
5637
|
+
return i && n0(e, t, i), i;
|
|
5627
5638
|
};
|
|
5628
|
-
const W2 = "anduin-suggestion:change",
|
|
5639
|
+
const W2 = "anduin-suggestion:change", r0 = "anduin-suggestion:select", l0 = "anduin-suggestion:clear", $4 = class $4 extends h {
|
|
5629
5640
|
constructor() {
|
|
5630
5641
|
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) => {
|
|
5631
5642
|
var t;
|
|
@@ -5702,7 +5713,7 @@ const W2 = "anduin-suggestion:change", n0 = "anduin-suggestion:select", r0 = "an
|
|
|
5702
5713
|
detail: this.value,
|
|
5703
5714
|
bubbles: !0,
|
|
5704
5715
|
composed: !0
|
|
5705
|
-
})), this.dispatchEvent(new CustomEvent(
|
|
5716
|
+
})), this.dispatchEvent(new CustomEvent(r0, {
|
|
5706
5717
|
detail: e,
|
|
5707
5718
|
bubbles: !0,
|
|
5708
5719
|
composed: !0
|
|
@@ -5710,7 +5721,7 @@ const W2 = "anduin-suggestion:change", n0 = "anduin-suggestion:select", r0 = "an
|
|
|
5710
5721
|
}
|
|
5711
5722
|
_onClear() {
|
|
5712
5723
|
var e;
|
|
5713
|
-
this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(W2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(
|
|
5724
|
+
this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(W2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(l0, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
|
|
5714
5725
|
}
|
|
5715
5726
|
_updatePosition() {
|
|
5716
5727
|
var M;
|
|
@@ -5722,7 +5733,7 @@ const W2 = "anduin-suggestion:change", n0 = "anduin-suggestion:select", r0 = "an
|
|
|
5722
5733
|
t.style.transform = i;
|
|
5723
5734
|
const l = t.querySelector(".panel__inner");
|
|
5724
5735
|
l && (l.style.minWidth = `${o.width}px`);
|
|
5725
|
-
const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8,
|
|
5736
|
+
const d = t.getBoundingClientRect(), c = 4, C = window.innerWidth, p = window.innerHeight, f = 8, m = p - o.bottom - c, b = o.top - c, _ = d.height <= m || m >= b ? o.bottom + c : o.top - d.height - c;
|
|
5726
5737
|
let v = o.left;
|
|
5727
5738
|
v = Math.max(f, Math.min(v, C - d.width - f));
|
|
5728
5739
|
const x = Math.max(f, Math.min(_, p - d.height - f));
|
|
@@ -5784,8 +5795,8 @@ const W2 = "anduin-suggestion:change", n0 = "anduin-suggestion:select", r0 = "an
|
|
|
5784
5795
|
@mouseenter=${() => {
|
|
5785
5796
|
this._activeIndex = f;
|
|
5786
5797
|
}}
|
|
5787
|
-
@mousedown=${(
|
|
5788
|
-
|
|
5798
|
+
@mousedown=${(m) => {
|
|
5799
|
+
m.preventDefault(), this._selectSuggestion(p);
|
|
5789
5800
|
}}
|
|
5790
5801
|
>
|
|
5791
5802
|
${p.icon ? s`<anduin-icon name=${p.icon} size="16"></anduin-icon>` : u}
|
|
@@ -5955,10 +5966,10 @@ R([
|
|
|
5955
5966
|
a({ attribute: "empty-text" })
|
|
5956
5967
|
], w.prototype, "emptyText");
|
|
5957
5968
|
R([
|
|
5958
|
-
|
|
5969
|
+
H()
|
|
5959
5970
|
], w.prototype, "_open");
|
|
5960
5971
|
R([
|
|
5961
|
-
|
|
5972
|
+
H()
|
|
5962
5973
|
], w.prototype, "_activeIndex");
|
|
5963
5974
|
R([
|
|
5964
5975
|
z("input")
|
|
@@ -5967,17 +5978,17 @@ R([
|
|
|
5967
5978
|
z(".panel")
|
|
5968
5979
|
], w.prototype, "_panelEl");
|
|
5969
5980
|
customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", w);
|
|
5970
|
-
var
|
|
5981
|
+
var a0 = Object.defineProperty, W = (r, e, t, o) => {
|
|
5971
5982
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
5972
5983
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
5973
|
-
return i &&
|
|
5984
|
+
return i && a0(e, t, i), i;
|
|
5974
5985
|
};
|
|
5975
|
-
const
|
|
5986
|
+
const s0 = "anduin-navigation:change", u5 = "anduin-navigation-item:item-click", E4 = class E4 extends h {
|
|
5976
5987
|
constructor() {
|
|
5977
5988
|
super(...arguments), this.defaultValue = "", this.value = null, this.theme = "light", this.alignment = "left", this.internalValue = "", this.onItemClick = (e) => {
|
|
5978
5989
|
e.stopPropagation();
|
|
5979
5990
|
const o = e.detail;
|
|
5980
|
-
o !== this.selection && (this.dispatchEvent(new CustomEvent(
|
|
5991
|
+
o !== this.selection && (this.dispatchEvent(new CustomEvent(s0, {
|
|
5981
5992
|
detail: o,
|
|
5982
5993
|
bubbles: !0,
|
|
5983
5994
|
composed: !0
|
|
@@ -6072,7 +6083,7 @@ W([
|
|
|
6072
6083
|
a()
|
|
6073
6084
|
], f1.prototype, "alignment");
|
|
6074
6085
|
W([
|
|
6075
|
-
|
|
6086
|
+
H()
|
|
6076
6087
|
], f1.prototype, "internalValue");
|
|
6077
6088
|
const z4 = class z4 extends h {
|
|
6078
6089
|
constructor() {
|
|
@@ -6166,33 +6177,33 @@ z4.styles = g`
|
|
|
6166
6177
|
}
|
|
6167
6178
|
.nav-item__icon { display: flex; }
|
|
6168
6179
|
`;
|
|
6169
|
-
let
|
|
6180
|
+
let l1 = z4;
|
|
6170
6181
|
W([
|
|
6171
6182
|
a()
|
|
6172
|
-
],
|
|
6183
|
+
], l1.prototype, "value");
|
|
6173
6184
|
W([
|
|
6174
6185
|
a({ attribute: "start-icon" })
|
|
6175
|
-
],
|
|
6186
|
+
], l1.prototype, "startIcon");
|
|
6176
6187
|
W([
|
|
6177
6188
|
a()
|
|
6178
|
-
],
|
|
6189
|
+
], l1.prototype, "href");
|
|
6179
6190
|
W([
|
|
6180
6191
|
a({ type: Boolean })
|
|
6181
|
-
],
|
|
6192
|
+
], l1.prototype, "disabled");
|
|
6182
6193
|
W([
|
|
6183
6194
|
a({ attribute: !1 })
|
|
6184
|
-
],
|
|
6195
|
+
], l1.prototype, "selected");
|
|
6185
6196
|
W([
|
|
6186
6197
|
a({ attribute: !1 })
|
|
6187
|
-
],
|
|
6198
|
+
], l1.prototype, "theme");
|
|
6188
6199
|
customElements.get("anduin-navigation") || customElements.define("anduin-navigation", f1);
|
|
6189
|
-
customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item",
|
|
6190
|
-
var
|
|
6200
|
+
customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", l1);
|
|
6201
|
+
var d0 = Object.defineProperty, S1 = (r, e, t, o) => {
|
|
6191
6202
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
6192
6203
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
6193
|
-
return i &&
|
|
6204
|
+
return i && d0(e, t, i), i;
|
|
6194
6205
|
};
|
|
6195
|
-
const
|
|
6206
|
+
const c0 = "anduin-resizable:resize", ue = "anduin-resizable-panel", z3 = (r) => !!r && r.tagName.toLowerCase() === ue;
|
|
6196
6207
|
function S3(r, e, t) {
|
|
6197
6208
|
const o = (r || "").trim();
|
|
6198
6209
|
if (!o) return t;
|
|
@@ -6215,7 +6226,7 @@ const S4 = class S4 extends h {
|
|
|
6215
6226
|
return this.isVertical ? e.height : e.width;
|
|
6216
6227
|
}
|
|
6217
6228
|
get panels() {
|
|
6218
|
-
return Array.from(this.querySelectorAll(`:scope > ${
|
|
6229
|
+
return Array.from(this.querySelectorAll(`:scope > ${ue}`));
|
|
6219
6230
|
}
|
|
6220
6231
|
updated() {
|
|
6221
6232
|
for (const e of this.querySelectorAll(":scope > anduin-resizable-handle"))
|
|
@@ -6375,7 +6386,7 @@ const D4 = class D4 extends h {
|
|
|
6375
6386
|
const i = e.axisSize;
|
|
6376
6387
|
if (i <= 0) return;
|
|
6377
6388
|
const n = e.isVertical;
|
|
6378
|
-
this.dispatchEvent(new CustomEvent(
|
|
6389
|
+
this.dispatchEvent(new CustomEvent(c0, {
|
|
6379
6390
|
detail: { sizes: [t.axisSize(n) / i * 100, o.axisSize(n) / i * 100] },
|
|
6380
6391
|
bubbles: !0,
|
|
6381
6392
|
composed: !0
|
|
@@ -6420,20 +6431,20 @@ S1([
|
|
|
6420
6431
|
a({ type: Boolean, attribute: "with-handle" })
|
|
6421
6432
|
], U1.prototype, "withHandle");
|
|
6422
6433
|
S1([
|
|
6423
|
-
|
|
6434
|
+
H()
|
|
6424
6435
|
], U1.prototype, "groupVertical");
|
|
6425
6436
|
S1([
|
|
6426
|
-
|
|
6437
|
+
H()
|
|
6427
6438
|
], U1.prototype, "dragging");
|
|
6428
6439
|
customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", z2);
|
|
6429
6440
|
customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", j1);
|
|
6430
6441
|
customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", U1);
|
|
6431
|
-
var
|
|
6442
|
+
var C0 = Object.defineProperty, K1 = (r, e, t, o) => {
|
|
6432
6443
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
6433
6444
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
6434
|
-
return i &&
|
|
6445
|
+
return i && C0(e, t, i), i;
|
|
6435
6446
|
};
|
|
6436
|
-
const
|
|
6447
|
+
const p0 = "anduin-pagination:change", h5 = "anduin-pagination:jump";
|
|
6437
6448
|
function X1(r, e) {
|
|
6438
6449
|
const t = Math.max(e - r + 1, 0);
|
|
6439
6450
|
return Array.from({ length: t }, (o, i) => r + i);
|
|
@@ -6479,7 +6490,7 @@ const B4 = class B4 extends h {
|
|
|
6479
6490
|
}
|
|
6480
6491
|
goTo(e) {
|
|
6481
6492
|
const t = this.count, o = Math.min(Math.max(Math.floor(e), 1), t);
|
|
6482
|
-
o !== this.selection && (this.isControlled || (this.internalValue = o), this.dispatchEvent(new CustomEvent(
|
|
6493
|
+
o !== this.selection && (this.isControlled || (this.internalValue = o), this.dispatchEvent(new CustomEvent(p0, {
|
|
6483
6494
|
detail: o,
|
|
6484
6495
|
bubbles: !0,
|
|
6485
6496
|
composed: !0
|
|
@@ -6642,7 +6653,7 @@ K1([
|
|
|
6642
6653
|
a({ type: Number })
|
|
6643
6654
|
], v1.prototype, "value");
|
|
6644
6655
|
K1([
|
|
6645
|
-
|
|
6656
|
+
H()
|
|
6646
6657
|
], v1.prototype, "internalValue");
|
|
6647
6658
|
K1([
|
|
6648
6659
|
z(".pagination__indicator")
|
|
@@ -6680,19 +6691,19 @@ let m2 = P4;
|
|
|
6680
6691
|
K1([
|
|
6681
6692
|
a({ type: Boolean })
|
|
6682
6693
|
], m2.prototype, "disabled");
|
|
6683
|
-
class
|
|
6694
|
+
class u0 extends m2 {
|
|
6684
6695
|
constructor() {
|
|
6685
6696
|
super(...arguments), this.icon = "chevronVerticalLeft", this.label = "Go to first page", this.target = "first";
|
|
6686
6697
|
}
|
|
6687
6698
|
}
|
|
6688
|
-
class
|
|
6699
|
+
class h0 extends m2 {
|
|
6689
6700
|
constructor() {
|
|
6690
6701
|
super(...arguments), this.icon = "chevronVerticalRight", this.label = "Go to last page", this.target = "last";
|
|
6691
6702
|
}
|
|
6692
6703
|
}
|
|
6693
6704
|
customElements.get("anduin-pagination") || customElements.define("anduin-pagination", v1);
|
|
6694
|
-
customElements.get("anduin-pagination-first-page") || customElements.define("anduin-pagination-first-page",
|
|
6695
|
-
customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page",
|
|
6705
|
+
customElements.get("anduin-pagination-first-page") || customElements.define("anduin-pagination-first-page", u0);
|
|
6706
|
+
customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page", h0);
|
|
6696
6707
|
const F4 = class F4 extends h {
|
|
6697
6708
|
render() {
|
|
6698
6709
|
return s`<div class="timeline"><slot></slot></div>`;
|
|
@@ -6939,12 +6950,12 @@ customElements.get("anduin-timeline-date") || customElements.define("anduin-time
|
|
|
6939
6950
|
customElements.get("anduin-timeline-title") || customElements.define("anduin-timeline-title", b5);
|
|
6940
6951
|
customElements.get("anduin-timeline-group") || customElements.define("anduin-timeline-group", m5);
|
|
6941
6952
|
customElements.get("anduin-timeline-label") || customElements.define("anduin-timeline-label", H5);
|
|
6942
|
-
var
|
|
6953
|
+
var g0 = Object.defineProperty, A1 = (r, e, t, o) => {
|
|
6943
6954
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
6944
6955
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
6945
|
-
return i &&
|
|
6956
|
+
return i && g0(e, t, i), i;
|
|
6946
6957
|
};
|
|
6947
|
-
const
|
|
6958
|
+
const f0 = "anduin-sidebar:select", U4 = class U4 extends h {
|
|
6948
6959
|
connectedCallback() {
|
|
6949
6960
|
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
|
|
6950
6961
|
}
|
|
@@ -7118,7 +7129,7 @@ const J4 = class J4 extends h {
|
|
|
7118
7129
|
e.preventDefault(), e.stopPropagation();
|
|
7119
7130
|
return;
|
|
7120
7131
|
}
|
|
7121
|
-
this.dispatchEvent(new CustomEvent(
|
|
7132
|
+
this.dispatchEvent(new CustomEvent(f0, {
|
|
7122
7133
|
detail: this,
|
|
7123
7134
|
bubbles: !0,
|
|
7124
7135
|
composed: !0
|
|
@@ -7352,13 +7363,13 @@ function d1(r, e) {
|
|
|
7352
7363
|
const t = r.getFullYear(), o = r.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
|
|
7353
7364
|
return new Date(t, o, Math.min(r.getDate(), i));
|
|
7354
7365
|
}
|
|
7355
|
-
function
|
|
7366
|
+
function v0(r, e) {
|
|
7356
7367
|
return new Date(r, e + 1, 0).getDate();
|
|
7357
7368
|
}
|
|
7358
|
-
var
|
|
7369
|
+
var b0 = Object.defineProperty, e1 = (r, e, t, o) => {
|
|
7359
7370
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
7360
7371
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
7361
|
-
return i &&
|
|
7372
|
+
return i && b0(e, t, i), i;
|
|
7362
7373
|
};
|
|
7363
7374
|
const H2 = "anduin-calendar:change", k5 = "anduin-calendar:day-hover", A3 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], D3 = [
|
|
7364
7375
|
"January",
|
|
@@ -7373,11 +7384,11 @@ const H2 = "anduin-calendar:change", k5 = "anduin-calendar:day-hover", A3 = ["Ja
|
|
|
7373
7384
|
"October",
|
|
7374
7385
|
"November",
|
|
7375
7386
|
"December"
|
|
7376
|
-
],
|
|
7387
|
+
], m0 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B3 = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
|
|
7377
7388
|
function D1(r, e) {
|
|
7378
7389
|
return new Date(r.getFullYear(), r.getMonth(), r.getDate() + e);
|
|
7379
7390
|
}
|
|
7380
|
-
function
|
|
7391
|
+
function H0(r) {
|
|
7381
7392
|
const e = ["th", "st", "nd", "rd"], t = r % 100;
|
|
7382
7393
|
return `${r}${e[(t - 20) % 10] ?? e[t] ?? e[0]}`;
|
|
7383
7394
|
}
|
|
@@ -7545,7 +7556,7 @@ const i3 = class i3 extends h {
|
|
|
7545
7556
|
...Array.from({ length: c }, (_, v) => v + 1)
|
|
7546
7557
|
];
|
|
7547
7558
|
for (; p.length % 7 !== 0; ) p.push(null);
|
|
7548
|
-
const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)),
|
|
7559
|
+
const f = Array.from({ length: p.length / 7 }, (_, v) => p.slice(v * 7, v * 7 + 7)), m = `${D3[this._viewMonth]} ${this._viewYear}`, b = (() => {
|
|
7549
7560
|
const _ = this._min;
|
|
7550
7561
|
return _ ? new Date(this._viewYear, this._viewMonth, 0).getTime() < _.getTime() : !1;
|
|
7551
7562
|
})(), L = (() => {
|
|
@@ -7594,13 +7605,13 @@ const i3 = class i3 extends h {
|
|
|
7594
7605
|
part="grid"
|
|
7595
7606
|
role="grid"
|
|
7596
7607
|
aria-multiselectable="false"
|
|
7597
|
-
aria-label="${
|
|
7608
|
+
aria-label="${m}"
|
|
7598
7609
|
@keydown=${this._onGridKeyDown}
|
|
7599
7610
|
@mouseleave=${() => this._emitHover(null)}
|
|
7600
7611
|
>
|
|
7601
7612
|
<thead aria-hidden="true">
|
|
7602
7613
|
<tr>
|
|
7603
|
-
${
|
|
7614
|
+
${m0.map((_, v) => s`
|
|
7604
7615
|
<th class="calendar__day-header" aria-label="${B3[v]}">${_}</th>
|
|
7605
7616
|
`)}
|
|
7606
7617
|
</tr>
|
|
@@ -7610,14 +7621,14 @@ const i3 = class i3 extends h {
|
|
|
7610
7621
|
<tr>
|
|
7611
7622
|
${_.map((v) => {
|
|
7612
7623
|
if (v === null) return s`<td class="calendar__day-cell"></td>`;
|
|
7613
|
-
const x = new Date(this._viewYear, this._viewMonth, v), M = V1(x), S = x.getTime(), j = this._isDisabled(x), Y1 = !!o && S === o.getTime(), t1 = !!i && S === i.getTime(), s3 = !!o && !!i && S > o.getTime() && S < i.getTime(), d3 = !n && !!t && S === t.getTime(),
|
|
7624
|
+
const x = new Date(this._viewYear, this._viewMonth, v), M = V1(x), S = x.getTime(), j = this._isDisabled(x), Y1 = !!o && S === o.getTime(), t1 = !!i && S === i.getTime(), s3 = !!o && !!i && S > o.getTime() && S < i.getTime(), d3 = !n && !!t && S === t.getTime(), ge = [
|
|
7614
7625
|
"calendar__day-cell",
|
|
7615
7626
|
s3 ? "calendar__day-cell--in-range" : "",
|
|
7616
7627
|
// Only tint the edge cell when it actually opens a span —
|
|
7617
7628
|
// a lone start marker shouldn't paint a half-rounded block.
|
|
7618
7629
|
Y1 && i ? "calendar__day-cell--range-start" : "",
|
|
7619
7630
|
t1 && o ? "calendar__day-cell--range-end" : ""
|
|
7620
|
-
].filter(Boolean).join(" "),
|
|
7631
|
+
].filter(Boolean).join(" "), fe = [
|
|
7621
7632
|
"calendar__day-button",
|
|
7622
7633
|
M === e ? "calendar__day-button--today" : "",
|
|
7623
7634
|
d3 ? "calendar__day-button--selected" : "",
|
|
@@ -7628,16 +7639,16 @@ const i3 = class i3 extends h {
|
|
|
7628
7639
|
].filter(Boolean).join(" ");
|
|
7629
7640
|
return s`
|
|
7630
7641
|
<td
|
|
7631
|
-
class="${
|
|
7642
|
+
class="${ge}"
|
|
7632
7643
|
role="gridcell"
|
|
7633
7644
|
aria-selected="${d3 || Y1 || t1}"
|
|
7634
7645
|
>
|
|
7635
7646
|
<button
|
|
7636
7647
|
type="button"
|
|
7637
|
-
class="${
|
|
7648
|
+
class="${fe}"
|
|
7638
7649
|
part="day"
|
|
7639
7650
|
aria-disabled="${j}"
|
|
7640
|
-
aria-label="${B3[x.getDay()]}, ${D3[x.getMonth()]} ${
|
|
7651
|
+
aria-label="${B3[x.getDay()]}, ${D3[x.getMonth()]} ${H0(v)}, ${x.getFullYear()}"
|
|
7641
7652
|
tabindex="${M === l ? 0 : -1}"
|
|
7642
7653
|
@click=${() => {
|
|
7643
7654
|
j || this._pick(x);
|
|
@@ -7772,24 +7783,24 @@ e1([
|
|
|
7772
7783
|
a({ type: Boolean, attribute: "range-mode" })
|
|
7773
7784
|
], T.prototype, "rangeMode");
|
|
7774
7785
|
e1([
|
|
7775
|
-
|
|
7786
|
+
H()
|
|
7776
7787
|
], T.prototype, "_viewMonth");
|
|
7777
7788
|
e1([
|
|
7778
|
-
|
|
7789
|
+
H()
|
|
7779
7790
|
], T.prototype, "_viewYear");
|
|
7780
7791
|
e1([
|
|
7781
|
-
|
|
7792
|
+
H()
|
|
7782
7793
|
], T.prototype, "_focus");
|
|
7783
7794
|
e1([
|
|
7784
|
-
|
|
7795
|
+
H()
|
|
7785
7796
|
], T.prototype, "_openSelect");
|
|
7786
7797
|
customElements.get("anduin-calendar") || customElements.define("anduin-calendar", T);
|
|
7787
|
-
var
|
|
7798
|
+
var y0 = Object.defineProperty, W1 = (r, e, t, o) => {
|
|
7788
7799
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
7789
7800
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
7790
|
-
return i &&
|
|
7801
|
+
return i && y0(e, t, i), i;
|
|
7791
7802
|
};
|
|
7792
|
-
const
|
|
7803
|
+
const _0 = "anduin-date-range:change", o3 = class o3 extends h {
|
|
7793
7804
|
constructor() {
|
|
7794
7805
|
super(...arguments), this.startDate = "", this.endDate = "", this.minDate = "", this.maxDate = "", this._anchor = null, this._hover = null, this._panels = /* @__PURE__ */ new Map(), this._pushedValue = /* @__PURE__ */ new Map(), this._onCalendarChange = (e) => {
|
|
7795
7806
|
e.stopPropagation();
|
|
@@ -7800,7 +7811,7 @@ const y0 = "anduin-date-range:change", o3 = class o3 extends h {
|
|
|
7800
7811
|
return;
|
|
7801
7812
|
}
|
|
7802
7813
|
const [o, i] = this._sorted(this._anchor, t);
|
|
7803
|
-
this._anchor = null, this._hover = null, this.startDate = o, this.endDate = i, this.dispatchEvent(new CustomEvent(
|
|
7814
|
+
this._anchor = null, this._hover = null, this.startDate = o, this.endDate = i, this.dispatchEvent(new CustomEvent(_0, {
|
|
7804
7815
|
detail: { startDate: o, endDate: i },
|
|
7805
7816
|
bubbles: !0,
|
|
7806
7817
|
composed: !0
|
|
@@ -7877,10 +7888,10 @@ W1([
|
|
|
7877
7888
|
a({ attribute: "max-date" })
|
|
7878
7889
|
], Q.prototype, "maxDate");
|
|
7879
7890
|
W1([
|
|
7880
|
-
|
|
7891
|
+
H()
|
|
7881
7892
|
], Q.prototype, "_anchor");
|
|
7882
7893
|
W1([
|
|
7883
|
-
|
|
7894
|
+
H()
|
|
7884
7895
|
], Q.prototype, "_hover");
|
|
7885
7896
|
const n3 = class n3 extends h {
|
|
7886
7897
|
constructor() {
|
|
@@ -7915,12 +7926,12 @@ n3.styles = g`
|
|
|
7915
7926
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
7916
7927
|
`;
|
|
7917
7928
|
let D2 = n3;
|
|
7918
|
-
class
|
|
7929
|
+
class V0 extends D2 {
|
|
7919
7930
|
constructor() {
|
|
7920
7931
|
super(...arguments), this.panelRole = "start";
|
|
7921
7932
|
}
|
|
7922
7933
|
}
|
|
7923
|
-
class
|
|
7934
|
+
class L0 extends D2 {
|
|
7924
7935
|
constructor() {
|
|
7925
7936
|
super(...arguments), this.panelRole = "end";
|
|
7926
7937
|
}
|
|
@@ -7943,15 +7954,15 @@ r3.styles = g`
|
|
|
7943
7954
|
let R5 = r3;
|
|
7944
7955
|
customElements.get("anduin-date-range") || customElements.define("anduin-date-range", Q);
|
|
7945
7956
|
customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", R5);
|
|
7946
|
-
customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start",
|
|
7947
|
-
customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end",
|
|
7948
|
-
var
|
|
7957
|
+
customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", V0);
|
|
7958
|
+
customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", L0);
|
|
7959
|
+
var x0 = Object.defineProperty, O = (r, e, t, o) => {
|
|
7949
7960
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
7950
7961
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
7951
|
-
return i &&
|
|
7962
|
+
return i && x0(e, t, i), i;
|
|
7952
7963
|
};
|
|
7953
7964
|
const $5 = "anduin-date-input:change", P3 = { M: "month", d: "day", y: "year" };
|
|
7954
|
-
function
|
|
7965
|
+
function M0(r) {
|
|
7955
7966
|
const e = [];
|
|
7956
7967
|
let t = 0, o = 0;
|
|
7957
7968
|
for (; o < r.length; ) {
|
|
@@ -7988,7 +7999,7 @@ const J1 = 1, B2 = class B2 extends h {
|
|
|
7988
7999
|
super.disconnectedCallback(), (e = this.closest("anduin-field")) == null || e.removeEventListener(u1, this._onFieldLabelClick);
|
|
7989
8000
|
}
|
|
7990
8001
|
willUpdate(e) {
|
|
7991
|
-
e.has("format") ? (this._tokens =
|
|
8002
|
+
e.has("format") ? (this._tokens = M0(this.format), this._segments = this._tokens.flatMap((t) => "segment" in t ? [t.segment] : []), this._digits = this._segments.map(() => null), this._active = 0, this._buffer = "", this.value && this._adoptValue(this.value)) : e.has("value") && this.value !== this._composeValue() && this._adoptValue(this.value);
|
|
7992
8003
|
}
|
|
7993
8004
|
updated() {
|
|
7994
8005
|
const e = this._display();
|
|
@@ -8042,14 +8053,14 @@ const J1 = 1, B2 = class B2 extends h {
|
|
|
8042
8053
|
if (!t && !o) return e;
|
|
8043
8054
|
const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
|
|
8044
8055
|
if (i < 0 || n < 0 || l < 0) return e;
|
|
8045
|
-
const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C,
|
|
8046
|
-
if (!
|
|
8056
|
+
const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, v0(d, c - 1)), f = new Date(d, c - 1, p), m = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
|
|
8057
|
+
if (!m) {
|
|
8047
8058
|
if (p === C) return e;
|
|
8048
8059
|
const L = [...e];
|
|
8049
8060
|
return L[n] = String(p).padStart(this._segments[n].length, "0"), L;
|
|
8050
8061
|
}
|
|
8051
8062
|
const b = [...e];
|
|
8052
|
-
return b[l] = String(
|
|
8063
|
+
return b[l] = String(m.getFullYear()).padStart(this._segments[l].length, "0").slice(-this._segments[l].length), b[i] = String(m.getMonth() + 1).padStart(this._segments[i].length, "0"), b[n] = String(m.getDate()).padStart(this._segments[n].length, "0"), b;
|
|
8053
8064
|
}
|
|
8054
8065
|
// ── Selection ───────────────────────────────────────────────────
|
|
8055
8066
|
_focusSegment(e) {
|
|
@@ -8270,30 +8281,30 @@ O([
|
|
|
8270
8281
|
a()
|
|
8271
8282
|
], $.prototype, "inputid");
|
|
8272
8283
|
O([
|
|
8273
|
-
|
|
8284
|
+
H()
|
|
8274
8285
|
], $.prototype, "_digits");
|
|
8275
8286
|
O([
|
|
8276
|
-
|
|
8287
|
+
H()
|
|
8277
8288
|
], $.prototype, "_active");
|
|
8278
8289
|
O([
|
|
8279
|
-
|
|
8290
|
+
H()
|
|
8280
8291
|
], $.prototype, "_buffer");
|
|
8281
8292
|
O([
|
|
8282
8293
|
z("input")
|
|
8283
8294
|
], $.prototype, "_inputEl");
|
|
8284
8295
|
customElements.get("anduin-date-input") || customElements.define("anduin-date-input", $);
|
|
8285
|
-
var
|
|
8296
|
+
var w0 = Object.defineProperty, I = (r, e, t, o) => {
|
|
8286
8297
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
8287
8298
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
8288
|
-
return i &&
|
|
8299
|
+
return i && w0(e, t, i), i;
|
|
8289
8300
|
};
|
|
8290
|
-
const
|
|
8291
|
-
function
|
|
8301
|
+
const Z0 = "anduin-date-picker:change", he = { M: "month", d: "day", y: "year" };
|
|
8302
|
+
function k0(r, e) {
|
|
8292
8303
|
if (!r) return null;
|
|
8293
8304
|
const t = {};
|
|
8294
8305
|
let o = 0, i = 0;
|
|
8295
8306
|
for (; i < e.length; ) {
|
|
8296
|
-
const d = e[i], c =
|
|
8307
|
+
const d = e[i], c = he[d];
|
|
8297
8308
|
if (!c) {
|
|
8298
8309
|
i++, o++;
|
|
8299
8310
|
continue;
|
|
@@ -8309,7 +8320,7 @@ function Z0(r, e) {
|
|
|
8309
8320
|
const n = Number(t.year), l = new Date(n, Number(t.month) - 1, Number(t.day));
|
|
8310
8321
|
return l.getMonth() !== Number(t.month) - 1 || l.getDate() !== Number(t.day) ? null : l;
|
|
8311
8322
|
}
|
|
8312
|
-
function
|
|
8323
|
+
function R0(r, e) {
|
|
8313
8324
|
const t = {
|
|
8314
8325
|
month: r.getMonth() + 1,
|
|
8315
8326
|
day: r.getDate(),
|
|
@@ -8317,7 +8328,7 @@ function k0(r, e) {
|
|
|
8317
8328
|
};
|
|
8318
8329
|
let o = "", i = 0;
|
|
8319
8330
|
for (; i < e.length; ) {
|
|
8320
|
-
const n = e[i], l =
|
|
8331
|
+
const n = e[i], l = he[n];
|
|
8321
8332
|
if (!l) {
|
|
8322
8333
|
o += n, i++;
|
|
8323
8334
|
continue;
|
|
@@ -8338,7 +8349,7 @@ const l3 = class l3 extends h {
|
|
|
8338
8349
|
}, this._onCalendarChange = (e) => {
|
|
8339
8350
|
e.stopPropagation();
|
|
8340
8351
|
const t = A(e.detail);
|
|
8341
|
-
t && (this._emit(
|
|
8352
|
+
t && (this._emit(R0(t, this.format)), this._closePopover());
|
|
8342
8353
|
}, this._onKeyDown = (e) => {
|
|
8343
8354
|
var t;
|
|
8344
8355
|
e.key === "Escape" && this._open && (e.stopPropagation(), this._closePopover(), (t = this._inputEl) == null || t.focus());
|
|
@@ -8357,7 +8368,7 @@ const l3 = class l3 extends h {
|
|
|
8357
8368
|
}
|
|
8358
8369
|
/** The current value as a `Date`, or `null` while it is incomplete. */
|
|
8359
8370
|
get _date() {
|
|
8360
|
-
return
|
|
8371
|
+
return k0(this.value, this.format);
|
|
8361
8372
|
}
|
|
8362
8373
|
/** ISO form of the value, for driving the calendar. */
|
|
8363
8374
|
get _isoValue() {
|
|
@@ -8365,7 +8376,7 @@ const l3 = class l3 extends h {
|
|
|
8365
8376
|
return e ? V1(e) : "";
|
|
8366
8377
|
}
|
|
8367
8378
|
_emit(e) {
|
|
8368
|
-
this.value = e, this.dispatchEvent(new CustomEvent(
|
|
8379
|
+
this.value = e, this.dispatchEvent(new CustomEvent(Z0, {
|
|
8369
8380
|
detail: e,
|
|
8370
8381
|
bubbles: !0,
|
|
8371
8382
|
composed: !0
|
|
@@ -8450,7 +8461,7 @@ I([
|
|
|
8450
8461
|
a()
|
|
8451
8462
|
], E.prototype, "inputid");
|
|
8452
8463
|
I([
|
|
8453
|
-
|
|
8464
|
+
H()
|
|
8454
8465
|
], E.prototype, "_open");
|
|
8455
8466
|
I([
|
|
8456
8467
|
z("anduin-date-input")
|
|
@@ -8459,12 +8470,12 @@ I([
|
|
|
8459
8470
|
z("anduin-popover")
|
|
8460
8471
|
], E.prototype, "_popoverEl");
|
|
8461
8472
|
customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", E);
|
|
8462
|
-
var
|
|
8473
|
+
var $0 = Object.defineProperty, V = (r, e, t, o) => {
|
|
8463
8474
|
for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
|
|
8464
8475
|
(l = r[n]) && (i = l(e, t, i) || i);
|
|
8465
|
-
return i &&
|
|
8476
|
+
return i && $0(e, t, i), i;
|
|
8466
8477
|
};
|
|
8467
|
-
const
|
|
8478
|
+
const E0 = "anduin-table:sort", z0 = "anduin-table:column-click", S0 = "anduin-table:row-click", A0 = "anduin-table:selection-change", D0 = "anduin-table:cell-context-menu", B0 = "anduin-table:row-expand", P0 = "anduin-table:row-collapse", F0 = "anduin-table:group-toggle", F3 = "anduin-table:column-resize", O3 = 40, i1 = (r) => r.type === "selection", s1 = (r, e) => {
|
|
8468
8479
|
if (!e) return;
|
|
8469
8480
|
let t = r;
|
|
8470
8481
|
for (const o of e.split(".")) {
|
|
@@ -8472,7 +8483,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8472
8483
|
t = t[o];
|
|
8473
8484
|
}
|
|
8474
8485
|
return t;
|
|
8475
|
-
},
|
|
8486
|
+
}, O0 = (r, e) => r === e ? 0 : r == null ? 1 : e == null ? -1 : typeof r == "number" && typeof e == "number" ? r - e : typeof r == "boolean" && typeof e == "boolean" ? Number(r) - Number(e) : r instanceof Date && e instanceof Date ? r.getTime() - e.getTime() : String(r).localeCompare(String(e), void 0, { numeric: !0, sensitivity: "base" }), a3 = class a3 extends h {
|
|
8476
8487
|
constructor() {
|
|
8477
8488
|
super(...arguments), this.columns = [], this.data = [], this.layout = "fit-data", this.renderMode = "basic", this.rowHeight = 40, this.height = "", this.maxHeight = "", this.minHeight = "", this.resizableColumns = !0, this.hideHeader = !1, this.loading = !1, this.selectable = "clickable", this.indexColumn = "id", this.columnAlign = "left", this.columnVerticalAlign = "middle", this.sortField = "", this.sortDirection = "asc", this.dataTree = !1, this.treeChildrenField = "children", this.treeChildIndent = 20, this.groupBy = "", this.selectedRows = [], this.expandedKeys = /* @__PURE__ */ new Set(), this.collapsedGroups = /* @__PURE__ */ new Set(), this.virtualScrollTop = 0, this.viewportHeight = 0, this.scrolledX = !1, this.scrollableXEnd = !1, this.resizedWidths = {}, this.resizingKey = "", this.rangeAnchorKey = null, this.isDraggingRange = !1, this.dragBaseKeys = [], this.dragSelects = !0, this.autoExpandedKeys = /* @__PURE__ */ new Set(), this.resizeDrag = null, this.resizeFrame = 0, this.renderSelectedKeys = /* @__PURE__ */ new Set(), this.renderSelectableRows = [], this.cachedRenderRows = [], this.rowsDirty = !0, this.onWindowMouseUp = () => {
|
|
8478
8489
|
this.isDraggingRange = !1;
|
|
@@ -8599,23 +8610,23 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8599
8610
|
get sortedColumn() {
|
|
8600
8611
|
if (this.sortField)
|
|
8601
8612
|
return this.columns.find(
|
|
8602
|
-
(e) => !
|
|
8613
|
+
(e) => !i1(e) && e.field === this.sortField
|
|
8603
8614
|
);
|
|
8604
8615
|
}
|
|
8605
8616
|
sortRows(e) {
|
|
8606
8617
|
const t = this.sortedColumn;
|
|
8607
8618
|
if (!t) return e;
|
|
8608
|
-
const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (n, l) => t.sortWith({ a: n, b: l }) : (n, l) =>
|
|
8619
|
+
const o = this.sortDirection === "desc" ? -1 : 1, i = t.sortWith ? (n, l) => t.sortWith({ a: n, b: l }) : (n, l) => O0(s1(n, t.field), s1(l, t.field));
|
|
8609
8620
|
return [...e].sort((n, l) => i(n, l) * o);
|
|
8610
8621
|
}
|
|
8611
8622
|
onHeaderClick(e) {
|
|
8612
|
-
if (this.dispatchEvent(new CustomEvent(
|
|
8623
|
+
if (this.dispatchEvent(new CustomEvent(z0, {
|
|
8613
8624
|
detail: { column: e },
|
|
8614
8625
|
bubbles: !0,
|
|
8615
8626
|
composed: !0
|
|
8616
8627
|
})), !e.isSortable) return;
|
|
8617
8628
|
let t = e.field, o = "asc";
|
|
8618
|
-
this.sortField === e.field && (this.sortDirection === "asc" ? o = "desc" : (t = "", o = null)), this.sortField = t, o && (this.sortDirection = o), this.dispatchEvent(new CustomEvent(
|
|
8629
|
+
this.sortField === e.field && (this.sortDirection === "asc" ? o = "desc" : (t = "", o = null)), this.sortField = t, o && (this.sortDirection = o), this.dispatchEvent(new CustomEvent(E0, {
|
|
8619
8630
|
detail: { field: t, direction: o, column: e },
|
|
8620
8631
|
bubbles: !0,
|
|
8621
8632
|
composed: !0
|
|
@@ -8651,13 +8662,13 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8651
8662
|
toggleTreeRow(e) {
|
|
8652
8663
|
const t = !e.expanded, o = new Set(this.expandedKeys);
|
|
8653
8664
|
t ? o.add(e.key) : o.delete(e.key), this.expandedKeys = o, this.dispatchEvent(new CustomEvent(
|
|
8654
|
-
t ?
|
|
8665
|
+
t ? B0 : P0,
|
|
8655
8666
|
{ detail: { data: e.data, key: e.key, expanded: t }, bubbles: !0, composed: !0 }
|
|
8656
8667
|
));
|
|
8657
8668
|
}
|
|
8658
8669
|
toggleGroup(e) {
|
|
8659
8670
|
const t = !e.expanded, o = new Set(this.collapsedGroups);
|
|
8660
|
-
t ? o.delete(e.key) : o.add(e.key), this.collapsedGroups = o, this.dispatchEvent(new CustomEvent(
|
|
8671
|
+
t ? o.delete(e.key) : o.add(e.key), this.collapsedGroups = o, this.dispatchEvent(new CustomEvent(F0, {
|
|
8661
8672
|
detail: { value: e.value, rows: e.rows, expanded: t },
|
|
8662
8673
|
bubbles: !0,
|
|
8663
8674
|
composed: !0
|
|
@@ -8694,7 +8705,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8694
8705
|
};
|
|
8695
8706
|
o(this.data);
|
|
8696
8707
|
const i = [...e].filter((n) => t.has(n));
|
|
8697
|
-
this.selectedRows = i.map((n) => t.get(n)), this.dispatchEvent(new CustomEvent(
|
|
8708
|
+
this.selectedRows = i.map((n) => t.get(n)), this.dispatchEvent(new CustomEvent(A0, {
|
|
8698
8709
|
detail: { selectedRows: this.selectedRows, selectedKeys: i },
|
|
8699
8710
|
bubbles: !0,
|
|
8700
8711
|
composed: !0
|
|
@@ -8727,7 +8738,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8727
8738
|
this.isDraggingRange && this.selectRange(e, this.dragSelects, this.dragBaseKeys);
|
|
8728
8739
|
}
|
|
8729
8740
|
onRowClick(e, t, o) {
|
|
8730
|
-
this.dispatchEvent(new CustomEvent(
|
|
8741
|
+
this.dispatchEvent(new CustomEvent(S0, {
|
|
8731
8742
|
detail: { data: t.data, key: t.key, index: o, originalEvent: e },
|
|
8732
8743
|
bubbles: !0,
|
|
8733
8744
|
composed: !0
|
|
@@ -8746,7 +8757,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8746
8757
|
this.setRowSelected(t, !n);
|
|
8747
8758
|
}
|
|
8748
8759
|
onCellContextMenu(e, t, o, i) {
|
|
8749
|
-
this.dispatchEvent(new CustomEvent(
|
|
8760
|
+
this.dispatchEvent(new CustomEvent(D0, {
|
|
8750
8761
|
detail: {
|
|
8751
8762
|
data: t.data,
|
|
8752
8763
|
key: t.key,
|
|
@@ -8776,7 +8787,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8776
8787
|
*/
|
|
8777
8788
|
/** A stable identity for a column, used to remember a dragged width. */
|
|
8778
8789
|
columnKey(e, t) {
|
|
8779
|
-
return
|
|
8790
|
+
return i1(e) ? `__selection:${t}` : e.field || `__col:${t}`;
|
|
8780
8791
|
}
|
|
8781
8792
|
/** The width to lay a column out at: a dragged width beats the configured one. */
|
|
8782
8793
|
widthFor(e, t) {
|
|
@@ -8799,6 +8810,31 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8799
8810
|
const o = this.widthFor(e, t), i = [];
|
|
8800
8811
|
return o && (i.push(`width:${o}px`), this.layout !== "fit-columns" && i.push(`max-width:${o}px`)), e.minWidth ? i.push(`min-width:${e.minWidth}px`) : o && i.push(`min-width:${o}px`), i.join(";");
|
|
8801
8812
|
}
|
|
8813
|
+
/**
|
|
8814
|
+
* The width fit-columns has to reserve so every column can hold its declared
|
|
8815
|
+
* minimum.
|
|
8816
|
+
*
|
|
8817
|
+
* fit-columns uses `table-layout: fixed`, and fixed layout takes column widths
|
|
8818
|
+
* from the first row's `width` alone — CSS says `min-width` on a cell is
|
|
8819
|
+
* ignored there, so the min-width cellStyle pins on the cell (which is what
|
|
8820
|
+
* holds the fit-data layouts open) does nothing. Any column without a declared
|
|
8821
|
+
* width is handed whatever is left over instead, however little that is: four
|
|
8822
|
+
* columns summing to 870px in an 888px table left the flexible one 18px.
|
|
8823
|
+
*
|
|
8824
|
+
* So reserve the total on the table box itself, where min-width does apply.
|
|
8825
|
+
* Fixed layout then has room to give every sized column its width and every
|
|
8826
|
+
* flexible column its minimum, and .table__scroll scrolls sideways when that
|
|
8827
|
+
* total exceeds the container.
|
|
8828
|
+
*
|
|
8829
|
+
* Returns 0 unless some column actually declares a minWidth, so tables that
|
|
8830
|
+
* don't ask for one keep their current behaviour exactly.
|
|
8831
|
+
*/
|
|
8832
|
+
fitColumnsMinWidth() {
|
|
8833
|
+
return this.layout !== "fit-columns" || !this.columns.some((e) => e.minWidth) ? 0 : this.columns.reduce((e, t, o) => {
|
|
8834
|
+
const i = i1(t) && !t.width && !t.minWidth ? O3 : Math.max(this.widthFor(t, o) ?? 0, t.minWidth ?? 0);
|
|
8835
|
+
return e + i;
|
|
8836
|
+
}, 0);
|
|
8837
|
+
}
|
|
8802
8838
|
// ── Column resizing ─────────────────────────────────────────────────────
|
|
8803
8839
|
isColumnResizable(e) {
|
|
8804
8840
|
return e.isResizable ?? this.resizableColumns;
|
|
@@ -8843,8 +8879,8 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8843
8879
|
"table__header-cell",
|
|
8844
8880
|
i ? "table__header-cell--frozen" : "",
|
|
8845
8881
|
i && n ? `table__header-cell--frozen-${i}-edge` : "",
|
|
8846
|
-
!
|
|
8847
|
-
|
|
8882
|
+
!i1(e) && e.isSortable ? "table__header-cell--sortable" : "",
|
|
8883
|
+
i1(e) ? "table__cell--selection" : "",
|
|
8848
8884
|
this.sizingClass(e, t)
|
|
8849
8885
|
].filter(Boolean).join(" "), d = this.cellStyle(e, t), c = e.headerAlign ?? e.align ?? this.columnAlign, C = [
|
|
8850
8886
|
"table__header-inner",
|
|
@@ -8864,7 +8900,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8864
8900
|
@click=${(v) => v.stopPropagation()}
|
|
8865
8901
|
></span>
|
|
8866
8902
|
` : u;
|
|
8867
|
-
if (
|
|
8903
|
+
if (i1(e)) {
|
|
8868
8904
|
const v = this.renderSelectableRows, x = this.renderSelectedKeys, M = v.filter((t1) => x.has(t1.key)).length, S = v.length > 0 && M === v.length, j = M > 0 && !S, Y1 = e.renderHeader ? e.renderHeader({
|
|
8869
8905
|
areAllRowsSelected: S,
|
|
8870
8906
|
hasSelectedRow: M > 0,
|
|
@@ -8889,9 +8925,9 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8889
8925
|
><div class="${C}">${Y1}</div>${f}</th>
|
|
8890
8926
|
`;
|
|
8891
8927
|
}
|
|
8892
|
-
const
|
|
8928
|
+
const m = this.sortField === e.field, b = m ? this.sortDirection : null, L = e.renderHeader ? e.renderHeader({ column: e, sortDirection: b }) : s`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? s`
|
|
8893
8929
|
<anduin-icon
|
|
8894
|
-
class="table__sort-icon ${
|
|
8930
|
+
class="table__sort-icon ${m ? "table__sort-icon--active" : ""}"
|
|
8895
8931
|
name="${b === "desc" ? "caretDown" : "caretUp"}"
|
|
8896
8932
|
size="16"
|
|
8897
8933
|
></anduin-icon>
|
|
@@ -8904,7 +8940,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8904
8940
|
data-col="${t}"
|
|
8905
8941
|
style="${d}"
|
|
8906
8942
|
tabindex="${e.isSortable ? "0" : u}"
|
|
8907
|
-
aria-sort="${
|
|
8943
|
+
aria-sort="${m ? b === "desc" ? "descending" : "ascending" : e.isSortable ? "none" : u}"
|
|
8908
8944
|
@click=${() => this.onHeaderClick(e)}
|
|
8909
8945
|
@keydown=${(v) => {
|
|
8910
8946
|
e.isSortable && (v.key !== "Enter" && v.key !== " " || (v.preventDefault(), this.onHeaderClick(e)));
|
|
@@ -8918,11 +8954,11 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8918
8954
|
this.alignClass(o),
|
|
8919
8955
|
l ? "table__cell--frozen" : "",
|
|
8920
8956
|
l && d ? `table__cell--frozen-${l}-edge` : "",
|
|
8921
|
-
|
|
8957
|
+
i1(o) ? "table__cell--selection" : "",
|
|
8922
8958
|
o.showOnRowHover ? "table__cell--hover-only" : "",
|
|
8923
8959
|
this.sizingClass(o, i)
|
|
8924
8960
|
].filter(Boolean).join(" "), C = this.cellStyle(o, i);
|
|
8925
|
-
if (
|
|
8961
|
+
if (i1(o)) {
|
|
8926
8962
|
const L = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (M) => this.setRowSelected(e, M), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: L, isDisabled: _, onChange: v }) : s`
|
|
8927
8963
|
<anduin-checkbox
|
|
8928
8964
|
.checked=${L}
|
|
@@ -8975,7 +9011,7 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
8975
9011
|
`;
|
|
8976
9012
|
}
|
|
8977
9013
|
get firstDataColumnIndex() {
|
|
8978
|
-
const e = this.columns.findIndex((t) => !
|
|
9014
|
+
const e = this.columns.findIndex((t) => !i1(t));
|
|
8979
9015
|
return e < 0 ? 0 : e;
|
|
8980
9016
|
}
|
|
8981
9017
|
renderRow(e, t) {
|
|
@@ -9041,35 +9077,38 @@ const $0 = "anduin-table:sort", E0 = "anduin-table:column-click", z0 = "anduin-t
|
|
|
9041
9077
|
this.height ? `height:${this.height}` : "",
|
|
9042
9078
|
this.maxHeight ? `max-height:${this.maxHeight}` : "",
|
|
9043
9079
|
this.minHeight ? `min-height:${this.minHeight}` : ""
|
|
9044
|
-
].filter(Boolean).join(";"), o = [
|
|
9080
|
+
].filter(Boolean).join(";"), o = this.fitColumnsMinWidth(), i = [
|
|
9045
9081
|
"table",
|
|
9046
9082
|
this.scrolledX ? "table--scrolled-x" : "",
|
|
9047
9083
|
this.scrollableXEnd ? "table--scrollable-x-end" : ""
|
|
9048
9084
|
].filter(Boolean).join(" ");
|
|
9049
|
-
let
|
|
9085
|
+
let n = e, l = 0, d = 0, c = 0;
|
|
9050
9086
|
if (this.renderMode === "virtual" && e.length > 0) {
|
|
9051
|
-
const
|
|
9052
|
-
|
|
9087
|
+
const p = Math.ceil((this.viewportHeight || 400) / this.rowHeight), f = Math.max(0, Math.floor(this.virtualScrollTop / this.rowHeight) - 6), m = Math.min(e.length, f + p + 12);
|
|
9088
|
+
n = e.slice(f, m), l = f * this.rowHeight, d = (e.length - m) * this.rowHeight, c = f;
|
|
9053
9089
|
}
|
|
9054
9090
|
return s`
|
|
9055
|
-
<div class="${
|
|
9091
|
+
<div class="${i}" part="table" style="${t}">
|
|
9056
9092
|
<div class="table__scroll" part="scroll" @scroll=${this.onScroll}>
|
|
9057
|
-
<table
|
|
9093
|
+
<table
|
|
9094
|
+
class="table__el table__el--${this.layout}"
|
|
9095
|
+
style="${o ? `min-width:${o}px` : ""}"
|
|
9096
|
+
>
|
|
9058
9097
|
${this.hideHeader ? u : s`
|
|
9059
9098
|
<thead part="header">
|
|
9060
9099
|
<tr class="table__header-row" part="header-row">
|
|
9061
|
-
${this.columns.map((
|
|
9100
|
+
${this.columns.map((C, p) => this.renderHeaderCell(C, p))}
|
|
9062
9101
|
${this.layout === "fit-data-fill" ? s`<th class="table__header-cell" style="width:100%"></th>` : u}
|
|
9063
9102
|
</tr>
|
|
9064
9103
|
</thead>
|
|
9065
9104
|
`}
|
|
9066
9105
|
<tbody part="body">
|
|
9067
9106
|
${e.length === 0 ? this.renderPlaceholder() : u}
|
|
9068
|
-
${n > 0 ? s`<tr style="height:${n}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : u}
|
|
9069
|
-
${i.map(
|
|
9070
|
-
(c, C) => c.kind === "group" ? this.renderGroupRow(c) : this.renderRow(c, d + C)
|
|
9071
|
-
)}
|
|
9072
9107
|
${l > 0 ? s`<tr style="height:${l}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : u}
|
|
9108
|
+
${n.map(
|
|
9109
|
+
(C, p) => C.kind === "group" ? this.renderGroupRow(C) : this.renderRow(C, c + p)
|
|
9110
|
+
)}
|
|
9111
|
+
${d > 0 ? s`<tr style="height:${d}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : u}
|
|
9073
9112
|
</tbody>
|
|
9074
9113
|
</table>
|
|
9075
9114
|
</div>
|
|
@@ -9299,7 +9338,7 @@ a3.styles = g`
|
|
|
9299
9338
|
text-align: right;
|
|
9300
9339
|
}
|
|
9301
9340
|
.table__cell--selection {
|
|
9302
|
-
width:
|
|
9341
|
+
width: ${O3}px;
|
|
9303
9342
|
padding: 8px 0 8px 12px;
|
|
9304
9343
|
}
|
|
9305
9344
|
|
|
@@ -9531,28 +9570,28 @@ V([
|
|
|
9531
9570
|
a({ attribute: !1 })
|
|
9532
9571
|
], y.prototype, "renderGroupHeader");
|
|
9533
9572
|
V([
|
|
9534
|
-
|
|
9573
|
+
H()
|
|
9535
9574
|
], y.prototype, "expandedKeys");
|
|
9536
9575
|
V([
|
|
9537
|
-
|
|
9576
|
+
H()
|
|
9538
9577
|
], y.prototype, "collapsedGroups");
|
|
9539
9578
|
V([
|
|
9540
|
-
|
|
9579
|
+
H()
|
|
9541
9580
|
], y.prototype, "virtualScrollTop");
|
|
9542
9581
|
V([
|
|
9543
|
-
|
|
9582
|
+
H()
|
|
9544
9583
|
], y.prototype, "viewportHeight");
|
|
9545
9584
|
V([
|
|
9546
|
-
|
|
9585
|
+
H()
|
|
9547
9586
|
], y.prototype, "scrolledX");
|
|
9548
9587
|
V([
|
|
9549
|
-
|
|
9588
|
+
H()
|
|
9550
9589
|
], y.prototype, "scrollableXEnd");
|
|
9551
9590
|
V([
|
|
9552
|
-
|
|
9591
|
+
H()
|
|
9553
9592
|
], y.prototype, "resizedWidths");
|
|
9554
9593
|
V([
|
|
9555
|
-
|
|
9594
|
+
H()
|
|
9556
9595
|
], y.prototype, "resizingKey");
|
|
9557
9596
|
customElements.get("anduin-table") || customElements.define("anduin-table", y);
|
|
9558
9597
|
export {
|
|
@@ -9561,17 +9600,17 @@ export {
|
|
|
9561
9600
|
R2 as B,
|
|
9562
9601
|
Z1 as C,
|
|
9563
9602
|
T1 as D,
|
|
9564
|
-
|
|
9565
|
-
|
|
9603
|
+
E7 as E,
|
|
9604
|
+
z7 as F,
|
|
9566
9605
|
f1 as G,
|
|
9567
|
-
|
|
9606
|
+
l1 as H,
|
|
9568
9607
|
v1 as I,
|
|
9569
|
-
|
|
9570
|
-
|
|
9608
|
+
u0 as J,
|
|
9609
|
+
h0 as K,
|
|
9571
9610
|
X as L,
|
|
9572
9611
|
a5 as M,
|
|
9573
9612
|
C2 as N,
|
|
9574
|
-
|
|
9613
|
+
r1 as O,
|
|
9575
9614
|
N1 as P,
|
|
9576
9615
|
U1 as Q,
|
|
9577
9616
|
j1 as R,
|
|
@@ -9585,44 +9624,44 @@ export {
|
|
|
9585
9624
|
L5 as Z,
|
|
9586
9625
|
S2 as _,
|
|
9587
9626
|
w2 as a,
|
|
9588
|
-
|
|
9627
|
+
z0 as a$,
|
|
9589
9628
|
b1 as a0,
|
|
9590
9629
|
Z5 as a1,
|
|
9591
|
-
|
|
9630
|
+
o1 as a2,
|
|
9592
9631
|
a2 as a3,
|
|
9593
9632
|
l2 as a4,
|
|
9594
9633
|
w as a5,
|
|
9595
9634
|
b2 as a6,
|
|
9596
9635
|
h2 as a7,
|
|
9597
|
-
|
|
9636
|
+
n1 as a8,
|
|
9598
9637
|
y as a9,
|
|
9599
|
-
|
|
9600
|
-
|
|
9638
|
+
_0 as aA,
|
|
9639
|
+
e0 as aB,
|
|
9601
9640
|
p5 as aC,
|
|
9602
9641
|
$3 as aD,
|
|
9603
|
-
|
|
9642
|
+
ie as aE,
|
|
9604
9643
|
u1 as aF,
|
|
9605
|
-
|
|
9644
|
+
N7 as aG,
|
|
9606
9645
|
V3 as aH,
|
|
9607
|
-
|
|
9646
|
+
l7 as aI,
|
|
9608
9647
|
s5 as aJ,
|
|
9609
|
-
|
|
9648
|
+
R7 as aK,
|
|
9610
9649
|
Q1 as aL,
|
|
9611
|
-
|
|
9650
|
+
s0 as aM,
|
|
9612
9651
|
u5 as aN,
|
|
9613
|
-
|
|
9652
|
+
p0 as aO,
|
|
9614
9653
|
h5 as aP,
|
|
9615
9654
|
r5 as aQ,
|
|
9616
9655
|
l5 as aR,
|
|
9617
9656
|
d5 as aS,
|
|
9618
|
-
|
|
9619
|
-
|
|
9620
|
-
|
|
9657
|
+
A7 as aT,
|
|
9658
|
+
c0 as aU,
|
|
9659
|
+
f0 as aV,
|
|
9621
9660
|
W2 as aW,
|
|
9622
|
-
|
|
9623
|
-
|
|
9624
|
-
|
|
9625
|
-
|
|
9661
|
+
l0 as aX,
|
|
9662
|
+
r0 as aY,
|
|
9663
|
+
X7 as aZ,
|
|
9664
|
+
D0 as a_,
|
|
9626
9665
|
O1 as aa,
|
|
9627
9666
|
u2 as ab,
|
|
9628
9667
|
I1 as ac,
|
|
@@ -9643,44 +9682,44 @@ export {
|
|
|
9643
9682
|
i5 as ar,
|
|
9644
9683
|
E2 as as,
|
|
9645
9684
|
n5 as at,
|
|
9646
|
-
|
|
9685
|
+
X3 as au,
|
|
9647
9686
|
H2 as av,
|
|
9648
9687
|
k5 as aw,
|
|
9649
|
-
|
|
9688
|
+
n7 as ax,
|
|
9650
9689
|
$5 as ay,
|
|
9651
|
-
|
|
9690
|
+
Z0 as az,
|
|
9652
9691
|
d2 as b,
|
|
9653
9692
|
F3 as b0,
|
|
9654
|
-
|
|
9655
|
-
|
|
9656
|
-
|
|
9657
|
-
|
|
9658
|
-
|
|
9659
|
-
|
|
9660
|
-
|
|
9661
|
-
|
|
9693
|
+
F0 as b1,
|
|
9694
|
+
S0 as b2,
|
|
9695
|
+
P0 as b3,
|
|
9696
|
+
B0 as b4,
|
|
9697
|
+
A0 as b5,
|
|
9698
|
+
E0 as b6,
|
|
9699
|
+
c7 as b7,
|
|
9700
|
+
oe as b8,
|
|
9662
9701
|
F2 as b9,
|
|
9663
|
-
|
|
9664
|
-
|
|
9665
|
-
|
|
9666
|
-
|
|
9702
|
+
p7 as ba,
|
|
9703
|
+
s7 as bb,
|
|
9704
|
+
f7 as bc,
|
|
9705
|
+
v7 as bd,
|
|
9667
9706
|
e5 as be,
|
|
9668
|
-
|
|
9669
|
-
|
|
9670
|
-
|
|
9671
|
-
|
|
9707
|
+
m7 as bf,
|
|
9708
|
+
b7 as bg,
|
|
9709
|
+
ae as bh,
|
|
9710
|
+
se as bi,
|
|
9672
9711
|
P5 as bj,
|
|
9673
|
-
|
|
9674
|
-
|
|
9675
|
-
|
|
9676
|
-
|
|
9712
|
+
re as bk,
|
|
9713
|
+
le as bl,
|
|
9714
|
+
de as bm,
|
|
9715
|
+
M7 as bn,
|
|
9677
9716
|
d1 as bo,
|
|
9678
9717
|
V1 as bp,
|
|
9679
|
-
|
|
9718
|
+
J3 as bq,
|
|
9680
9719
|
A as br,
|
|
9681
|
-
|
|
9720
|
+
U7 as bs,
|
|
9682
9721
|
P1 as bt,
|
|
9683
|
-
|
|
9722
|
+
j0 as bu,
|
|
9684
9723
|
k as c,
|
|
9685
9724
|
T as d,
|
|
9686
9725
|
Z2 as e,
|
|
@@ -9689,13 +9728,13 @@ export {
|
|
|
9689
9728
|
E as h,
|
|
9690
9729
|
Q as i,
|
|
9691
9730
|
R5 as j,
|
|
9692
|
-
|
|
9731
|
+
L0 as k,
|
|
9693
9732
|
D2 as l,
|
|
9694
|
-
|
|
9733
|
+
V0 as m,
|
|
9695
9734
|
c2 as n,
|
|
9696
9735
|
k2 as o,
|
|
9697
9736
|
G as p,
|
|
9698
|
-
|
|
9737
|
+
o0 as q,
|
|
9699
9738
|
Z as r,
|
|
9700
9739
|
$2 as s,
|
|
9701
9740
|
q2 as t,
|