@aura360/aura-nine-dot-menu 1.0.1 → 1.2.1
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/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
const
|
|
3
|
-
let
|
|
1
|
+
import gt, { useRef as mt, useEffect as X } from "react";
|
|
2
|
+
const R = globalThis, W = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), tt = /* @__PURE__ */ new WeakMap();
|
|
3
|
+
let ct = class {
|
|
4
4
|
constructor(t, e, s) {
|
|
5
|
-
if (this._$cssResult$ = !0, s !==
|
|
5
|
+
if (this._$cssResult$ = !0, s !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
6
6
|
this.cssText = t, this.t = e;
|
|
7
7
|
}
|
|
8
8
|
get styleSheet() {
|
|
@@ -10,7 +10,7 @@ let pt = class {
|
|
|
10
10
|
const e = this.t;
|
|
11
11
|
if (W && t === void 0) {
|
|
12
12
|
const s = e !== void 0 && e.length === 1;
|
|
13
|
-
s && (t =
|
|
13
|
+
s && (t = tt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && tt.set(e, t));
|
|
14
14
|
}
|
|
15
15
|
return t;
|
|
16
16
|
}
|
|
@@ -18,28 +18,28 @@ let pt = class {
|
|
|
18
18
|
return this.cssText;
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
const
|
|
22
|
-
const e = i.length === 1 ? i[0] : t.reduce((s, r,
|
|
23
|
-
if (
|
|
24
|
-
if (typeof
|
|
25
|
-
throw Error("Value passed to 'css' function must be a 'css' function result: " +
|
|
26
|
-
})(r) + i[
|
|
27
|
-
return new
|
|
28
|
-
},
|
|
21
|
+
const vt = (i) => new ct(typeof i == "string" ? i : i + "", void 0, K), L = (i, ...t) => {
|
|
22
|
+
const e = i.length === 1 ? i[0] : t.reduce((s, r, n) => s + ((o) => {
|
|
23
|
+
if (o._$cssResult$ === !0) return o.cssText;
|
|
24
|
+
if (typeof o == "number") return o;
|
|
25
|
+
throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
26
|
+
})(r) + i[n + 1], i[0]);
|
|
27
|
+
return new ct(e, i, K);
|
|
28
|
+
}, yt = (i, t) => {
|
|
29
29
|
if (W) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
30
30
|
else for (const e of t) {
|
|
31
|
-
const s = document.createElement("style"), r =
|
|
31
|
+
const s = document.createElement("style"), r = R.litNonce;
|
|
32
32
|
r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
|
|
33
33
|
}
|
|
34
|
-
},
|
|
34
|
+
}, et = W ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
|
|
35
35
|
let e = "";
|
|
36
36
|
for (const s of t.cssRules) e += s.cssText;
|
|
37
|
-
return
|
|
37
|
+
return vt(e);
|
|
38
38
|
})(i) : i;
|
|
39
|
-
const { is:
|
|
39
|
+
const { is: bt, defineProperty: At, getOwnPropertyDescriptor: xt, getOwnPropertyNames: Et, getOwnPropertySymbols: wt, getPrototypeOf: St } = Object, k = globalThis, st = k.trustedTypes, Pt = st ? st.emptyScript : "", Ct = k.reactiveElementPolyfillSupport, P = (i, t) => i, D = { toAttribute(i, t) {
|
|
40
40
|
switch (t) {
|
|
41
41
|
case Boolean:
|
|
42
|
-
i = i ?
|
|
42
|
+
i = i ? Pt : null;
|
|
43
43
|
break;
|
|
44
44
|
case Object:
|
|
45
45
|
case Array:
|
|
@@ -64,44 +64,44 @@ const { is: vt, defineProperty: yt, getOwnPropertyDescriptor: At, getOwnProperty
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
return e;
|
|
67
|
-
} },
|
|
68
|
-
Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"),
|
|
69
|
-
let
|
|
67
|
+
} }, Z = (i, t) => !bt(i, t), rt = { attribute: !0, type: String, converter: D, reflect: !1, useDefault: !1, hasChanged: Z };
|
|
68
|
+
Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), k.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
69
|
+
let b = class extends HTMLElement {
|
|
70
70
|
static addInitializer(t) {
|
|
71
71
|
this._$Ei(), (this.l ??= []).push(t);
|
|
72
72
|
}
|
|
73
73
|
static get observedAttributes() {
|
|
74
74
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
75
75
|
}
|
|
76
|
-
static createProperty(t, e =
|
|
76
|
+
static createProperty(t, e = rt) {
|
|
77
77
|
if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
|
|
78
78
|
const s = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, s, e);
|
|
79
|
-
r !== void 0 &&
|
|
79
|
+
r !== void 0 && At(this.prototype, t, r);
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
static getPropertyDescriptor(t, e, s) {
|
|
83
|
-
const { get: r, set:
|
|
83
|
+
const { get: r, set: n } = xt(this.prototype, t) ?? { get() {
|
|
84
84
|
return this[e];
|
|
85
|
-
}, set(
|
|
86
|
-
this[e] =
|
|
85
|
+
}, set(o) {
|
|
86
|
+
this[e] = o;
|
|
87
87
|
} };
|
|
88
|
-
return { get: r, set(
|
|
88
|
+
return { get: r, set(o) {
|
|
89
89
|
const h = r?.call(this);
|
|
90
|
-
|
|
90
|
+
n?.call(this, o), this.requestUpdate(t, h, s);
|
|
91
91
|
}, configurable: !0, enumerable: !0 };
|
|
92
92
|
}
|
|
93
93
|
static getPropertyOptions(t) {
|
|
94
|
-
return this.elementProperties.get(t) ??
|
|
94
|
+
return this.elementProperties.get(t) ?? rt;
|
|
95
95
|
}
|
|
96
96
|
static _$Ei() {
|
|
97
|
-
if (this.hasOwnProperty(
|
|
98
|
-
const t =
|
|
97
|
+
if (this.hasOwnProperty(P("elementProperties"))) return;
|
|
98
|
+
const t = St(this);
|
|
99
99
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
100
100
|
}
|
|
101
101
|
static finalize() {
|
|
102
|
-
if (this.hasOwnProperty(
|
|
103
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(
|
|
104
|
-
const e = this.properties, s = [...
|
|
102
|
+
if (this.hasOwnProperty(P("finalized"))) return;
|
|
103
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
|
|
104
|
+
const e = this.properties, s = [...Et(e), ...wt(e)];
|
|
105
105
|
for (const r of s) this.createProperty(r, e[r]);
|
|
106
106
|
}
|
|
107
107
|
const t = this[Symbol.metadata];
|
|
@@ -120,8 +120,8 @@ let y = class extends HTMLElement {
|
|
|
120
120
|
const e = [];
|
|
121
121
|
if (Array.isArray(t)) {
|
|
122
122
|
const s = new Set(t.flat(1 / 0).reverse());
|
|
123
|
-
for (const r of s) e.unshift(
|
|
124
|
-
} else t !== void 0 && e.push(
|
|
123
|
+
for (const r of s) e.unshift(et(r));
|
|
124
|
+
} else t !== void 0 && e.push(et(t));
|
|
125
125
|
return e;
|
|
126
126
|
}
|
|
127
127
|
static _$Eu(t, e) {
|
|
@@ -147,7 +147,7 @@ let y = class extends HTMLElement {
|
|
|
147
147
|
}
|
|
148
148
|
createRenderRoot() {
|
|
149
149
|
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
150
|
-
return
|
|
150
|
+
return yt(t, this.constructor.elementStyles), t;
|
|
151
151
|
}
|
|
152
152
|
connectedCallback() {
|
|
153
153
|
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
|
|
@@ -163,29 +163,29 @@ let y = class extends HTMLElement {
|
|
|
163
163
|
_$ET(t, e) {
|
|
164
164
|
const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
|
|
165
165
|
if (r !== void 0 && s.reflect === !0) {
|
|
166
|
-
const
|
|
167
|
-
this._$Em = t,
|
|
166
|
+
const n = (s.converter?.toAttribute !== void 0 ? s.converter : D).toAttribute(e, s.type);
|
|
167
|
+
this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
_$AK(t, e) {
|
|
171
171
|
const s = this.constructor, r = s._$Eh.get(t);
|
|
172
172
|
if (r !== void 0 && this._$Em !== r) {
|
|
173
|
-
const
|
|
173
|
+
const n = s.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : D;
|
|
174
174
|
this._$Em = r;
|
|
175
|
-
const h =
|
|
175
|
+
const h = o.fromAttribute(e, n.type);
|
|
176
176
|
this[r] = h ?? this._$Ej?.get(r) ?? h, this._$Em = null;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
requestUpdate(t, e, s, r = !1,
|
|
179
|
+
requestUpdate(t, e, s, r = !1, n) {
|
|
180
180
|
if (t !== void 0) {
|
|
181
|
-
const
|
|
182
|
-
if (r === !1 && (
|
|
181
|
+
const o = this.constructor;
|
|
182
|
+
if (r === !1 && (n = this[t]), s ??= o.getPropertyOptions(t), !((s.hasChanged ?? Z)(n, e) || s.useDefault && s.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, s)))) return;
|
|
183
183
|
this.C(t, e, s);
|
|
184
184
|
}
|
|
185
185
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
186
186
|
}
|
|
187
|
-
C(t, e, { useDefault: s, reflect: r, wrapped:
|
|
188
|
-
s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t,
|
|
187
|
+
C(t, e, { useDefault: s, reflect: r, wrapped: n }, o) {
|
|
188
|
+
s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
|
|
189
189
|
}
|
|
190
190
|
async _$EP() {
|
|
191
191
|
this.isUpdatePending = !0;
|
|
@@ -204,13 +204,13 @@ let y = class extends HTMLElement {
|
|
|
204
204
|
if (!this.isUpdatePending) return;
|
|
205
205
|
if (!this.hasUpdated) {
|
|
206
206
|
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
|
|
207
|
-
for (const [r,
|
|
207
|
+
for (const [r, n] of this._$Ep) this[r] = n;
|
|
208
208
|
this._$Ep = void 0;
|
|
209
209
|
}
|
|
210
210
|
const s = this.constructor.elementProperties;
|
|
211
|
-
if (s.size > 0) for (const [r,
|
|
212
|
-
const { wrapped:
|
|
213
|
-
|
|
211
|
+
if (s.size > 0) for (const [r, n] of s) {
|
|
212
|
+
const { wrapped: o } = n, h = this[r];
|
|
213
|
+
o !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, n, h);
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
216
|
let t = !1;
|
|
@@ -247,70 +247,70 @@ let y = class extends HTMLElement {
|
|
|
247
247
|
firstUpdated(t) {
|
|
248
248
|
}
|
|
249
249
|
};
|
|
250
|
-
|
|
251
|
-
const
|
|
252
|
-
\f\r]`,
|
|
253
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
250
|
+
b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[P("elementProperties")] = /* @__PURE__ */ new Map(), b[P("finalized")] = /* @__PURE__ */ new Map(), Ct?.({ ReactiveElement: b }), (k.reactiveElementVersions ??= []).push("2.1.2");
|
|
251
|
+
const F = globalThis, it = (i) => i, j = F.trustedTypes, nt = j ? j.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, dt = "$lit$", f = `lit$${Math.random().toFixed(9).slice(2)}$`, ut = "?" + f, Ot = `<${ut}>`, y = document, C = () => y.createComment(""), O = (i) => i === null || typeof i != "object" && typeof i != "function", J = Array.isArray, Ut = (i) => J(i) || typeof i?.[Symbol.iterator] == "function", V = `[
|
|
252
|
+
\f\r]`, S = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ot = /-->/g, at = />/g, m = RegExp(`>|${V}(?:([^\\s"'>=/]+)(${V}*=${V}*(?:[^
|
|
253
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ht = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, Tt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), A = Tt(1), x = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), v = y.createTreeWalker(y, 129);
|
|
254
254
|
function ft(i, t) {
|
|
255
|
-
if (!
|
|
256
|
-
return
|
|
255
|
+
if (!J(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
256
|
+
return nt !== void 0 ? nt.createHTML(t) : t;
|
|
257
257
|
}
|
|
258
|
-
const
|
|
258
|
+
const Mt = (i, t) => {
|
|
259
259
|
const e = i.length - 1, s = [];
|
|
260
|
-
let r,
|
|
260
|
+
let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = S;
|
|
261
261
|
for (let h = 0; h < e; h++) {
|
|
262
262
|
const a = i[h];
|
|
263
263
|
let p, d, l = -1, u = 0;
|
|
264
|
-
for (; u < a.length && (
|
|
265
|
-
const
|
|
266
|
-
|
|
264
|
+
for (; u < a.length && (o.lastIndex = u, d = o.exec(a), d !== null); ) u = o.lastIndex, o === S ? d[1] === "!--" ? o = ot : d[1] !== void 0 ? o = at : d[2] !== void 0 ? ($t.test(d[2]) && (r = RegExp("</" + d[2], "g")), o = m) : d[3] !== void 0 && (o = m) : o === m ? d[0] === ">" ? (o = r ?? S, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, p = d[1], o = d[3] === void 0 ? m : d[3] === '"' ? lt : ht) : o === lt || o === ht ? o = m : o === ot || o === at ? o = S : (o = m, r = void 0);
|
|
265
|
+
const $ = o === m && i[h + 1].startsWith("/>") ? " " : "";
|
|
266
|
+
n += o === S ? a + Ot : l >= 0 ? (s.push(p), a.slice(0, l) + dt + a.slice(l) + f + $) : a + f + (l === -2 ? h : $);
|
|
267
267
|
}
|
|
268
|
-
return [ft(i,
|
|
268
|
+
return [ft(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
269
269
|
};
|
|
270
|
-
class
|
|
270
|
+
class U {
|
|
271
271
|
constructor({ strings: t, _$litType$: e }, s) {
|
|
272
272
|
let r;
|
|
273
273
|
this.parts = [];
|
|
274
|
-
let
|
|
275
|
-
const h = t.length - 1, a = this.parts, [p, d] =
|
|
276
|
-
if (this.el =
|
|
274
|
+
let n = 0, o = 0;
|
|
275
|
+
const h = t.length - 1, a = this.parts, [p, d] = Mt(t, e);
|
|
276
|
+
if (this.el = U.createElement(p, s), v.currentNode = this.el.content, e === 2 || e === 3) {
|
|
277
277
|
const l = this.el.content.firstChild;
|
|
278
278
|
l.replaceWith(...l.childNodes);
|
|
279
279
|
}
|
|
280
|
-
for (; (r =
|
|
280
|
+
for (; (r = v.nextNode()) !== null && a.length < h; ) {
|
|
281
281
|
if (r.nodeType === 1) {
|
|
282
|
-
if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(
|
|
283
|
-
const u = d[
|
|
284
|
-
a.push({ type: 1, index:
|
|
285
|
-
} else l.startsWith(
|
|
286
|
-
if (
|
|
287
|
-
const l = r.textContent.split(
|
|
282
|
+
if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(dt)) {
|
|
283
|
+
const u = d[o++], $ = r.getAttribute(l).split(f), N = /([.?@])?(.*)/.exec(u);
|
|
284
|
+
a.push({ type: 1, index: n, name: N[2], strings: $, ctor: N[1] === "." ? Nt : N[1] === "?" ? Rt : N[1] === "@" ? Dt : B }), r.removeAttribute(l);
|
|
285
|
+
} else l.startsWith(f) && (a.push({ type: 6, index: n }), r.removeAttribute(l));
|
|
286
|
+
if ($t.test(r.tagName)) {
|
|
287
|
+
const l = r.textContent.split(f), u = l.length - 1;
|
|
288
288
|
if (u > 0) {
|
|
289
|
-
r.textContent =
|
|
290
|
-
for (let
|
|
291
|
-
r.append(l[u],
|
|
289
|
+
r.textContent = j ? j.emptyScript : "";
|
|
290
|
+
for (let $ = 0; $ < u; $++) r.append(l[$], C()), v.nextNode(), a.push({ type: 2, index: ++n });
|
|
291
|
+
r.append(l[u], C());
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
} else if (r.nodeType === 8) if (r.data ===
|
|
294
|
+
} else if (r.nodeType === 8) if (r.data === ut) a.push({ type: 2, index: n });
|
|
295
295
|
else {
|
|
296
296
|
let l = -1;
|
|
297
|
-
for (; (l = r.data.indexOf(
|
|
297
|
+
for (; (l = r.data.indexOf(f, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += f.length - 1;
|
|
298
298
|
}
|
|
299
|
-
|
|
299
|
+
n++;
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
static createElement(t, e) {
|
|
303
|
-
const s =
|
|
303
|
+
const s = y.createElement("template");
|
|
304
304
|
return s.innerHTML = t, s;
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
|
-
function
|
|
308
|
-
if (t ===
|
|
307
|
+
function E(i, t, e = i, s) {
|
|
308
|
+
if (t === x) return t;
|
|
309
309
|
let r = s !== void 0 ? e._$Co?.[s] : e._$Cl;
|
|
310
|
-
const
|
|
311
|
-
return r?.constructor !==
|
|
310
|
+
const n = O(t) ? void 0 : t._$litDirective$;
|
|
311
|
+
return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = r : e._$Cl = r), r !== void 0 && (t = E(i, r._$AS(i, t.values), r, s)), t;
|
|
312
312
|
}
|
|
313
|
-
class
|
|
313
|
+
class Ht {
|
|
314
314
|
constructor(t, e) {
|
|
315
315
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
316
316
|
}
|
|
@@ -321,24 +321,24 @@ class Tt {
|
|
|
321
321
|
return this._$AM._$AU;
|
|
322
322
|
}
|
|
323
323
|
u(t) {
|
|
324
|
-
const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ??
|
|
325
|
-
|
|
326
|
-
let
|
|
324
|
+
const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? y).importNode(e, !0);
|
|
325
|
+
v.currentNode = r;
|
|
326
|
+
let n = v.nextNode(), o = 0, h = 0, a = s[0];
|
|
327
327
|
for (; a !== void 0; ) {
|
|
328
|
-
if (
|
|
328
|
+
if (o === a.index) {
|
|
329
329
|
let p;
|
|
330
|
-
a.type === 2 ? p = new
|
|
330
|
+
a.type === 2 ? p = new H(n, n.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (p = new jt(n, this, t)), this._$AV.push(p), a = s[++h];
|
|
331
331
|
}
|
|
332
|
-
|
|
332
|
+
o !== a?.index && (n = v.nextNode(), o++);
|
|
333
333
|
}
|
|
334
|
-
return
|
|
334
|
+
return v.currentNode = y, r;
|
|
335
335
|
}
|
|
336
336
|
p(t) {
|
|
337
337
|
let e = 0;
|
|
338
338
|
for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
|
-
class
|
|
341
|
+
class H {
|
|
342
342
|
get _$AU() {
|
|
343
343
|
return this._$AM?._$AU ?? this._$Cv;
|
|
344
344
|
}
|
|
@@ -357,7 +357,7 @@ class T {
|
|
|
357
357
|
return this._$AB;
|
|
358
358
|
}
|
|
359
359
|
_$AI(t, e = this) {
|
|
360
|
-
t =
|
|
360
|
+
t = E(this, t, e), O(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ut(t) ? this.k(t) : this._(t);
|
|
361
361
|
}
|
|
362
362
|
O(t) {
|
|
363
363
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -366,63 +366,63 @@ class T {
|
|
|
366
366
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
367
367
|
}
|
|
368
368
|
_(t) {
|
|
369
|
-
this._$AH !== c &&
|
|
369
|
+
this._$AH !== c && O(this._$AH) ? this._$AA.nextSibling.data = t : this.T(y.createTextNode(t)), this._$AH = t;
|
|
370
370
|
}
|
|
371
371
|
$(t) {
|
|
372
|
-
const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el =
|
|
372
|
+
const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = U.createElement(ft(s.h, s.h[0]), this.options)), s);
|
|
373
373
|
if (this._$AH?._$AD === r) this._$AH.p(e);
|
|
374
374
|
else {
|
|
375
|
-
const
|
|
376
|
-
|
|
375
|
+
const n = new Ht(r, this), o = n.u(this.options);
|
|
376
|
+
n.p(e), this.T(o), this._$AH = n;
|
|
377
377
|
}
|
|
378
378
|
}
|
|
379
379
|
_$AC(t) {
|
|
380
|
-
let e =
|
|
381
|
-
return e === void 0 &&
|
|
380
|
+
let e = pt.get(t.strings);
|
|
381
|
+
return e === void 0 && pt.set(t.strings, e = new U(t)), e;
|
|
382
382
|
}
|
|
383
383
|
k(t) {
|
|
384
|
-
|
|
384
|
+
J(this._$AH) || (this._$AH = [], this._$AR());
|
|
385
385
|
const e = this._$AH;
|
|
386
386
|
let s, r = 0;
|
|
387
|
-
for (const
|
|
387
|
+
for (const n of t) r === e.length ? e.push(s = new H(this.O(C()), this.O(C()), this, this.options)) : s = e[r], s._$AI(n), r++;
|
|
388
388
|
r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
|
|
389
389
|
}
|
|
390
390
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
391
391
|
for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
|
|
392
|
-
const s =
|
|
393
|
-
|
|
392
|
+
const s = it(t).nextSibling;
|
|
393
|
+
it(t).remove(), t = s;
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
396
|
setConnected(t) {
|
|
397
397
|
this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
-
class
|
|
400
|
+
class B {
|
|
401
401
|
get tagName() {
|
|
402
402
|
return this.element.tagName;
|
|
403
403
|
}
|
|
404
404
|
get _$AU() {
|
|
405
405
|
return this._$AM._$AU;
|
|
406
406
|
}
|
|
407
|
-
constructor(t, e, s, r,
|
|
408
|
-
this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options =
|
|
407
|
+
constructor(t, e, s, r, n) {
|
|
408
|
+
this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
|
|
409
409
|
}
|
|
410
410
|
_$AI(t, e = this, s, r) {
|
|
411
|
-
const
|
|
412
|
-
let
|
|
413
|
-
if (
|
|
411
|
+
const n = this.strings;
|
|
412
|
+
let o = !1;
|
|
413
|
+
if (n === void 0) t = E(this, t, e, 0), o = !O(t) || t !== this._$AH && t !== x, o && (this._$AH = t);
|
|
414
414
|
else {
|
|
415
415
|
const h = t;
|
|
416
416
|
let a, p;
|
|
417
|
-
for (t =
|
|
417
|
+
for (t = n[0], a = 0; a < n.length - 1; a++) p = E(this, h[s + a], e, a), p === x && (p = this._$AH[a]), o ||= !O(p) || p !== this._$AH[a], p === c ? t = c : t !== c && (t += (p ?? "") + n[a + 1]), this._$AH[a] = p;
|
|
418
418
|
}
|
|
419
|
-
|
|
419
|
+
o && !r && this.j(t);
|
|
420
420
|
}
|
|
421
421
|
j(t) {
|
|
422
422
|
t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
|
-
class
|
|
425
|
+
class Nt extends B {
|
|
426
426
|
constructor() {
|
|
427
427
|
super(...arguments), this.type = 3;
|
|
428
428
|
}
|
|
@@ -430,7 +430,7 @@ class Mt extends z {
|
|
|
430
430
|
this.element[this.name] = t === c ? void 0 : t;
|
|
431
431
|
}
|
|
432
432
|
}
|
|
433
|
-
class
|
|
433
|
+
class Rt extends B {
|
|
434
434
|
constructor() {
|
|
435
435
|
super(...arguments), this.type = 4;
|
|
436
436
|
}
|
|
@@ -438,20 +438,20 @@ class Ht extends z {
|
|
|
438
438
|
this.element.toggleAttribute(this.name, !!t && t !== c);
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
class
|
|
442
|
-
constructor(t, e, s, r,
|
|
443
|
-
super(t, e, s, r,
|
|
441
|
+
class Dt extends B {
|
|
442
|
+
constructor(t, e, s, r, n) {
|
|
443
|
+
super(t, e, s, r, n), this.type = 5;
|
|
444
444
|
}
|
|
445
445
|
_$AI(t, e = this) {
|
|
446
|
-
if ((t =
|
|
447
|
-
const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive,
|
|
448
|
-
r && this.element.removeEventListener(this.name, this, s),
|
|
446
|
+
if ((t = E(this, t, e, 0) ?? c) === x) return;
|
|
447
|
+
const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== c && (s === c || r);
|
|
448
|
+
r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
449
449
|
}
|
|
450
450
|
handleEvent(t) {
|
|
451
451
|
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
|
|
452
452
|
}
|
|
453
453
|
}
|
|
454
|
-
class
|
|
454
|
+
class jt {
|
|
455
455
|
constructor(t, e, s) {
|
|
456
456
|
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
|
|
457
457
|
}
|
|
@@ -459,22 +459,22 @@ class Rt {
|
|
|
459
459
|
return this._$AM._$AU;
|
|
460
460
|
}
|
|
461
461
|
_$AI(t) {
|
|
462
|
-
|
|
462
|
+
E(this, t);
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
|
-
const
|
|
466
|
-
|
|
467
|
-
const
|
|
465
|
+
const zt = F.litHtmlPolyfillSupport;
|
|
466
|
+
zt?.(U, H), (F.litHtmlVersions ??= []).push("3.3.2");
|
|
467
|
+
const Lt = (i, t, e) => {
|
|
468
468
|
const s = e?.renderBefore ?? t;
|
|
469
469
|
let r = s._$litPart$;
|
|
470
470
|
if (r === void 0) {
|
|
471
|
-
const
|
|
472
|
-
s._$litPart$ = r = new
|
|
471
|
+
const n = e?.renderBefore ?? null;
|
|
472
|
+
s._$litPart$ = r = new H(t.insertBefore(C(), n), n, void 0, e ?? {});
|
|
473
473
|
}
|
|
474
474
|
return r._$AI(i), r;
|
|
475
475
|
};
|
|
476
476
|
const Y = globalThis;
|
|
477
|
-
class
|
|
477
|
+
class _ extends b {
|
|
478
478
|
constructor() {
|
|
479
479
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
480
480
|
}
|
|
@@ -484,7 +484,7 @@ class g extends y {
|
|
|
484
484
|
}
|
|
485
485
|
update(t) {
|
|
486
486
|
const e = this.render();
|
|
487
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do =
|
|
487
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Lt(e, this.renderRoot, this.renderOptions);
|
|
488
488
|
}
|
|
489
489
|
connectedCallback() {
|
|
490
490
|
super.connectedCallback(), this._$Do?.setConnected(!0);
|
|
@@ -493,56 +493,56 @@ class g extends y {
|
|
|
493
493
|
super.disconnectedCallback(), this._$Do?.setConnected(!1);
|
|
494
494
|
}
|
|
495
495
|
render() {
|
|
496
|
-
return
|
|
496
|
+
return x;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
|
|
500
|
-
const
|
|
501
|
-
|
|
499
|
+
_._$litElement$ = !0, _.finalized = !0, Y.litElementHydrateSupport?.({ LitElement: _ });
|
|
500
|
+
const kt = Y.litElementPolyfillSupport;
|
|
501
|
+
kt?.({ LitElement: _ });
|
|
502
502
|
(Y.litElementVersions ??= []).push("4.2.2");
|
|
503
|
-
const
|
|
503
|
+
const I = (i) => (t, e) => {
|
|
504
504
|
e !== void 0 ? e.addInitializer(() => {
|
|
505
505
|
customElements.define(i, t);
|
|
506
506
|
}) : customElements.define(i, t);
|
|
507
507
|
};
|
|
508
|
-
const
|
|
508
|
+
const Bt = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged: Z }, It = (i = Bt, t, e) => {
|
|
509
509
|
const { kind: s, metadata: r } = e;
|
|
510
|
-
let
|
|
511
|
-
if (
|
|
512
|
-
const { name:
|
|
510
|
+
let n = globalThis.litPropertyMetadata.get(r);
|
|
511
|
+
if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(e.name, i), s === "accessor") {
|
|
512
|
+
const { name: o } = e;
|
|
513
513
|
return { set(h) {
|
|
514
514
|
const a = t.get.call(this);
|
|
515
|
-
t.set.call(this, h), this.requestUpdate(
|
|
515
|
+
t.set.call(this, h), this.requestUpdate(o, a, i, !0, h);
|
|
516
516
|
}, init(h) {
|
|
517
|
-
return h !== void 0 && this.C(
|
|
517
|
+
return h !== void 0 && this.C(o, void 0, i, h), h;
|
|
518
518
|
} };
|
|
519
519
|
}
|
|
520
520
|
if (s === "setter") {
|
|
521
|
-
const { name:
|
|
521
|
+
const { name: o } = e;
|
|
522
522
|
return function(h) {
|
|
523
|
-
const a = this[
|
|
524
|
-
t.call(this, h), this.requestUpdate(
|
|
523
|
+
const a = this[o];
|
|
524
|
+
t.call(this, h), this.requestUpdate(o, a, i, !0, h);
|
|
525
525
|
};
|
|
526
526
|
}
|
|
527
527
|
throw Error("Unsupported decorator location: " + s);
|
|
528
528
|
};
|
|
529
|
-
function
|
|
530
|
-
return (t, e) => typeof e == "object" ?
|
|
531
|
-
const
|
|
532
|
-
return r.constructor.createProperty(
|
|
529
|
+
function g(i) {
|
|
530
|
+
return (t, e) => typeof e == "object" ? It(i, t, e) : ((s, r, n) => {
|
|
531
|
+
const o = r.hasOwnProperty(n);
|
|
532
|
+
return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
|
|
533
533
|
})(i, t, e);
|
|
534
534
|
}
|
|
535
|
-
function
|
|
536
|
-
return
|
|
535
|
+
function qt(i) {
|
|
536
|
+
return g({ ...i, state: !0, attribute: !1 });
|
|
537
537
|
}
|
|
538
|
-
var
|
|
539
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
540
|
-
(
|
|
541
|
-
return s && r &&
|
|
538
|
+
var Vt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, q = (i, t, e, s) => {
|
|
539
|
+
for (var r = s > 1 ? void 0 : s ? Wt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
540
|
+
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
541
|
+
return s && r && Vt(t, e, r), r;
|
|
542
542
|
};
|
|
543
|
-
let
|
|
543
|
+
let w = class extends _ {
|
|
544
544
|
constructor() {
|
|
545
|
-
super(...arguments), this.data = [], this.
|
|
545
|
+
super(...arguments), this.data = [], this.theme = "light", this.open = !1;
|
|
546
546
|
}
|
|
547
547
|
render() {
|
|
548
548
|
return A`
|
|
@@ -563,12 +563,14 @@ let E = class extends g {
|
|
|
563
563
|
.newTab=${i.newTab ?? !0}
|
|
564
564
|
key=${i.id}
|
|
565
565
|
>
|
|
566
|
-
<aura-app-icon
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
<aura-app-text
|
|
566
|
+
<aura-app-icon
|
|
567
|
+
.icon=${i.icon}
|
|
568
|
+
.label=${i.label}
|
|
569
|
+
></aura-app-icon>
|
|
570
|
+
|
|
571
|
+
<aura-app-text
|
|
572
|
+
.label=${i.label}
|
|
573
|
+
></aura-app-text>
|
|
572
574
|
</aura-app>
|
|
573
575
|
`;
|
|
574
576
|
}
|
|
@@ -576,7 +578,7 @@ let E = class extends g {
|
|
|
576
578
|
this.open = !this.open;
|
|
577
579
|
}
|
|
578
580
|
};
|
|
579
|
-
|
|
581
|
+
w.styles = L`
|
|
580
582
|
:host {
|
|
581
583
|
--menu-bg: #ffffff;
|
|
582
584
|
--menu-text: #000000;
|
|
@@ -589,46 +591,25 @@ E.styles = k`
|
|
|
589
591
|
--box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
|
|
590
592
|
}
|
|
591
593
|
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
:
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
}
|
|
601
|
-
|
|
602
|
-
:host([position="bottom-right"]) {
|
|
603
|
-
bottom: var(--offset);
|
|
604
|
-
right: var(--offset);
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
:host([position="bottom-left"]) {
|
|
608
|
-
bottom: var(--offset);
|
|
609
|
-
left: var(--offset);
|
|
610
|
-
}
|
|
611
|
-
|
|
612
|
-
:host([position*="right"]) .panel {
|
|
613
|
-
right: 0;
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
:host([position*="left"]) .panel {
|
|
617
|
-
left: 0;
|
|
618
|
-
}
|
|
619
|
-
|
|
594
|
+
:host([theme="light"]) {
|
|
595
|
+
--menu-bg: #ffffff;
|
|
596
|
+
--menu-text: #000000;
|
|
597
|
+
--dot-color: #000000;
|
|
598
|
+
--hover-bg: rgba(0, 0, 0, 0.08);
|
|
599
|
+
--box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),
|
|
600
|
+
0 1px 3px rgba(0,0,0,.3);
|
|
601
|
+
}
|
|
620
602
|
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
}
|
|
603
|
+
/* ===== DARK THEME ===== */
|
|
604
|
+
:host([theme="dark"]) {
|
|
605
|
+
--menu-bg: #202124;
|
|
606
|
+
--menu-text: #ffffff;
|
|
607
|
+
--dot-color: #ffffff;
|
|
608
|
+
--hover-bg: rgba(255, 255, 255, 0.1);
|
|
609
|
+
--box-shadow: 0 1px 2px rgba(0,0,0,.4),
|
|
610
|
+
0 6px 16px rgba(0,0,0,.6),
|
|
611
|
+
0 12px 32px rgba(0,0,0,.4);
|
|
612
|
+
}
|
|
632
613
|
|
|
633
614
|
/* Trigger nine-dot button */
|
|
634
615
|
.trigger {
|
|
@@ -735,24 +716,24 @@ E.styles = k`
|
|
|
735
716
|
}
|
|
736
717
|
|
|
737
718
|
`;
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
],
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
],
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
],
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
],
|
|
750
|
-
var
|
|
751
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
752
|
-
(
|
|
753
|
-
return s && r &&
|
|
719
|
+
q([
|
|
720
|
+
g({ type: Array })
|
|
721
|
+
], w.prototype, "data", 2);
|
|
722
|
+
q([
|
|
723
|
+
g({ reflect: !0 })
|
|
724
|
+
], w.prototype, "theme", 2);
|
|
725
|
+
q([
|
|
726
|
+
qt()
|
|
727
|
+
], w.prototype, "open", 2);
|
|
728
|
+
w = q([
|
|
729
|
+
I("aura-nine-dot-menu")
|
|
730
|
+
], w);
|
|
731
|
+
var Kt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, G = (i, t, e, s) => {
|
|
732
|
+
for (var r = s > 1 ? void 0 : s ? Zt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
733
|
+
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
734
|
+
return s && r && Kt(t, e, r), r;
|
|
754
735
|
};
|
|
755
|
-
let
|
|
736
|
+
let T = class extends _ {
|
|
756
737
|
constructor() {
|
|
757
738
|
super(...arguments), this.href = "", this.newTab = !0;
|
|
758
739
|
}
|
|
@@ -768,7 +749,7 @@ let U = class extends g {
|
|
|
768
749
|
`;
|
|
769
750
|
}
|
|
770
751
|
};
|
|
771
|
-
|
|
752
|
+
T.styles = L`
|
|
772
753
|
:host {
|
|
773
754
|
display: block;
|
|
774
755
|
}
|
|
@@ -790,86 +771,102 @@ U.styles = k`
|
|
|
790
771
|
}
|
|
791
772
|
`;
|
|
792
773
|
G([
|
|
793
|
-
|
|
794
|
-
],
|
|
774
|
+
g()
|
|
775
|
+
], T.prototype, "href", 2);
|
|
795
776
|
G([
|
|
796
|
-
|
|
797
|
-
],
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
],
|
|
801
|
-
var
|
|
802
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
803
|
-
(
|
|
804
|
-
return r;
|
|
777
|
+
g({ type: Boolean })
|
|
778
|
+
], T.prototype, "newTab", 2);
|
|
779
|
+
T = G([
|
|
780
|
+
I("aura-app")
|
|
781
|
+
], T);
|
|
782
|
+
var Ft = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Q = (i, t, e, s) => {
|
|
783
|
+
for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
784
|
+
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
785
|
+
return s && r && Ft(t, e, r), r;
|
|
805
786
|
};
|
|
806
|
-
let
|
|
807
|
-
|
|
787
|
+
let M = class extends _ {
|
|
788
|
+
constructor() {
|
|
789
|
+
super(...arguments), this.icon = "", this.label = "";
|
|
790
|
+
}
|
|
791
|
+
handleError() {
|
|
792
|
+
console.error("Failed to load icon:", this.icon);
|
|
793
|
+
}
|
|
808
794
|
render() {
|
|
809
|
-
return A
|
|
795
|
+
return A`
|
|
796
|
+
<img
|
|
797
|
+
src=${this.icon}
|
|
798
|
+
alt=${this.label}
|
|
799
|
+
@error=${this.handleError}
|
|
800
|
+
/>
|
|
801
|
+
`;
|
|
810
802
|
}
|
|
811
803
|
};
|
|
812
|
-
|
|
804
|
+
M.styles = L`
|
|
813
805
|
:host {
|
|
814
806
|
display: inline-flex;
|
|
815
|
-
color: white;
|
|
816
807
|
}
|
|
817
808
|
|
|
818
|
-
|
|
819
|
-
::slotted(svg) {
|
|
809
|
+
img, svg {
|
|
820
810
|
width: 40px;
|
|
821
811
|
height: 40px;
|
|
822
812
|
display: block;
|
|
823
813
|
}
|
|
824
814
|
|
|
825
|
-
|
|
815
|
+
svg {
|
|
826
816
|
fill: currentColor;
|
|
827
817
|
}
|
|
828
818
|
`;
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
],
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
819
|
+
Q([
|
|
820
|
+
g()
|
|
821
|
+
], M.prototype, "icon", 2);
|
|
822
|
+
Q([
|
|
823
|
+
g()
|
|
824
|
+
], M.prototype, "label", 2);
|
|
825
|
+
M = Q([
|
|
826
|
+
I("aura-app-icon")
|
|
827
|
+
], M);
|
|
828
|
+
var Yt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, _t = (i, t, e, s) => {
|
|
829
|
+
for (var r = s > 1 ? void 0 : s ? Gt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
830
|
+
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
831
|
+
return s && r && Yt(t, e, r), r;
|
|
836
832
|
};
|
|
837
|
-
let
|
|
833
|
+
let z = class extends _ {
|
|
834
|
+
constructor() {
|
|
835
|
+
super(...arguments), this.label = "";
|
|
836
|
+
}
|
|
838
837
|
render() {
|
|
839
|
-
return A
|
|
838
|
+
return A`${this.label}`;
|
|
840
839
|
}
|
|
841
840
|
};
|
|
842
|
-
|
|
841
|
+
z.styles = L`
|
|
843
842
|
:host {
|
|
844
843
|
font-size: 13px;
|
|
845
|
-
color:
|
|
844
|
+
color: var(--menu-text);
|
|
846
845
|
text-align: center;
|
|
847
846
|
}
|
|
848
847
|
|
|
849
|
-
@media (prefers-color-scheme: dark) {
|
|
850
|
-
:host {
|
|
851
|
-
color: #ffff !important;
|
|
852
|
-
}
|
|
853
|
-
}
|
|
854
848
|
`;
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
],
|
|
858
|
-
|
|
849
|
+
_t([
|
|
850
|
+
g()
|
|
851
|
+
], z.prototype, "label", 2);
|
|
852
|
+
z = _t([
|
|
853
|
+
I("aura-app-text")
|
|
854
|
+
], z);
|
|
855
|
+
const ee = ({
|
|
859
856
|
data: i,
|
|
860
857
|
position: t = "top-right",
|
|
861
858
|
onItemClick: e
|
|
862
859
|
}) => {
|
|
863
|
-
const s =
|
|
864
|
-
return
|
|
860
|
+
const s = mt(null);
|
|
861
|
+
return X(() => {
|
|
865
862
|
s.current && (s.current.data = i, s.current.position = t);
|
|
866
|
-
}, [i, t]),
|
|
867
|
-
const r = s.current,
|
|
868
|
-
e?.(
|
|
863
|
+
}, [i, t]), X(() => {
|
|
864
|
+
const r = s.current, n = (o) => {
|
|
865
|
+
e?.(o.detail);
|
|
869
866
|
};
|
|
870
|
-
return r?.addEventListener("item-click",
|
|
871
|
-
}, [e]),
|
|
867
|
+
return r?.addEventListener("item-click", n), () => r?.removeEventListener("item-click", n);
|
|
868
|
+
}, [e]), gt.createElement("aura-nine-dot-menu", { ref: s });
|
|
872
869
|
};
|
|
873
870
|
export {
|
|
874
|
-
|
|
871
|
+
ee as AuraNineDotMenu
|
|
875
872
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
(function(v,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],f):(v=typeof globalThis<"u"?globalThis:v||self,f(v.AuraNineDotMenu={},v.React))})(this,(function(v,f){"use strict";const D=globalThis,K=D.ShadowRoot&&(D.ShadyCSS===void 0||D.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Z=Symbol(),et=new WeakMap;let st=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Z)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(K&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=et.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&et.set(e,t))}return t}toString(){return this.cssText}};const mt=i=>new st(typeof i=="string"?i:i+"",void 0,Z),j=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new st(e,i,Z)},vt=(i,t)=>{if(K)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=D.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},rt=K?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return mt(e)})(i):i;const{is:yt,defineProperty:bt,getOwnPropertyDescriptor:At,getOwnPropertyNames:xt,getOwnPropertySymbols:Et,getPrototypeOf:wt}=Object,z=globalThis,it=z.trustedTypes,St=it?it.emptyScript:"",Pt=z.reactiveElementPolyfillSupport,C=(i,t)=>i,L={toAttribute(i,t){switch(t){case Boolean:i=i?St:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},F=(i,t)=>!yt(i,t),nt={attribute:!0,type:String,converter:L,reflect:!1,useDefault:!1,hasChanged:F};Symbol.metadata??=Symbol("metadata"),z.litPropertyMetadata??=new WeakMap;let x=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=nt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&bt(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=At(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:r,set(o){const h=r?.call(this);n?.call(this,o),this.requestUpdate(t,h,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??nt}static _$Ei(){if(this.hasOwnProperty(C("elementProperties")))return;const t=wt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(C("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(C("properties"))){const e=this.properties,s=[...xt(e),...Et(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(rt(r))}else t!==void 0&&e.push(rt(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return vt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const n=(s.converter?.toAttribute!==void 0?s.converter:L).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,e){const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const n=s.getPropertyOptions(r),o=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:L;this._$Em=r;const h=o.fromAttribute(e,n.type);this[r]=h??this._$Ej?.get(r)??h,this._$Em=null}}requestUpdate(t,e,s,r=!1,n){if(t!==void 0){const o=this.constructor;if(r===!1&&(n=this[t]),s??=o.getPropertyOptions(t),!((s.hasChanged??F)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:n},o){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[r,n]of this._$Ep)this[r]=n;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,n]of s){const{wrapped:o}=n,h=this[r];o!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,n,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};x.elementStyles=[],x.shadowRootOptions={mode:"open"},x[C("elementProperties")]=new Map,x[C("finalized")]=new Map,Pt?.({ReactiveElement:x}),(z.reactiveElementVersions??=[]).push("2.1.2");const J=globalThis,ot=i=>i,k=J.trustedTypes,at=k?k.createPolicy("lit-html",{createHTML:i=>i}):void 0,ht="$lit$",$=`lit$${Math.random().toFixed(9).slice(2)}$`,lt="?"+$,Ct=`<${lt}>`,y=document,O=()=>y.createComment(""),T=i=>i===null||typeof i!="object"&&typeof i!="function",Y=Array.isArray,Ot=i=>Y(i)||typeof i?.[Symbol.iterator]=="function",G=`[
|
|
2
|
+
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,pt=/-->/g,ct=/>/g,b=RegExp(`>|${G}(?:([^\\s"'>=/]+)(${G}*=${G}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),dt=/'/g,ut=/"/g,ft=/^(?:script|style|textarea|title)$/i,Tt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),E=Tt(1),w=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),$t=new WeakMap,A=y.createTreeWalker(y,129);function _t(i,t){if(!Y(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return at!==void 0?at.createHTML(t):t}const Ut=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=U;for(let h=0;h<e;h++){const a=i[h];let c,d,l=-1,u=0;for(;u<a.length&&(o.lastIndex=u,d=o.exec(a),d!==null);)u=o.lastIndex,o===U?d[1]==="!--"?o=pt:d[1]!==void 0?o=ct:d[2]!==void 0?(ft.test(d[2])&&(r=RegExp("</"+d[2],"g")),o=b):d[3]!==void 0&&(o=b):o===b?d[0]===">"?(o=r??U,l=-1):d[1]===void 0?l=-2:(l=o.lastIndex-d[2].length,c=d[1],o=d[3]===void 0?b:d[3]==='"'?ut:dt):o===ut||o===dt?o=b:o===pt||o===ct?o=U:(o=b,r=void 0);const m=o===b&&i[h+1].startsWith("/>")?" ":"";n+=o===U?a+Ct:l>=0?(s.push(c),a.slice(0,l)+ht+a.slice(l)+$+m):a+$+(l===-2?h:m)}return[_t(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class M{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const h=t.length-1,a=this.parts,[c,d]=Ut(t,e);if(this.el=M.createElement(c,s),A.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(r=A.nextNode())!==null&&a.length<h;){if(r.nodeType===1){if(r.hasAttributes())for(const l of r.getAttributeNames())if(l.endsWith(ht)){const u=d[o++],m=r.getAttribute(l).split($),W=/([.?@])?(.*)/.exec(u);a.push({type:1,index:n,name:W[2],strings:m,ctor:W[1]==="."?Ht:W[1]==="?"?Nt:W[1]==="@"?Rt:B}),r.removeAttribute(l)}else l.startsWith($)&&(a.push({type:6,index:n}),r.removeAttribute(l));if(ft.test(r.tagName)){const l=r.textContent.split($),u=l.length-1;if(u>0){r.textContent=k?k.emptyScript:"";for(let m=0;m<u;m++)r.append(l[m],O()),A.nextNode(),a.push({type:2,index:++n});r.append(l[u],O())}}}else if(r.nodeType===8)if(r.data===lt)a.push({type:2,index:n});else{let l=-1;for(;(l=r.data.indexOf($,l+1))!==-1;)a.push({type:7,index:n}),l+=$.length-1}n++}}static createElement(t,e){const s=y.createElement("template");return s.innerHTML=t,s}}function S(i,t,e=i,s){if(t===w)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl;const n=T(t)?void 0:t._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=S(i,r._$AS(i,t.values),r,s)),t}class Mt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??y).importNode(e,!0);A.currentNode=r;let n=A.nextNode(),o=0,h=0,a=s[0];for(;a!==void 0;){if(o===a.index){let c;a.type===2?c=new H(n,n.nextSibling,this,t):a.type===1?c=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(c=new Dt(n,this,t)),this._$AV.push(c),a=s[++h]}o!==a?.index&&(n=A.nextNode(),o++)}return A.currentNode=y,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class H{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),T(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==w&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ot(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==p&&T(this._$AH)?this._$AA.nextSibling.data=t:this.T(y.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=M.createElement(_t(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{const n=new Mt(r,this),o=n.u(this.options);n.p(e),this.T(o),this._$AH=n}}_$AC(t){let e=$t.get(t.strings);return e===void 0&&$t.set(t.strings,e=new M(t)),e}k(t){Y(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new H(this.O(O()),this.O(O()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const s=ot(t).nextSibling;ot(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class B{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=S(this,t,e,0),o=!T(t)||t!==this._$AH&&t!==w,o&&(this._$AH=t);else{const h=t;let a,c;for(t=n[0],a=0;a<n.length-1;a++)c=S(this,h[s+a],e,a),c===w&&(c=this._$AH[a]),o||=!T(c)||c!==this._$AH[a],c===p?t=p:t!==p&&(t+=(c??"")+n[a+1]),this._$AH[a]=c}o&&!r&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ht extends B{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}}class Nt extends B{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}}class Rt extends B{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??p)===w)return;const s=this._$AH,r=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==p&&(s===p||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Dt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const jt=J.litHtmlPolyfillSupport;jt?.(M,H),(J.litHtmlVersions??=[]).push("3.3.2");const zt=(i,t,e)=>{const s=e?.renderBefore??t;let r=s._$litPart$;if(r===void 0){const n=e?.renderBefore??null;s._$litPart$=r=new H(t.insertBefore(O(),n),n,void 0,e??{})}return r._$AI(i),r};const Q=globalThis;class _ extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=zt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return w}}_._$litElement$=!0,_.finalized=!0,Q.litElementHydrateSupport?.({LitElement:_});const Lt=Q.litElementPolyfillSupport;Lt?.({LitElement:_}),(Q.litElementVersions??=[]).push("4.2.2");const I=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};const kt={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},Bt=(i=kt,t,e)=>{const{kind:s,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(h){const a=t.get.call(this);t.set.call(this,h),this.requestUpdate(o,a,i,!0,h)},init(h){return h!==void 0&&this.C(o,void 0,i,h),h}}}if(s==="setter"){const{name:o}=e;return function(h){const a=this[o];t.call(this,h),this.requestUpdate(o,a,i,!0,h)}}throw Error("Unsupported decorator location: "+s)};function g(i){return(t,e)=>typeof e=="object"?Bt(i,t,e):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,t,e)}function It(i){return g({...i,state:!0,attribute:!1})}var qt=Object.defineProperty,Vt=Object.getOwnPropertyDescriptor,q=(i,t,e,s)=>{for(var r=s>1?void 0:s?Vt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&qt(t,e,r),r};let P=class extends _{constructor(){super(...arguments),this.data=[],this.theme="light",this.open=!1}render(){return E`
|
|
4
4
|
<div class="trigger" @click=${this.toggle}>
|
|
5
|
-
<div class="dots"> ${Array.from({length:9}).map(()=>
|
|
5
|
+
<div class="dots"> ${Array.from({length:9}).map(()=>E`<span class="dot"></span>`)} </div> </div>
|
|
6
6
|
|
|
7
7
|
<div class="panel ${this.open?"open":""}">
|
|
8
8
|
<div class="apps">
|
|
9
9
|
${this.data.map(i=>this.renderCard(i))}
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
12
|
-
`}renderCard(i){return
|
|
12
|
+
`}renderCard(i){return E`
|
|
13
13
|
<aura-app
|
|
14
14
|
href=${i.url}
|
|
15
15
|
.newTab=${i.newTab??!0}
|
|
16
16
|
key=${i.id}
|
|
17
17
|
>
|
|
18
|
-
<aura-app-icon
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<aura-app-text
|
|
18
|
+
<aura-app-icon
|
|
19
|
+
.icon=${i.icon}
|
|
20
|
+
.label=${i.label}
|
|
21
|
+
></aura-app-icon>
|
|
22
|
+
|
|
23
|
+
<aura-app-text
|
|
24
|
+
.label=${i.label}
|
|
25
|
+
></aura-app-text>
|
|
24
26
|
</aura-app>
|
|
25
|
-
`}toggle(){this.open=!this.open}};
|
|
27
|
+
`}toggle(){this.open=!this.open}};P.styles=j`
|
|
26
28
|
:host {
|
|
27
29
|
--menu-bg: #ffffff;
|
|
28
30
|
--menu-text: #000000;
|
|
@@ -35,46 +37,25 @@
|
|
|
35
37
|
--box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
|
|
36
38
|
}
|
|
37
39
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
:
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
:host([position="bottom-right"]) {
|
|
49
|
-
bottom: var(--offset);
|
|
50
|
-
right: var(--offset);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
:host([position="bottom-left"]) {
|
|
54
|
-
bottom: var(--offset);
|
|
55
|
-
left: var(--offset);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:host([position*="right"]) .panel {
|
|
59
|
-
right: 0;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
:host([position*="left"]) .panel {
|
|
63
|
-
left: 0;
|
|
64
|
-
}
|
|
65
|
-
|
|
40
|
+
:host([theme="light"]) {
|
|
41
|
+
--menu-bg: #ffffff;
|
|
42
|
+
--menu-text: #000000;
|
|
43
|
+
--dot-color: #000000;
|
|
44
|
+
--hover-bg: rgba(0, 0, 0, 0.08);
|
|
45
|
+
--box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),
|
|
46
|
+
0 1px 3px rgba(0,0,0,.3);
|
|
47
|
+
}
|
|
66
48
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
49
|
+
/* ===== DARK THEME ===== */
|
|
50
|
+
:host([theme="dark"]) {
|
|
51
|
+
--menu-bg: #202124;
|
|
52
|
+
--menu-text: #ffffff;
|
|
53
|
+
--dot-color: #ffffff;
|
|
54
|
+
--hover-bg: rgba(255, 255, 255, 0.1);
|
|
55
|
+
--box-shadow: 0 1px 2px rgba(0,0,0,.4),
|
|
56
|
+
0 6px 16px rgba(0,0,0,.6),
|
|
57
|
+
0 12px 32px rgba(0,0,0,.4);
|
|
58
|
+
}
|
|
78
59
|
|
|
79
60
|
/* Trigger nine-dot button */
|
|
80
61
|
.trigger {
|
|
@@ -180,7 +161,7 @@
|
|
|
180
161
|
border-radius: 4px;
|
|
181
162
|
}
|
|
182
163
|
|
|
183
|
-
`,
|
|
164
|
+
`,q([g({type:Array})],P.prototype,"data",2),q([g({reflect:!0})],P.prototype,"theme",2),q([It()],P.prototype,"open",2),P=q([I("aura-nine-dot-menu")],P);var Wt=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?Kt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Wt(t,e,r),r};let N=class extends _{constructor(){super(...arguments),this.href="",this.newTab=!0}render(){return E`
|
|
184
165
|
<a
|
|
185
166
|
href=${this.href}
|
|
186
167
|
target=${this.newTab?"_blank":"_self"}
|
|
@@ -188,7 +169,7 @@
|
|
|
188
169
|
>
|
|
189
170
|
<slot></slot>
|
|
190
171
|
</a>
|
|
191
|
-
`}};N.styles=
|
|
172
|
+
`}};N.styles=j`
|
|
192
173
|
:host {
|
|
193
174
|
display: block;
|
|
194
175
|
}
|
|
@@ -208,32 +189,31 @@
|
|
|
208
189
|
a:hover {
|
|
209
190
|
background: rgba(255, 255, 255, 0.1);
|
|
210
191
|
}
|
|
211
|
-
`,
|
|
192
|
+
`,X([g()],N.prototype,"href",2),X([g({type:Boolean})],N.prototype,"newTab",2),N=X([I("aura-app")],N);var Zt=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,tt=(i,t,e,s)=>{for(var r=s>1?void 0:s?Ft(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Zt(t,e,r),r};let R=class extends _{constructor(){super(...arguments),this.icon="",this.label=""}handleError(){console.error("Failed to load icon:",this.icon)}render(){return E`
|
|
193
|
+
<img
|
|
194
|
+
src=${this.icon}
|
|
195
|
+
alt=${this.label}
|
|
196
|
+
@error=${this.handleError}
|
|
197
|
+
/>
|
|
198
|
+
`}};R.styles=j`
|
|
212
199
|
:host {
|
|
213
200
|
display: inline-flex;
|
|
214
|
-
color: white;
|
|
215
201
|
}
|
|
216
202
|
|
|
217
|
-
|
|
218
|
-
::slotted(svg) {
|
|
203
|
+
img, svg {
|
|
219
204
|
width: 40px;
|
|
220
205
|
height: 40px;
|
|
221
206
|
display: block;
|
|
222
207
|
}
|
|
223
208
|
|
|
224
|
-
|
|
209
|
+
svg {
|
|
225
210
|
fill: currentColor;
|
|
226
211
|
}
|
|
227
|
-
`,
|
|
212
|
+
`,tt([g()],R.prototype,"icon",2),tt([g()],R.prototype,"label",2),R=tt([I("aura-app-icon")],R);var Jt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,gt=(i,t,e,s)=>{for(var r=s>1?void 0:s?Yt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Jt(t,e,r),r};let V=class extends _{constructor(){super(...arguments),this.label=""}render(){return E`${this.label}`}};V.styles=j`
|
|
228
213
|
:host {
|
|
229
214
|
font-size: 13px;
|
|
230
|
-
color:
|
|
215
|
+
color: var(--menu-text);
|
|
231
216
|
text-align: center;
|
|
232
217
|
}
|
|
233
218
|
|
|
234
|
-
|
|
235
|
-
:host {
|
|
236
|
-
color: #ffff !important;
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
`,X=Jt([B("aura-app-text")],X);const Kt=({data:i,position:t="top-right",onItemClick:e})=>{const s=f.useRef(null);return f.useEffect(()=>{s.current&&(s.current.data=i,s.current.position=t)},[i,t]),f.useEffect(()=>{const r=s.current,o=n=>{e?.(n.detail)};return r?.addEventListener("item-click",o),()=>r?.removeEventListener("item-click",o)},[e]),f.createElement("aura-nine-dot-menu",{ref:s})};m.AuraNineDotMenu=Kt,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
|
|
219
|
+
`,gt([g()],V.prototype,"label",2),V=gt([I("aura-app-text")],V);const Gt=({data:i,position:t="top-right",onItemClick:e})=>{const s=f.useRef(null);return f.useEffect(()=>{s.current&&(s.current.data=i,s.current.position=t)},[i,t]),f.useEffect(()=>{const r=s.current,n=o=>{e?.(o.detail)};return r?.addEventListener("item-click",n),()=>r?.removeEventListener("item-click",n)},[e]),f.createElement("aura-nine-dot-menu",{ref:s})};v.AuraNineDotMenu=Gt,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -8,7 +8,7 @@ interface AuraAppCard {
|
|
|
8
8
|
}
|
|
9
9
|
export declare class AuraAuthenticAppMenu extends LitElement {
|
|
10
10
|
data: AuraAppCard[];
|
|
11
|
-
|
|
11
|
+
theme: 'light' | 'dark';
|
|
12
12
|
private open;
|
|
13
13
|
static styles: import('lit').CSSResult;
|
|
14
14
|
render(): import('lit-html').TemplateResult<1>;
|
package/package.json
CHANGED
package/dist/types/index.d.ts
DELETED