@telia-ace/widget-components-widget-header 1.0.24-experimental.0 → 1.0.24-experimental.10
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/avatar.d.ts +1 -7
- package/dist/back.d.ts +1 -7
- package/dist/close.d.ts +1 -7
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/dist/minimize.d.ts +1 -7
- package/dist/node.d.ts +1 -7
- package/dist/utils.d.ts +1 -9
- package/dist/widget-header-component.d.ts +0 -25
- package/dist/widget-header-wrapper.061603aa.js +465 -0
- package/dist/widget-header-wrapper.061603aa.js.map +1 -0
- package/dist/widget-header-wrapper.d.ts +8 -0
- package/dist/widget-header.d.ts +11 -7
- package/package.json +8 -6
- package/dist/index.74fb7b76.js +0 -73
- package/dist/index.74fb7b76.js.map +0 -1
- package/dist/widget-header.58e6e7e9.js +0 -241
- package/dist/widget-header.58e6e7e9.js.map +0 -1
package/dist/avatar.d.ts
CHANGED
package/dist/back.d.ts
CHANGED
package/dist/close.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { createWebComponent as t } from "@telia-ace/widget-ui";
|
|
2
|
+
const o = (e) => t(
|
|
3
|
+
e,
|
|
4
|
+
"widget-header",
|
|
5
|
+
import("./widget-header-wrapper.061603aa.js")
|
|
6
|
+
), n = o;
|
|
5
7
|
export {
|
|
6
|
-
|
|
8
|
+
n as default
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/widget-header-component.ts"],"sourcesContent":["// import { createEventSubscriber } from '@telia-ace/widget-core';\n// import { RoutingService } from '@telia-ace/widget-routing';\n// import { createReactComponent } from '@telia-ace/widget-ui';\n// import { Container } from '@webprovisions/platform';\n// import { isOnInitialRoute } from './utils';\n\n// export type Symbol = {\n// type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n// content: string;\n// };\n\n// export type ActionNode = {\n// type: string;\n// label?: string;\n// position?: 'right' | 'left';\n// symbol?: Symbol;\n// size: string;\n// padding: string;\n// tooltip?: string;\n// order?: number;\n// show?: boolean;\n// };\n\n// export type WidgetHeaderComponentProps = {\n// header: string;\n// tagline: string;\n// textAlign?: string;\n// actions?: { [key: string]: ActionNode };\n// tooltip?: string;\n// route?: string;\n// };\n\n// const WidgetHeaderComponent = (container: Container) => {\n// return createReactComponent(\n// container,\n// 'widget-header',\n// import('./widget-header'),\n// (component) => {\n// const { events } = container.get('$widget');\n// const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n// const { actions = {} } = component.properties<WidgetHeaderComponentProps>();\n\n// component.actions.create('close', (data, options) => {\n// if (options.preventDefault) {\n// return;\n// }\n\n// const widget = container.get('$widget');\n// return widget.invoke('close');\n// });\n// component.actions.create('back', (data, options) => {\n// if (options.preventDefault) {\n// return;\n// }\n\n// return container.getAsync('router').then((router: RoutingService) => {\n// router.goBack();\n// });\n// });\n\n// component.properties((properties) => {\n// const { actions = {} } = properties;\n\n// if (!actions.back) {\n// return;\n// }\n\n// Object.keys(actions).forEach((key) => {\n// const node = actions[key];\n// if (key === 'back') {\n// node.show = properties.showBack;\n// }\n// });\n\n// return { actions };\n// });\n\n// component.actions.create('show-back', (showBack) => {\n// component.writeProperties({ showBack });\n// });\n\n// if (actions.back) {\n// const showBack = () =>\n// isOnInitialRoute(container).then((onInitialRoute) =>\n// component.actions.dispatch('show-back', !onInitialRoute)\n// );\n\n// showBack();\n// subscribe('router:changed', showBack);\n// }\n\n// component.actions.create('minimize', (data, options) => {\n// if (options.preventDefault) {\n// return;\n// }\n\n// const widget = container.get('$widget');\n// return widget.invoke('hide');\n// });\n\n// return () => {\n// unsubscribe();\n// };\n// }\n// );\n// };\n\n// export default WidgetHeaderComponent;\n\nimport { createWebComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nconst WidgetHeaderComponent = (container: Container) => {\n return createWebComponent(\n container,\n 'widget-header',\n // import('./widget-header')\n import('./widget-header-wrapper')\n );\n};\nexport default WidgetHeaderComponent;\n"],"names":["WidgetHeaderComponent","container","createWebComponent","WidgetHeaderComponent$1"],"mappings":";AAiHA,MAAMA,IAAwB,CAACC,MACpBC;AAAA,EACHD;AAAA,EACA;AAAA,EAEA,OAAO;AAAA,GAGfE,IAAeH;"}
|
package/dist/minimize.d.ts
CHANGED
package/dist/node.d.ts
CHANGED
package/dist/utils.d.ts
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { ActionNode } from './widget-header-component';
|
|
3
|
-
export declare const calculateMargin: (leftNodes: ActionNode[], rightNodes: ActionNode[], textAlign: string) => {
|
|
4
|
-
[x: string]: string;
|
|
5
|
-
};
|
|
6
|
-
export declare const createNodes: (actions: {
|
|
7
|
-
[key: string]: ActionNode;
|
|
8
|
-
}) => [ActionNode[], ActionNode[]];
|
|
9
|
-
export declare const isOnInitialRoute: (container: Container) => Promise<boolean>;
|
|
1
|
+
export declare const test: {};
|
|
@@ -1,28 +1,3 @@
|
|
|
1
1
|
import { Container } from '@webprovisions/platform';
|
|
2
|
-
export type Symbol = {
|
|
3
|
-
type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
|
|
4
|
-
content: string;
|
|
5
|
-
};
|
|
6
|
-
export type ActionNode = {
|
|
7
|
-
type: string;
|
|
8
|
-
label?: string;
|
|
9
|
-
position?: 'right' | 'left';
|
|
10
|
-
symbol?: Symbol;
|
|
11
|
-
size: string;
|
|
12
|
-
padding: string;
|
|
13
|
-
tooltip?: string;
|
|
14
|
-
order?: number;
|
|
15
|
-
show?: boolean;
|
|
16
|
-
};
|
|
17
|
-
export type WidgetHeaderComponentProps = {
|
|
18
|
-
header: string;
|
|
19
|
-
tagline: string;
|
|
20
|
-
textAlign?: string;
|
|
21
|
-
actions?: {
|
|
22
|
-
[key: string]: ActionNode;
|
|
23
|
-
};
|
|
24
|
-
tooltip?: string;
|
|
25
|
-
route?: string;
|
|
26
|
-
};
|
|
27
2
|
declare const WidgetHeaderComponent: (container: Container) => Promise<void>;
|
|
28
3
|
export default WidgetHeaderComponent;
|
|
@@ -0,0 +1,465 @@
|
|
|
1
|
+
var J = Object.defineProperty, Q = Object.defineProperties;
|
|
2
|
+
var X = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var U = Object.getOwnPropertySymbols;
|
|
4
|
+
var tt = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var j = (i, t, e) => t in i ? J(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, z = (i, t) => {
|
|
6
|
+
for (var e in t || (t = {}))
|
|
7
|
+
tt.call(t, e) && j(i, e, t[e]);
|
|
8
|
+
if (U)
|
|
9
|
+
for (var e of U(t))
|
|
10
|
+
et.call(t, e) && j(i, e, t[e]);
|
|
11
|
+
return i;
|
|
12
|
+
}, B = (i, t) => Q(i, X(t));
|
|
13
|
+
import { WidgetComponentMixin as it, NodeConnector as st } from "@telia-ace/widget-ui";
|
|
14
|
+
import { LitElement as nt, html as C, nothing as rt, css as ot } from "lit";
|
|
15
|
+
/**
|
|
16
|
+
* @license
|
|
17
|
+
* Copyright 2017 Google LLC
|
|
18
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
+
*/
|
|
20
|
+
const lt = (i, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? B(z({}, t), { finisher(e) {
|
|
21
|
+
e.createProperty(t.key, i);
|
|
22
|
+
} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
|
|
23
|
+
typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
|
|
24
|
+
}, finisher(e) {
|
|
25
|
+
e.createProperty(t.key, i);
|
|
26
|
+
} };
|
|
27
|
+
function E(i) {
|
|
28
|
+
return (t, e) => e !== void 0 ? ((s, n, r) => {
|
|
29
|
+
n.constructor.createProperty(r, s);
|
|
30
|
+
})(i, t, e) : lt(i, t);
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @license
|
|
34
|
+
* Copyright 2021 Google LLC
|
|
35
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
+
*/
|
|
37
|
+
var R;
|
|
38
|
+
((R = window.HTMLSlotElement) === null || R === void 0 ? void 0 : R.prototype.assignedElements) != null;
|
|
39
|
+
/**
|
|
40
|
+
* @license
|
|
41
|
+
* Copyright 2017 Google LLC
|
|
42
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
+
*/
|
|
44
|
+
var L;
|
|
45
|
+
const M = window, f = M.trustedTypes, D = f ? f.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, v = `lit$${(Math.random() + "").slice(9)}$`, q = "?" + v, ht = `<${q}>`, m = document, O = (i = "") => m.createComment(i), T = (i) => i === null || typeof i != "object" && typeof i != "function", F = Array.isArray, at = (i) => F(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", H = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, k = /-->/g, W = />/g, _ = RegExp(`>|[
|
|
46
|
+
\f\r](?:([^\\s"'>=/]+)([
|
|
47
|
+
\f\r]*=[
|
|
48
|
+
\f\r]*(?:[^
|
|
49
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), V = /'/g, Z = /"/g, G = /^(?:script|style|textarea|title)$/i, y = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), K = /* @__PURE__ */ new WeakMap(), g = m.createTreeWalker(m, 129, null, !1), dt = (i, t) => {
|
|
50
|
+
const e = i.length - 1, s = [];
|
|
51
|
+
let n, r = t === 2 ? "<svg>" : "", o = H;
|
|
52
|
+
for (let l = 0; l < e; l++) {
|
|
53
|
+
const h = i[l];
|
|
54
|
+
let $, a, d = -1, u = 0;
|
|
55
|
+
for (; u < h.length && (o.lastIndex = u, a = o.exec(h), a !== null); )
|
|
56
|
+
u = o.lastIndex, o === H ? a[1] === "!--" ? o = k : a[1] !== void 0 ? o = W : a[2] !== void 0 ? (G.test(a[2]) && (n = RegExp("</" + a[2], "g")), o = _) : a[3] !== void 0 && (o = _) : o === _ ? a[0] === ">" ? (o = n != null ? n : H, d = -1) : a[1] === void 0 ? d = -2 : (d = o.lastIndex - a[2].length, $ = a[1], o = a[3] === void 0 ? _ : a[3] === '"' ? Z : V) : o === Z || o === V ? o = _ : o === k || o === W ? o = H : (o = _, n = void 0);
|
|
57
|
+
const b = o === _ && i[l + 1].startsWith("/>") ? " " : "";
|
|
58
|
+
r += o === H ? h + ht : d >= 0 ? (s.push($), h.slice(0, d) + "$lit$" + h.slice(d) + v + b) : h + v + (d === -2 ? (s.push(void 0), l) : b);
|
|
59
|
+
}
|
|
60
|
+
const p = r + (i[e] || "<?>") + (t === 2 ? "</svg>" : "");
|
|
61
|
+
if (!Array.isArray(i) || !i.hasOwnProperty("raw"))
|
|
62
|
+
throw Error("invalid template strings array");
|
|
63
|
+
return [D !== void 0 ? D.createHTML(p) : p, s];
|
|
64
|
+
};
|
|
65
|
+
class N {
|
|
66
|
+
constructor({ strings: t, _$litType$: e }, s) {
|
|
67
|
+
let n;
|
|
68
|
+
this.parts = [];
|
|
69
|
+
let r = 0, o = 0;
|
|
70
|
+
const p = t.length - 1, l = this.parts, [h, $] = dt(t, e);
|
|
71
|
+
if (this.el = N.createElement(h, s), g.currentNode = this.el.content, e === 2) {
|
|
72
|
+
const a = this.el.content, d = a.firstChild;
|
|
73
|
+
d.remove(), a.append(...d.childNodes);
|
|
74
|
+
}
|
|
75
|
+
for (; (n = g.nextNode()) !== null && l.length < p; ) {
|
|
76
|
+
if (n.nodeType === 1) {
|
|
77
|
+
if (n.hasAttributes()) {
|
|
78
|
+
const a = [];
|
|
79
|
+
for (const d of n.getAttributeNames())
|
|
80
|
+
if (d.endsWith("$lit$") || d.startsWith(v)) {
|
|
81
|
+
const u = $[o++];
|
|
82
|
+
if (a.push(d), u !== void 0) {
|
|
83
|
+
const b = n.getAttribute(u.toLowerCase() + "$lit$").split(v), S = /([.?@])?(.*)/.exec(u);
|
|
84
|
+
l.push({ type: 1, index: r, name: S[2], strings: b, ctor: S[1] === "." ? pt : S[1] === "?" ? $t : S[1] === "@" ? vt : P });
|
|
85
|
+
} else
|
|
86
|
+
l.push({ type: 6, index: r });
|
|
87
|
+
}
|
|
88
|
+
for (const d of a)
|
|
89
|
+
n.removeAttribute(d);
|
|
90
|
+
}
|
|
91
|
+
if (G.test(n.tagName)) {
|
|
92
|
+
const a = n.textContent.split(v), d = a.length - 1;
|
|
93
|
+
if (d > 0) {
|
|
94
|
+
n.textContent = f ? f.emptyScript : "";
|
|
95
|
+
for (let u = 0; u < d; u++)
|
|
96
|
+
n.append(a[u], O()), g.nextNode(), l.push({ type: 2, index: ++r });
|
|
97
|
+
n.append(a[d], O());
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
} else if (n.nodeType === 8)
|
|
101
|
+
if (n.data === q)
|
|
102
|
+
l.push({ type: 2, index: r });
|
|
103
|
+
else {
|
|
104
|
+
let a = -1;
|
|
105
|
+
for (; (a = n.data.indexOf(v, a + 1)) !== -1; )
|
|
106
|
+
l.push({ type: 7, index: r }), a += v.length - 1;
|
|
107
|
+
}
|
|
108
|
+
r++;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
static createElement(t, e) {
|
|
112
|
+
const s = m.createElement("template");
|
|
113
|
+
return s.innerHTML = t, s;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
function x(i, t, e = i, s) {
|
|
117
|
+
var n, r, o, p;
|
|
118
|
+
if (t === y)
|
|
119
|
+
return t;
|
|
120
|
+
let l = s !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[s] : e._$Cl;
|
|
121
|
+
const h = T(t) ? void 0 : t._$litDirective$;
|
|
122
|
+
return (l == null ? void 0 : l.constructor) !== h && ((r = l == null ? void 0 : l._$AO) === null || r === void 0 || r.call(l, !1), h === void 0 ? l = void 0 : (l = new h(i), l._$AT(i, e, s)), s !== void 0 ? ((o = (p = e)._$Co) !== null && o !== void 0 ? o : p._$Co = [])[s] = l : e._$Cl = l), l !== void 0 && (t = x(i, l._$AS(i, t.values), l, s)), t;
|
|
123
|
+
}
|
|
124
|
+
class ct {
|
|
125
|
+
constructor(t, e) {
|
|
126
|
+
this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
127
|
+
}
|
|
128
|
+
get parentNode() {
|
|
129
|
+
return this._$AM.parentNode;
|
|
130
|
+
}
|
|
131
|
+
get _$AU() {
|
|
132
|
+
return this._$AM._$AU;
|
|
133
|
+
}
|
|
134
|
+
v(t) {
|
|
135
|
+
var e;
|
|
136
|
+
const { el: { content: s }, parts: n } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : m).importNode(s, !0);
|
|
137
|
+
g.currentNode = r;
|
|
138
|
+
let o = g.nextNode(), p = 0, l = 0, h = n[0];
|
|
139
|
+
for (; h !== void 0; ) {
|
|
140
|
+
if (p === h.index) {
|
|
141
|
+
let $;
|
|
142
|
+
h.type === 2 ? $ = new I(o, o.nextSibling, this, t) : h.type === 1 ? $ = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && ($ = new _t(o, this, t)), this.u.push($), h = n[++l];
|
|
143
|
+
}
|
|
144
|
+
p !== (h == null ? void 0 : h.index) && (o = g.nextNode(), p++);
|
|
145
|
+
}
|
|
146
|
+
return r;
|
|
147
|
+
}
|
|
148
|
+
p(t) {
|
|
149
|
+
let e = 0;
|
|
150
|
+
for (const s of this.u)
|
|
151
|
+
s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
class I {
|
|
155
|
+
constructor(t, e, s, n) {
|
|
156
|
+
var r;
|
|
157
|
+
this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = n, this._$Cm = (r = n == null ? void 0 : n.isConnected) === null || r === void 0 || r;
|
|
158
|
+
}
|
|
159
|
+
get _$AU() {
|
|
160
|
+
var t, e;
|
|
161
|
+
return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
|
|
162
|
+
}
|
|
163
|
+
get parentNode() {
|
|
164
|
+
let t = this._$AA.parentNode;
|
|
165
|
+
const e = this._$AM;
|
|
166
|
+
return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
|
|
167
|
+
}
|
|
168
|
+
get startNode() {
|
|
169
|
+
return this._$AA;
|
|
170
|
+
}
|
|
171
|
+
get endNode() {
|
|
172
|
+
return this._$AB;
|
|
173
|
+
}
|
|
174
|
+
_$AI(t, e = this) {
|
|
175
|
+
t = x(this, t, e), T(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== y && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : at(t) ? this.k(t) : this.g(t);
|
|
176
|
+
}
|
|
177
|
+
O(t, e = this._$AB) {
|
|
178
|
+
return this._$AA.parentNode.insertBefore(t, e);
|
|
179
|
+
}
|
|
180
|
+
T(t) {
|
|
181
|
+
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
182
|
+
}
|
|
183
|
+
g(t) {
|
|
184
|
+
this._$AH !== c && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(m.createTextNode(t)), this._$AH = t;
|
|
185
|
+
}
|
|
186
|
+
$(t) {
|
|
187
|
+
var e;
|
|
188
|
+
const { values: s, _$litType$: n } = t, r = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = N.createElement(n.h, this.options)), n);
|
|
189
|
+
if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
|
|
190
|
+
this._$AH.p(s);
|
|
191
|
+
else {
|
|
192
|
+
const o = new ct(r, this), p = o.v(this.options);
|
|
193
|
+
o.p(s), this.T(p), this._$AH = o;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
_$AC(t) {
|
|
197
|
+
let e = K.get(t.strings);
|
|
198
|
+
return e === void 0 && K.set(t.strings, e = new N(t)), e;
|
|
199
|
+
}
|
|
200
|
+
k(t) {
|
|
201
|
+
F(this._$AH) || (this._$AH = [], this._$AR());
|
|
202
|
+
const e = this._$AH;
|
|
203
|
+
let s, n = 0;
|
|
204
|
+
for (const r of t)
|
|
205
|
+
n === e.length ? e.push(s = new I(this.O(O()), this.O(O()), this, this.options)) : s = e[n], s._$AI(r), n++;
|
|
206
|
+
n < e.length && (this._$AR(s && s._$AB.nextSibling, n), e.length = n);
|
|
207
|
+
}
|
|
208
|
+
_$AR(t = this._$AA.nextSibling, e) {
|
|
209
|
+
var s;
|
|
210
|
+
for ((s = this._$AP) === null || s === void 0 || s.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
211
|
+
const n = t.nextSibling;
|
|
212
|
+
t.remove(), t = n;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
setConnected(t) {
|
|
216
|
+
var e;
|
|
217
|
+
this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
class P {
|
|
221
|
+
constructor(t, e, s, n, r) {
|
|
222
|
+
this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
|
|
223
|
+
}
|
|
224
|
+
get tagName() {
|
|
225
|
+
return this.element.tagName;
|
|
226
|
+
}
|
|
227
|
+
get _$AU() {
|
|
228
|
+
return this._$AM._$AU;
|
|
229
|
+
}
|
|
230
|
+
_$AI(t, e = this, s, n) {
|
|
231
|
+
const r = this.strings;
|
|
232
|
+
let o = !1;
|
|
233
|
+
if (r === void 0)
|
|
234
|
+
t = x(this, t, e, 0), o = !T(t) || t !== this._$AH && t !== y, o && (this._$AH = t);
|
|
235
|
+
else {
|
|
236
|
+
const p = t;
|
|
237
|
+
let l, h;
|
|
238
|
+
for (t = r[0], l = 0; l < r.length - 1; l++)
|
|
239
|
+
h = x(this, p[s + l], e, l), h === y && (h = this._$AH[l]), o || (o = !T(h) || h !== this._$AH[l]), h === c ? t = c : t !== c && (t += (h != null ? h : "") + r[l + 1]), this._$AH[l] = h;
|
|
240
|
+
}
|
|
241
|
+
o && !n && this.j(t);
|
|
242
|
+
}
|
|
243
|
+
j(t) {
|
|
244
|
+
t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
class pt extends P {
|
|
248
|
+
constructor() {
|
|
249
|
+
super(...arguments), this.type = 3;
|
|
250
|
+
}
|
|
251
|
+
j(t) {
|
|
252
|
+
this.element[this.name] = t === c ? void 0 : t;
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
const ut = f ? f.emptyScript : "";
|
|
256
|
+
class $t extends P {
|
|
257
|
+
constructor() {
|
|
258
|
+
super(...arguments), this.type = 4;
|
|
259
|
+
}
|
|
260
|
+
j(t) {
|
|
261
|
+
t && t !== c ? this.element.setAttribute(this.name, ut) : this.element.removeAttribute(this.name);
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
class vt extends P {
|
|
265
|
+
constructor(t, e, s, n, r) {
|
|
266
|
+
super(t, e, s, n, r), this.type = 5;
|
|
267
|
+
}
|
|
268
|
+
_$AI(t, e = this) {
|
|
269
|
+
var s;
|
|
270
|
+
if ((t = (s = x(this, t, e, 0)) !== null && s !== void 0 ? s : c) === y)
|
|
271
|
+
return;
|
|
272
|
+
const n = this._$AH, r = t === c && n !== c || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== c && (n === c || r);
|
|
273
|
+
r && this.element.removeEventListener(this.name, this, n), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
274
|
+
}
|
|
275
|
+
handleEvent(t) {
|
|
276
|
+
var e, s;
|
|
277
|
+
typeof this._$AH == "function" ? this._$AH.call((s = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
class _t {
|
|
281
|
+
constructor(t, e, s) {
|
|
282
|
+
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
|
|
283
|
+
}
|
|
284
|
+
get _$AU() {
|
|
285
|
+
return this._$AM._$AU;
|
|
286
|
+
}
|
|
287
|
+
_$AI(t) {
|
|
288
|
+
x(this, t);
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
const Y = M.litHtmlPolyfillSupport;
|
|
292
|
+
Y == null || Y(N, I), ((L = M.litHtmlVersions) !== null && L !== void 0 ? L : M.litHtmlVersions = []).push("2.6.0");
|
|
293
|
+
/**
|
|
294
|
+
* @license
|
|
295
|
+
* Copyright 2017 Google LLC
|
|
296
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
297
|
+
*/
|
|
298
|
+
const At = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, gt = (i) => (...t) => ({ _$litDirective$: i, values: t });
|
|
299
|
+
class ft {
|
|
300
|
+
constructor(t) {
|
|
301
|
+
}
|
|
302
|
+
get _$AU() {
|
|
303
|
+
return this._$AM._$AU;
|
|
304
|
+
}
|
|
305
|
+
_$AT(t, e, s) {
|
|
306
|
+
this._$Ct = t, this._$AM = e, this._$Ci = s;
|
|
307
|
+
}
|
|
308
|
+
_$AS(t, e) {
|
|
309
|
+
return this.update(t, e);
|
|
310
|
+
}
|
|
311
|
+
update(t, e) {
|
|
312
|
+
return this.render(...e);
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
/**
|
|
316
|
+
* @license
|
|
317
|
+
* Copyright 2018 Google LLC
|
|
318
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
319
|
+
*/
|
|
320
|
+
const mt = gt(class extends ft {
|
|
321
|
+
constructor(i) {
|
|
322
|
+
var t;
|
|
323
|
+
if (super(i), i.type !== At.ATTRIBUTE || i.name !== "class" || ((t = i.strings) === null || t === void 0 ? void 0 : t.length) > 2)
|
|
324
|
+
throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
|
325
|
+
}
|
|
326
|
+
render(i) {
|
|
327
|
+
return " " + Object.keys(i).filter((t) => i[t]).join(" ") + " ";
|
|
328
|
+
}
|
|
329
|
+
update(i, [t]) {
|
|
330
|
+
var e, s;
|
|
331
|
+
if (this.nt === void 0) {
|
|
332
|
+
this.nt = /* @__PURE__ */ new Set(), i.strings !== void 0 && (this.st = new Set(i.strings.join(" ").split(/\s/).filter((r) => r !== "")));
|
|
333
|
+
for (const r in t)
|
|
334
|
+
t[r] && !(!((e = this.st) === null || e === void 0) && e.has(r)) && this.nt.add(r);
|
|
335
|
+
return this.render(t);
|
|
336
|
+
}
|
|
337
|
+
const n = i.element.classList;
|
|
338
|
+
this.nt.forEach((r) => {
|
|
339
|
+
r in t || (n.remove(r), this.nt.delete(r));
|
|
340
|
+
});
|
|
341
|
+
for (const r in t) {
|
|
342
|
+
const o = !!t[r];
|
|
343
|
+
o === this.nt.has(r) || ((s = this.st) === null || s === void 0 ? void 0 : s.has(r)) || (o ? (n.add(r), this.nt.add(r)) : (n.remove(r), this.nt.delete(r)));
|
|
344
|
+
}
|
|
345
|
+
return y;
|
|
346
|
+
}
|
|
347
|
+
});
|
|
348
|
+
/**
|
|
349
|
+
* @license
|
|
350
|
+
* Copyright 2021 Google LLC
|
|
351
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
352
|
+
*/
|
|
353
|
+
function yt(i, t, e) {
|
|
354
|
+
return i ? t() : e == null ? void 0 : e();
|
|
355
|
+
}
|
|
356
|
+
var xt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, w = (i, t, e, s) => {
|
|
357
|
+
for (var n = s > 1 ? void 0 : s ? Ht(t, e) : t, r = i.length - 1, o; r >= 0; r--)
|
|
358
|
+
(o = i[r]) && (n = (s ? o(t, e, n) : o(n)) || n);
|
|
359
|
+
return s && n && xt(t, e, n), n;
|
|
360
|
+
};
|
|
361
|
+
class A extends nt {
|
|
362
|
+
constructor() {
|
|
363
|
+
super(), this._header = "", this._tagline = "", this._role = "", this._textAlign = "";
|
|
364
|
+
}
|
|
365
|
+
render() {
|
|
366
|
+
return C` <div class="container">
|
|
367
|
+
<div
|
|
368
|
+
class=${mt({
|
|
369
|
+
"main-node": !0,
|
|
370
|
+
center: this._textAlign === "center",
|
|
371
|
+
left: this._textAlign === "left",
|
|
372
|
+
right: this._textAlign === "right"
|
|
373
|
+
})}
|
|
374
|
+
>
|
|
375
|
+
${yt(
|
|
376
|
+
this._route,
|
|
377
|
+
() => C`<div>Routes not supported yet: TODO:</div>`,
|
|
378
|
+
() => C`
|
|
379
|
+
<ui-typography variant="h1" class="header" part="header">
|
|
380
|
+
${this._header}
|
|
381
|
+
</ui-typography>
|
|
382
|
+
`
|
|
383
|
+
)}
|
|
384
|
+
${this._tagline ? C`<p class="tagline" part="tagline">${this._tagline}</p>` : rt}
|
|
385
|
+
</div>
|
|
386
|
+
</div>`;
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
A.styles = [
|
|
390
|
+
ot`
|
|
391
|
+
ui-typography {
|
|
392
|
+
--typography-font-size: var(--size-huge, 2rem);
|
|
393
|
+
--typography-margin: 0;
|
|
394
|
+
--typography-font-weight: 300;
|
|
395
|
+
--typography-color: var(--colors-text);
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
h1 {
|
|
399
|
+
font-size: var(--fonts-huge);
|
|
400
|
+
margin: 0;
|
|
401
|
+
font-weight: 300;
|
|
402
|
+
color: var(--colors-text);
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
p {
|
|
406
|
+
color: var(--colors-text);
|
|
407
|
+
margin: 0;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
svg line,
|
|
411
|
+
svg path,
|
|
412
|
+
svg circle {
|
|
413
|
+
stroke: var(--colors-text);
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.container {
|
|
417
|
+
display: flex;
|
|
418
|
+
flex-direction: row;
|
|
419
|
+
align-items: center;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.tagline {
|
|
423
|
+
font-size: var(--fonts-normal);
|
|
424
|
+
font-weight: 300;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.main-node {
|
|
428
|
+
flex: 1;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
.main-node.center {
|
|
432
|
+
text-align: center;
|
|
433
|
+
}
|
|
434
|
+
.main-node.left {
|
|
435
|
+
text-align: left;
|
|
436
|
+
}
|
|
437
|
+
.main-node.right {
|
|
438
|
+
text-align: right;
|
|
439
|
+
}
|
|
440
|
+
`
|
|
441
|
+
];
|
|
442
|
+
w([
|
|
443
|
+
E({ type: String })
|
|
444
|
+
], A.prototype, "_header", 2);
|
|
445
|
+
w([
|
|
446
|
+
E({ type: String })
|
|
447
|
+
], A.prototype, "_tagline", 2);
|
|
448
|
+
w([
|
|
449
|
+
E({ type: String })
|
|
450
|
+
], A.prototype, "_role", 2);
|
|
451
|
+
w([
|
|
452
|
+
E({ type: String })
|
|
453
|
+
], A.prototype, "_textAlign", 2);
|
|
454
|
+
w([
|
|
455
|
+
E({ type: String })
|
|
456
|
+
], A.prototype, "_route", 2);
|
|
457
|
+
class wt extends it(A) {
|
|
458
|
+
constructor() {
|
|
459
|
+
super(), this.connector = new st(this);
|
|
460
|
+
}
|
|
461
|
+
}
|
|
462
|
+
export {
|
|
463
|
+
wt as default
|
|
464
|
+
};
|
|
465
|
+
//# sourceMappingURL=widget-header-wrapper.061603aa.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"widget-header-wrapper.061603aa.js","sources":["../../../node_modules/.pnpm/@lit+reactive-element@1.6.0/node_modules/@lit/reactive-element/decorators/property.js","../../../node_modules/.pnpm/@lit+reactive-element@1.6.0/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/lit-html.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/directive.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/directives/class-map.js","../../../node_modules/.pnpm/lit-html@2.6.0/node_modules/lit-html/directives/when.js","../src/widget-header.ts","../src/widget-header-wrapper.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst i=(i,e)=>\"method\"===e.kind&&e.descriptor&&!(\"value\"in e.descriptor)?{...e,finisher(n){n.createProperty(e.key,i)}}:{kind:\"field\",key:Symbol(),placement:\"own\",descriptor:{},originalKey:e.key,initializer(){\"function\"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(n){n.createProperty(e.key,i)}};function e(e){return(n,t)=>void 0!==t?((i,e,n)=>{e.constructor.createProperty(n,i)})(e,n,t):i(e,n)}export{e as property};\n//# sourceMappingURL=property.js.map\n","import{decorateProperty as o}from\"./base.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */var n;const e=null!=(null===(n=window.HTMLSlotElement)||void 0===n?void 0:n.prototype.assignedElements)?(o,n)=>o.assignedElements(n):(o,n)=>o.assignedNodes(n).filter((o=>o.nodeType===Node.ELEMENT_NODE));function l(n){const{slot:l,selector:t}=null!=n?n:{};return o({descriptor:o=>({get(){var o;const r=\"slot\"+(l?`[name=${l}]`:\":not([name])\"),i=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(r),s=null!=i?e(i,n):[];return t?s.filter((o=>o.matches(t))):s},enumerable:!0,configurable:!0})})}export{l as queryAssignedElements};\n//# sourceMappingURL=query-assigned-elements.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nvar t;const i=window,s=i.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+\"\").slice(9)}$`,n=\"?\"+o,l=`<${n}>`,h=document,r=(t=\"\")=>h.createComment(t),d=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,c=t=>u(t)||\"function\"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(\">|[ \\t\\n\\f\\r](?:([^\\\\s\\\"'>=/]+)([ \\t\\n\\f\\r]*=[ \\t\\n\\f\\r]*(?:[^ \\t\\n\\f\\r\\\"'`<>=]|(\\\"|')|))|$)\",\"g\"),m=/'/g,p=/\"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),w=g(2),x=Symbol.for(\"lit-noChange\"),b=Symbol.for(\"lit-nothing\"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?\"<svg>\":\"\",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?\"!--\"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp(\"</\"+u[2],\"g\")),d=_):void 0!==u[3]&&(d=_):d===_?\">\"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'\"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith(\"/>\")?\" \":\"\";r+=d===v?s+l:c>=0?(n.push(e),s.slice(0,c)+\"$lit$\"+s.slice(c)+o+y):s+o+(-2===c?(n.push(void 0),i):y)}const u=r+(t[s]||\"<?>\")+(2===i?\"</svg>\":\"\");if(!Array.isArray(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return[void 0!==e?e.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith(\"$lit$\")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+\"$lit$\").split(o),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:\".\"===i[1]?M:\"?\"===i[1]?k:\"@\"===i[1]?H:S})}else c.push({type:6,index:h})}for(const i of t)l.removeAttribute(i)}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:\"\";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r())}}}else if(8===l.nodeType)if(l.data===n)c.push({type:2,index:h});else{let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)c.push({type:7,index:h}),t+=o.length-1}h++}}static createElement(t,i){const s=h.createElement(\"template\");return s.innerHTML=t,s}}function P(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return(null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r]}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++)}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P(this,t,i),d(t)?t===b||null==t||\"\"===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t)}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t}$(t){var i;const{values:s,_$litType$:e}=t,o=\"number\"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else{const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else{const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:\"\")+o[l+1]),this._$AH[l]=h}n&&!e&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:\"\")}}class M extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}}const R=s?s.emptyScript:\"\";class k extends S{constructor(){super(...arguments),this.type=4}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name)}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5}_$AI(t,i=this){var s;if((t=null!==(s=P(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,s;\"function\"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const L={P:\"$lit$\",A:o,M:n,C:1,L:E,R:V,D:c,V:P,I:N,H:S,N:k,U:H,B:M,F:I},z=i.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push(\"2.6.0\");const Z=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(r(),t),t,void 0,null!=s?s:{})}return l._$AI(t),l};export{L as _$LH,y as html,x as noChange,b as nothing,Z as render,w as svg};\n//# sourceMappingURL=lit-html.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as i,Directive as s,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=i(class extends s{constructor(t){var i;if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((i=>t[i])).join(\" \")+\" \"}update(i,[s]){var r,o;if(void 0===this.nt){this.nt=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in s)s[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(s)}const e=i.element.classList;this.nt.forEach((t=>{t in s||(e.remove(t),this.nt.delete(t))}));for(const t in s){const i=!!s[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.nt.add(t)):(e.remove(t),this.nt.delete(t)))}return t}});export{o as classMap};\n//# sourceMappingURL=class-map.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n,o,r){return n?o():null==r?void 0:r()}export{n as when};\n//# sourceMappingURL=when.js.map\n","import { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { when } from 'lit/directives/when.js';\n\nexport default class WidgetHeader extends LitElement {\n // ${(p) => TODO: missing\n // headingElement(p)(\n // 'h1',\n // css`\n // font-size: ${p.theme.fonts?.huge};\n // margin: 0;\n // font-weight: 300;\n // color: ${p.theme.colors?.text};\n // `\n // )}\n // const MainNode = styled.div<{\n // textAlign: string;\n // margin: { left?: string; right?: string };\n // }>`\n // margin-right: ${(p) => p.margin.right || 0};\n // margin-left: ${(p) => p.margin.left || 0};\n // `;\n\n static styles = [\n css`\n ui-typography {\n --typography-font-size: var(--size-huge, 2rem);\n --typography-margin: 0;\n --typography-font-weight: 300;\n --typography-color: var(--colors-text);\n }\n\n h1 {\n font-size: var(--fonts-huge);\n margin: 0;\n font-weight: 300;\n color: var(--colors-text);\n }\n\n p {\n color: var(--colors-text);\n margin: 0;\n }\n\n svg line,\n svg path,\n svg circle {\n stroke: var(--colors-text);\n }\n\n .container {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .tagline {\n font-size: var(--fonts-normal);\n font-weight: 300;\n }\n\n .main-node {\n flex: 1;\n }\n\n .main-node.center {\n text-align: center;\n }\n .main-node.left {\n text-align: left;\n }\n .main-node.right {\n text-align: right;\n }\n `,\n ];\n\n @property({ type: String })\n declare _header;\n\n @property({ type: String })\n declare _tagline;\n\n @property({ type: String })\n declare _role;\n\n @property({ type: String })\n declare _textAlign;\n\n @property({ type: String })\n declare _route: string | undefined;\n\n constructor() {\n super();\n this._header = '';\n this._tagline = '';\n this._role = '';\n this._textAlign = '';\n }\n\n // render() {\n // return html`<div>WidgetHeader</div>`;\n // }\n\n render() {\n // this.style.setProperty('--width', '2');\n // <style>\n // :host {\n // --width: var(--columns);\n // }\n // </style>\n return html` <div class=\"container\">\n <div\n class=${classMap({\n 'main-node': true,\n center: this._textAlign === 'center',\n left: this._textAlign === 'left',\n right: this._textAlign === 'right',\n })}\n >\n ${when(\n this._route,\n () => html`<div>Routes not supported yet: TODO:</div>`,\n () => html`\n <ui-typography variant=\"h1\" class=\"header\" part=\"header\">\n ${this._header}\n </ui-typography>\n `\n )}\n ${this._tagline ? html`<p class=\"tagline\" part=\"tagline\">${this._tagline}</p>` : nothing}\n </div>\n </div>`;\n }\n}\n","import { NodeConnector, WidgetComponentMixin } from '@telia-ace/widget-ui';\nimport WidgetHeader from './widget-header';\n\nexport default class WidgetHeaderWrapper extends WidgetComponentMixin(WidgetHeader) {\n connector = new NodeConnector(this);\n\n constructor() {\n super();\n }\n}\n"],"names":["i","e","__spreadProps","__spreadValues","n","t","s","o","l","h","r","d","u","c","v","a","f","m","p","$","x","b","T","A","E","g","y","C","M","k","H","S","P","V","N","I","R","z","WidgetHeader","LitElement","html","classMap","when","nothing","css","__decorateClass","property","WidgetHeaderWrapper","WidgetComponentMixin","NodeConnector"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { NodeConnector } from '@telia-ace/widget-ui';
|
|
2
|
+
import WidgetHeader from './widget-header';
|
|
3
|
+
declare const WidgetHeaderWrapper_base: (new (...args: any[]) => import("@telia-ace/widget-ui/dist/mixins/widget-component").WidgetComponentInterface) & typeof WidgetHeader;
|
|
4
|
+
export default class WidgetHeaderWrapper extends WidgetHeaderWrapper_base {
|
|
5
|
+
connector: NodeConnector;
|
|
6
|
+
constructor();
|
|
7
|
+
}
|
|
8
|
+
export {};
|
package/dist/widget-header.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export default class WidgetHeader extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult[];
|
|
4
|
+
_header: string;
|
|
5
|
+
_tagline: string;
|
|
6
|
+
_role: string;
|
|
7
|
+
_textAlign: string;
|
|
8
|
+
_route: string | undefined;
|
|
9
|
+
constructor();
|
|
10
|
+
render(): import("lit").TemplateResult<1>;
|
|
11
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-widget-header",
|
|
3
|
-
"version": "1.0.24-experimental.
|
|
3
|
+
"version": "1.0.24-experimental.10",
|
|
4
4
|
"description": "Widget header component for ACE Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -21,24 +21,26 @@
|
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@telia-ace/widget-core": "1.0.21-experimental.
|
|
25
|
-
"@telia-ace/widget-routing": "1.0.22-experimental.
|
|
26
|
-
"@telia-ace/widget-ui": "1.0.28-experimental.
|
|
27
|
-
"@telia-ace/widget-utilities": "1.0.10-experimental.
|
|
24
|
+
"@telia-ace/widget-core": "1.0.21-experimental.10",
|
|
25
|
+
"@telia-ace/widget-routing": "1.0.22-experimental.10",
|
|
26
|
+
"@telia-ace/widget-ui": "1.0.28-experimental.10",
|
|
27
|
+
"@telia-ace/widget-utilities": "1.0.10-experimental.10",
|
|
28
28
|
"@webprovisions/platform": "^1.1.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
|
+
"lit": "^2.6.0",
|
|
33
34
|
"react": "^18.2.0",
|
|
34
35
|
"react-dom": "^18.2.0"
|
|
35
36
|
},
|
|
36
37
|
"devDependencies": {
|
|
37
38
|
"@emotion/react": "^11.10.5",
|
|
38
39
|
"@emotion/styled": "^11.10.5",
|
|
39
|
-
"@telia-ace/widget-developer-tools": "1.0.16-experimental.
|
|
40
|
+
"@telia-ace/widget-developer-tools": "1.0.16-experimental.10",
|
|
40
41
|
"@types/react": "^18.0.26",
|
|
41
42
|
"@types/react-dom": "^18.0.10",
|
|
43
|
+
"lit": "^2.6.0",
|
|
42
44
|
"react": "^18.2.0",
|
|
43
45
|
"react-dom": "^18.2.0"
|
|
44
46
|
},
|
package/dist/index.74fb7b76.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { createEventSubscriber as p } from "@telia-ace/widget-core";
|
|
2
|
-
import { createReactComponent as f } from "@telia-ace/widget-ui";
|
|
3
|
-
import { removeNullAndUndefinedValues as b } from "@telia-ace/widget-utilities";
|
|
4
|
-
const v = (s, e, i) => {
|
|
5
|
-
if (i !== "center")
|
|
6
|
-
return {};
|
|
7
|
-
const t = (a) => a.reduce((u, d) => {
|
|
8
|
-
const [l] = d.padding.split("px"), [g] = d.size.split("px");
|
|
9
|
-
return u + (+g + +l * 2);
|
|
10
|
-
}, 0), o = t(s), c = t(e), r = o - c;
|
|
11
|
-
return r === 0 ? {} : {
|
|
12
|
-
[o > c ? "right" : "left"]: `${Math.abs(r)}px`
|
|
13
|
-
};
|
|
14
|
-
}, z = (s) => Object.keys(s).reduce(
|
|
15
|
-
(e, i) => {
|
|
16
|
-
const t = s[i];
|
|
17
|
-
if (!t)
|
|
18
|
-
return e;
|
|
19
|
-
const [o, c] = e, r = t.position === "left" ? o : c;
|
|
20
|
-
return s[i].symbol, r.push({
|
|
21
|
-
symbol: t.symbol && typeof t.symbol == "string" ? { type: "Uri", content: t.symbol } : t.symbol,
|
|
22
|
-
type: i,
|
|
23
|
-
padding: t.padding || "10px",
|
|
24
|
-
label: t.label,
|
|
25
|
-
size: t.size || "64px",
|
|
26
|
-
tooltip: t.tooltip,
|
|
27
|
-
order: t.order || 0,
|
|
28
|
-
show: t.show
|
|
29
|
-
}), e;
|
|
30
|
-
},
|
|
31
|
-
[[], []]
|
|
32
|
-
), h = (s) => s.getAsync("router").then((e) => {
|
|
33
|
-
if (!e)
|
|
34
|
-
return !0;
|
|
35
|
-
const i = e.getInitialRoute(), { name: t, params: o } = e.getRouteData();
|
|
36
|
-
return b(o), !((i == null ? void 0 : i.name) !== t || Object.keys(o).length > 0);
|
|
37
|
-
}), w = (s) => f(
|
|
38
|
-
s,
|
|
39
|
-
"widget-header",
|
|
40
|
-
import("./widget-header.58e6e7e9.js"),
|
|
41
|
-
(e) => {
|
|
42
|
-
const { events: i } = s.get("$widget"), [t, o] = p(i), { actions: c = {} } = e.properties();
|
|
43
|
-
if (e.actions.create("close", (r, n) => n.preventDefault ? void 0 : s.get("$widget").invoke("close")), e.actions.create("back", (r, n) => {
|
|
44
|
-
if (!n.preventDefault)
|
|
45
|
-
return s.getAsync("router").then((a) => {
|
|
46
|
-
a.goBack();
|
|
47
|
-
});
|
|
48
|
-
}), e.properties((r) => {
|
|
49
|
-
const { actions: n = {} } = r;
|
|
50
|
-
if (!!n.back)
|
|
51
|
-
return Object.keys(n).forEach((a) => {
|
|
52
|
-
const u = n[a];
|
|
53
|
-
a === "back" && (u.show = r.showBack);
|
|
54
|
-
}), { actions: n };
|
|
55
|
-
}), e.actions.create("show-back", (r) => {
|
|
56
|
-
e.writeProperties({ showBack: r });
|
|
57
|
-
}), c.back) {
|
|
58
|
-
const r = () => h(s).then(
|
|
59
|
-
(n) => e.actions.dispatch("show-back", !n)
|
|
60
|
-
);
|
|
61
|
-
r(), t("router:changed", r);
|
|
62
|
-
}
|
|
63
|
-
return e.actions.create("minimize", (r, n) => n.preventDefault ? void 0 : s.get("$widget").invoke("hide")), () => {
|
|
64
|
-
o();
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
), x = w;
|
|
68
|
-
export {
|
|
69
|
-
x as W,
|
|
70
|
-
v as a,
|
|
71
|
-
z as c
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=index.74fb7b76.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.74fb7b76.js","sources":["../src/utils.ts","../src/widget-header-component.ts"],"sourcesContent":["import { RoutingService } from '@telia-ace/widget-routing';\nimport { removeNullAndUndefinedValues } from '@telia-ace/widget-utilities';\nimport { Container } from '@webprovisions/platform';\nimport { ActionNode, Symbol } from './widget-header-component';\n\nexport const calculateMargin = (\n leftNodes: ActionNode[],\n rightNodes: ActionNode[],\n textAlign: string\n) => {\n if (textAlign !== 'center') {\n return {};\n }\n\n const calculate = (nodes: ActionNode[]) => {\n return nodes.reduce<number>((acc, node) => {\n const [padding] = node.padding.split('px');\n const [size] = node.size.split('px');\n return acc + (+size + +padding * 2);\n }, 0);\n };\n const leftSize = calculate(leftNodes);\n const rightSize = calculate(rightNodes);\n\n const total = leftSize - rightSize;\n\n if (total === 0) {\n return {};\n }\n\n const direction = leftSize > rightSize ? 'right' : 'left';\n return {\n [direction]: `${Math.abs(total)}px`,\n };\n};\n\nexport const createNodes = (actions: { [key: string]: ActionNode }) => {\n return Object.keys(actions).reduce<[ActionNode[], ActionNode[]]>(\n (acc, key) => {\n const node = actions[key];\n if (!node) {\n return acc;\n }\n const [left, right] = acc;\n const arr = node.position === 'left' ? left : right;\n\n let symbol = actions[key].symbol;\n if (symbol && typeof symbol === 'string') {\n symbol = {\n type: 'Uri',\n content: symbol,\n };\n }\n\n arr.push({\n symbol:\n node.symbol && typeof node.symbol === 'string'\n ? { type: 'Uri', content: node.symbol }\n : (node.symbol as Symbol),\n type: key,\n padding: node.padding || '10px',\n label: node.label,\n size: node.size || '64px',\n tooltip: node.tooltip,\n order: node.order || 0,\n show: node.show,\n });\n\n return acc;\n },\n [[], []]\n );\n};\n\nexport const isOnInitialRoute = (container: Container) =>\n container.getAsync('router').then((router: RoutingService) => {\n if (!router) {\n return true;\n }\n const initialRoute = router.getInitialRoute();\n const { name, params } = router.getRouteData();\n\n removeNullAndUndefinedValues(params);\n\n if (initialRoute?.name !== name || Object.keys(params).length > 0) {\n return false;\n }\n\n return true;\n });\n","import { createEventSubscriber } from '@telia-ace/widget-core';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\nimport { isOnInitialRoute } from './utils';\n\nexport type Symbol = {\n type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n content: string;\n};\n\nexport type ActionNode = {\n type: string;\n label?: string;\n position?: 'right' | 'left';\n symbol?: Symbol;\n size: string;\n padding: string;\n tooltip?: string;\n order?: number;\n show?: boolean;\n};\n\nexport type WidgetHeaderComponentProps = {\n header: string;\n tagline: string;\n textAlign?: string;\n actions?: { [key: string]: ActionNode };\n tooltip?: string;\n route?: string;\n};\n\nconst WidgetHeaderComponent = (container: Container) => {\n return createReactComponent(\n container,\n 'widget-header',\n import('./widget-header'),\n (component) => {\n const { events } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n const { actions = {} } = component.properties<WidgetHeaderComponentProps>();\n\n component.actions.create('close', (data, options) => {\n if (options.preventDefault) {\n return;\n }\n\n const widget = container.get('$widget');\n return widget.invoke('close');\n });\n component.actions.create('back', (data, options) => {\n if (options.preventDefault) {\n return;\n }\n\n return container.getAsync('router').then((router: RoutingService) => {\n router.goBack();\n });\n });\n\n component.properties((properties) => {\n const { actions = {} } = properties;\n\n if (!actions.back) {\n return;\n }\n\n Object.keys(actions).forEach((key) => {\n const node = actions[key];\n if (key === 'back') {\n node.show = properties.showBack;\n }\n });\n\n return { actions };\n });\n\n component.actions.create('show-back', (showBack) => {\n component.writeProperties({ showBack });\n });\n\n if (actions.back) {\n const showBack = () =>\n isOnInitialRoute(container).then((onInitialRoute) =>\n component.actions.dispatch('show-back', !onInitialRoute)\n );\n\n showBack();\n subscribe('router:changed', showBack);\n }\n\n component.actions.create('minimize', (data, options) => {\n if (options.preventDefault) {\n return;\n }\n\n const widget = container.get('$widget');\n return widget.invoke('hide');\n });\n\n return () => {\n unsubscribe();\n };\n }\n );\n};\n\nexport default WidgetHeaderComponent;\n"],"names":["calculateMargin","leftNodes","rightNodes","textAlign","calculate","nodes","acc","node","padding","size","leftSize","rightSize","total","createNodes","actions","key","left","right","arr","isOnInitialRoute","container","router","initialRoute","name","params","removeNullAndUndefinedValues","WidgetHeaderComponent","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","data","options","properties","showBack","onInitialRoute","WidgetHeaderComponent$1"],"mappings":"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"}
|
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
var A = Object.defineProperty, B = Object.defineProperties;
|
|
2
|
-
var M = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var h = Object.getOwnPropertySymbols;
|
|
4
|
-
var E = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var z = (e, t, i) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, u = (e, t) => {
|
|
6
|
-
for (var i in t || (t = {}))
|
|
7
|
-
E.call(t, i) && z(e, i, t[i]);
|
|
8
|
-
if (h)
|
|
9
|
-
for (var i of h(t))
|
|
10
|
-
k.call(t, i) && z(e, i, t[i]);
|
|
11
|
-
return e;
|
|
12
|
-
}, N = (e, t) => B(e, M(t));
|
|
13
|
-
var $ = (e, t) => {
|
|
14
|
-
var i = {};
|
|
15
|
-
for (var n in e)
|
|
16
|
-
E.call(e, n) && t.indexOf(n) < 0 && (i[n] = e[n]);
|
|
17
|
-
if (e != null && h)
|
|
18
|
-
for (var n of h(e))
|
|
19
|
-
t.indexOf(n) < 0 && k.call(e, n) && (i[n] = e[n]);
|
|
20
|
-
return i;
|
|
21
|
-
};
|
|
22
|
-
import { css as x } from "@emotion/react";
|
|
23
|
-
import c from "@emotion/styled";
|
|
24
|
-
import { SymbolBadge as f, useDispatch as W, TransitionComponent as I, borderTabStyle as R, useProperties as q, Typography as S, headingElement as T, Link as L, linkTabStyle as _ } from "@telia-ace/widget-ui";
|
|
25
|
-
import { appendClassNames as D } from "@telia-ace/widget-utilities";
|
|
26
|
-
import r from "react";
|
|
27
|
-
import { c as H, a as P } from "./index.74fb7b76.js";
|
|
28
|
-
import "@telia-ace/widget-core";
|
|
29
|
-
const j = ({ node: e }) => {
|
|
30
|
-
if (!e.symbol)
|
|
31
|
-
return null;
|
|
32
|
-
let t;
|
|
33
|
-
const i = e.symbol.type === "Svg";
|
|
34
|
-
if (e.symbol.type === "Svg") {
|
|
35
|
-
const n = parseInt(e.size, 10);
|
|
36
|
-
isNaN(n) || (t = n);
|
|
37
|
-
}
|
|
38
|
-
return /* @__PURE__ */ r.createElement(G, { symbol: e.symbol, svg: i, size: t, backgroundSize: "cover" });
|
|
39
|
-
}, F = j, G = c((i) => {
|
|
40
|
-
var n = i, { svg: e } = n, t = $(n, ["svg"]);
|
|
41
|
-
return /* @__PURE__ */ r.createElement(f, u({}, t));
|
|
42
|
-
})`
|
|
43
|
-
color: ${(e) => {
|
|
44
|
-
var t;
|
|
45
|
-
return (t = e.theme.colors) == null ? void 0 : t.text;
|
|
46
|
-
}};
|
|
47
|
-
${(e) => !e.svg && x`
|
|
48
|
-
border-radius: 50%;
|
|
49
|
-
overflow: hidden;
|
|
50
|
-
`}
|
|
51
|
-
`, J = ({ node: e }) => {
|
|
52
|
-
const t = e.symbol || { type: "Svg", content: "back" };
|
|
53
|
-
return /* @__PURE__ */ r.createElement(f, { size: 20, symbol: t });
|
|
54
|
-
}, K = J, O = ({ node: e }) => {
|
|
55
|
-
const t = e.symbol || { type: "Svg", content: "close" }, i = parseInt(e == null ? void 0 : e.size, 10) || 14;
|
|
56
|
-
return /* @__PURE__ */ r.createElement(f, { size: i, symbol: t });
|
|
57
|
-
}, Q = O, U = ({ node: e }) => {
|
|
58
|
-
const t = e.symbol || { type: "Svg", content: "minimize" }, i = parseInt(e == null ? void 0 : e.size, 10) || 20;
|
|
59
|
-
return /* @__PURE__ */ r.createElement(f, { size: i, symbol: t });
|
|
60
|
-
}, V = U, X = (i) => {
|
|
61
|
-
var n = i, { className: e = "" } = n, t = $(n, ["className"]);
|
|
62
|
-
const m = W(), { size: g, padding: p, type: o, tooltip: s, show: b = !0 } = t;
|
|
63
|
-
return o === "back" ? /* @__PURE__ */ r.createElement(w, { size: g || "64px", padding: p || "10px" }, /* @__PURE__ */ r.createElement(
|
|
64
|
-
I,
|
|
65
|
-
{
|
|
66
|
-
in: b,
|
|
67
|
-
timeout: 300,
|
|
68
|
-
transitions: {
|
|
69
|
-
enter: {
|
|
70
|
-
type: "scale",
|
|
71
|
-
easing: "cubic-bezier(.08,.84,.74,1.84)"
|
|
72
|
-
},
|
|
73
|
-
exit: {
|
|
74
|
-
type: "scale",
|
|
75
|
-
easing: "ease-out"
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
(y, d) => /* @__PURE__ */ r.createElement(
|
|
80
|
-
v,
|
|
81
|
-
{
|
|
82
|
-
title: s,
|
|
83
|
-
"aria-label": s,
|
|
84
|
-
animationCss: d,
|
|
85
|
-
onClick: () => {
|
|
86
|
-
m("back");
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
/* @__PURE__ */ r.createElement(K, { node: t })
|
|
90
|
-
)
|
|
91
|
-
)) : b ? /* @__PURE__ */ r.createElement(
|
|
92
|
-
w,
|
|
93
|
-
{
|
|
94
|
-
size: g || "64px",
|
|
95
|
-
padding: p || "10px",
|
|
96
|
-
squareRatio: o === "avatar"
|
|
97
|
-
},
|
|
98
|
-
o === "avatar" && /* @__PURE__ */ r.createElement(F, { node: t }),
|
|
99
|
-
o === "close" && /* @__PURE__ */ r.createElement(
|
|
100
|
-
v,
|
|
101
|
-
{
|
|
102
|
-
title: s,
|
|
103
|
-
"aria-label": s,
|
|
104
|
-
onClick: () => {
|
|
105
|
-
m("close");
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
/* @__PURE__ */ r.createElement(Q, { node: t })
|
|
109
|
-
),
|
|
110
|
-
o === "minimize" && /* @__PURE__ */ r.createElement(
|
|
111
|
-
v,
|
|
112
|
-
{
|
|
113
|
-
title: s,
|
|
114
|
-
"aria-label": s,
|
|
115
|
-
onClick: () => {
|
|
116
|
-
m("minimize");
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
/* @__PURE__ */ r.createElement(V, { node: t })
|
|
120
|
-
)
|
|
121
|
-
) : null;
|
|
122
|
-
}, C = X, w = c.div`
|
|
123
|
-
flex: 1;
|
|
124
|
-
max-width: ${(e) => e.size};
|
|
125
|
-
${(e) => e.squareRatio && `max-height: ${e.size};`}
|
|
126
|
-
text-align: center;
|
|
127
|
-
padding: 0 ${(e) => e.padding};
|
|
128
|
-
&& {
|
|
129
|
-
box-sizing: content-box;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
svg {
|
|
133
|
-
vertical-align: middle;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
i {
|
|
137
|
-
color: ${(e) => {
|
|
138
|
-
var t;
|
|
139
|
-
return (t = e.theme.colors) == null ? void 0 : t.text;
|
|
140
|
-
}};
|
|
141
|
-
font-size: ${(e) => e.size};
|
|
142
|
-
min-width: 1em;
|
|
143
|
-
min-height: 1em;
|
|
144
|
-
display: inline-block;
|
|
145
|
-
}
|
|
146
|
-
`, v = c.button`
|
|
147
|
-
${(e) => !!e.animationCss && e.animationCss};
|
|
148
|
-
background: none;
|
|
149
|
-
border: none;
|
|
150
|
-
cursor: pointer;
|
|
151
|
-
padding: 0;
|
|
152
|
-
&:focus-visible {
|
|
153
|
-
${R};
|
|
154
|
-
border-color: ${(e) => {
|
|
155
|
-
var t, i;
|
|
156
|
-
return (i = (t = e.theme.accessibility) == null ? void 0 : t.colors) == null ? void 0 : i.inactiveText;
|
|
157
|
-
}};
|
|
158
|
-
}
|
|
159
|
-
`, me = (i) => {
|
|
160
|
-
var n = i, { className: e } = n, t = $(n, ["className"]);
|
|
161
|
-
const {
|
|
162
|
-
header: m,
|
|
163
|
-
tagline: g,
|
|
164
|
-
route: p,
|
|
165
|
-
tooltip: o = "",
|
|
166
|
-
actions: s = {},
|
|
167
|
-
textAlign: b = "center"
|
|
168
|
-
} = q(), [y, d] = H(s);
|
|
169
|
-
return y.sort((a, l) => (a.order || 0) - (l.order || 0)), d.sort((a, l) => (a.order || 0) - (l.order || 0)), /* @__PURE__ */ r.createElement(Y, N(u({}, t), { className: D(e, "humany-widget-header") }), y.map((a, l) => /* @__PURE__ */ r.createElement(C, u({ key: `${a.type}+_${l}` }, a))), /* @__PURE__ */ r.createElement(
|
|
170
|
-
ee,
|
|
171
|
-
{
|
|
172
|
-
textAlign: b,
|
|
173
|
-
margin: P(y, d, b)
|
|
174
|
-
},
|
|
175
|
-
p ? /* @__PURE__ */ r.createElement(te, { routeName: p, title: o, "aria-label": o }, /* @__PURE__ */ r.createElement(S, { variant: "h1" }, m)) : /* @__PURE__ */ r.createElement(S, { variant: "h1" }, m),
|
|
176
|
-
g && /* @__PURE__ */ r.createElement(Z, null, g)
|
|
177
|
-
), d.map((a, l) => /* @__PURE__ */ r.createElement(C, u({ key: `${a.type}+_${l}` }, a))));
|
|
178
|
-
}, Y = c.div`
|
|
179
|
-
display: flex;
|
|
180
|
-
flex-direction: row;
|
|
181
|
-
align-items: center;
|
|
182
|
-
|
|
183
|
-
${(e) => {
|
|
184
|
-
var t, i;
|
|
185
|
-
return T(e)(
|
|
186
|
-
"h1",
|
|
187
|
-
x`
|
|
188
|
-
font-size: ${(t = e.theme.fonts) == null ? void 0 : t.huge};
|
|
189
|
-
margin: 0;
|
|
190
|
-
font-weight: 300;
|
|
191
|
-
color: ${(i = e.theme.colors) == null ? void 0 : i.text};
|
|
192
|
-
`
|
|
193
|
-
);
|
|
194
|
-
}}
|
|
195
|
-
|
|
196
|
-
p {
|
|
197
|
-
color: ${(e) => {
|
|
198
|
-
var t;
|
|
199
|
-
return (t = e.theme.colors) == null ? void 0 : t.text;
|
|
200
|
-
}};
|
|
201
|
-
margin: 0;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
svg {
|
|
205
|
-
line,
|
|
206
|
-
path,
|
|
207
|
-
circle {
|
|
208
|
-
stroke: ${(e) => {
|
|
209
|
-
var t;
|
|
210
|
-
return (t = e.theme.colors) == null ? void 0 : t.text;
|
|
211
|
-
}};
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
`, Z = c.p`
|
|
215
|
-
font-size: ${(e) => {
|
|
216
|
-
var t;
|
|
217
|
-
return (t = e.theme.fonts) == null ? void 0 : t.normal;
|
|
218
|
-
}};
|
|
219
|
-
font-weight: 300;
|
|
220
|
-
`, ee = c.div`
|
|
221
|
-
flex: 1;
|
|
222
|
-
text-align: ${(e) => e.textAlign};
|
|
223
|
-
|
|
224
|
-
margin-right: ${(e) => e.margin.right || 0};
|
|
225
|
-
margin-left: ${(e) => e.margin.left || 0};
|
|
226
|
-
`, te = c(L)`
|
|
227
|
-
text-decoration: none;
|
|
228
|
-
&:focus-visible {
|
|
229
|
-
${(e) => T(e)(
|
|
230
|
-
"h1",
|
|
231
|
-
x`
|
|
232
|
-
${_(e)}
|
|
233
|
-
display: inline-block;
|
|
234
|
-
`
|
|
235
|
-
)}
|
|
236
|
-
}
|
|
237
|
-
`;
|
|
238
|
-
export {
|
|
239
|
-
me as default
|
|
240
|
-
};
|
|
241
|
-
//# sourceMappingURL=widget-header.58e6e7e9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"widget-header.58e6e7e9.js","sources":["../src/avatar.tsx","../src/back.tsx","../src/close.tsx","../src/minimize.tsx","../src/node.tsx","../src/widget-header.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = { node: ActionNode };\nconst Avatar: React.FC<Props> = ({ node }) => {\n if (!node.symbol) {\n return null;\n }\n\n let size;\n const isSvg = node.symbol.type === 'Svg';\n if (node.symbol.type === 'Svg') {\n const sizeNumber = parseInt(node.size, 10);\n\n if (!isNaN(sizeNumber)) {\n size = sizeNumber;\n }\n }\n\n return <Wrapper symbol={node.symbol} svg={isSvg} size={size} backgroundSize=\"cover\" />;\n};\n\nexport default Avatar;\n\nconst Wrapper = styled(({ svg, ...other }: any) => <SymbolBadge {...other} />)`\n color: ${(p) => p.theme.colors?.text};\n ${(p) =>\n !p.svg &&\n css`\n border-radius: 50%;\n overflow: hidden;\n `}\n`;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n node: ActionNode;\n};\nconst Back: React.FC<Props> = ({ node }) => {\n const symbol = node.symbol || { type: 'Svg', content: 'back' };\n return <SymbolBadge size={20} symbol={symbol} />;\n};\n\nexport default Back;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n node: ActionNode;\n};\nconst Close: React.FC<Props> = ({ node }) => {\n const symbol = node.symbol || { type: 'Svg', content: 'close' };\n const size = parseInt(node?.size, 10) || 14;\n return <SymbolBadge size={size} symbol={symbol} />;\n};\n\nexport default Close;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n node: ActionNode;\n};\nconst Minimize: React.FC<Props> = ({ node }) => {\n const symbol = node.symbol || { type: 'Svg', content: 'minimize' };\n const size = parseInt(node?.size, 10) || 20;\n return <SymbolBadge size={size} symbol={symbol} />;\n};\n\nexport default Minimize;\n","import styled from '@emotion/styled';\nimport { borderTabStyle, TransitionComponent, useDispatch } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport Avatar from './avatar';\nimport Back from './back';\nimport Close from './close';\nimport Minimize from './minimize';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = Merge<\n ActionNode,\n {\n className?: string;\n }\n>;\n\nconst Node: React.FC<Props> = ({ className = '', ...node }) => {\n const dispatch = useDispatch();\n\n const { size, padding, type, tooltip, show = true } = node;\n\n if (type === 'back') {\n return (\n <NodeWrapper size={size || '64px'} padding={padding || '10px'}>\n <TransitionComponent\n in={show}\n timeout={300}\n transitions={{\n enter: {\n type: 'scale',\n easing: 'cubic-bezier(.08,.84,.74,1.84)',\n },\n exit: {\n type: 'scale',\n easing: 'ease-out',\n },\n }}\n >\n {(state: any, css: any) => (\n <ActionButton\n title={tooltip}\n aria-label={tooltip}\n animationCss={css}\n onClick={() => {\n dispatch('back');\n }}\n >\n <Back node={node} />\n </ActionButton>\n )}\n </TransitionComponent>\n </NodeWrapper>\n );\n }\n\n if (!show) {\n return null;\n }\n\n return (\n <NodeWrapper\n size={size || '64px'}\n padding={padding || '10px'}\n squareRatio={type === 'avatar'}\n >\n {type === 'avatar' && <Avatar node={node} />}\n {type === 'close' && (\n <ActionButton\n title={tooltip}\n aria-label={tooltip}\n onClick={() => {\n dispatch('close');\n }}\n >\n <Close node={node} />\n </ActionButton>\n )}\n {type === 'minimize' && (\n <ActionButton\n title={tooltip}\n aria-label={tooltip}\n onClick={() => {\n dispatch('minimize');\n }}\n >\n <Minimize node={node} />\n </ActionButton>\n )}\n </NodeWrapper>\n );\n};\n\nexport default Node;\n\nconst NodeWrapper = styled.div<{ size: string; padding: string; squareRatio?: boolean }>`\n flex: 1;\n max-width: ${(p) => p.size};\n ${(p) => p.squareRatio && `max-height: ${p.size};`}\n text-align: center;\n padding: 0 ${(p) => p.padding};\n && {\n box-sizing: content-box;\n }\n\n svg {\n vertical-align: middle;\n }\n\n i {\n color: ${(p) => p.theme.colors?.text};\n font-size: ${(p) => p.size};\n min-width: 1em;\n min-height: 1em;\n display: inline-block;\n }\n`;\nconst ActionButton = styled.button<any>`\n ${(p) => !!p.animationCss && p.animationCss};\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n &:focus-visible {\n ${borderTabStyle};\n border-color: ${(p) => p.theme.accessibility?.colors?.inactiveText};\n }\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n headingElement,\n Link,\n linkTabStyle,\n Typography,\n useProperties,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport Node from './node';\nimport { calculateMargin, createNodes } from './utils';\nimport { WidgetHeaderComponentProps } from './widget-header-component';\n\ntype Props = {\n className: string;\n role?: string;\n};\n\nconst WidgetHeader: React.FC<Props> = ({ className, ...other }) => {\n const {\n header,\n tagline,\n route,\n tooltip = '',\n actions = {},\n textAlign = 'center',\n } = useProperties<WidgetHeaderComponentProps>();\n\n const [leftNodes, rightNodes] = createNodes(actions);\n leftNodes.sort((a, b) => (a.order || 0) - (b.order || 0));\n rightNodes.sort((a, b) => (a.order || 0) - (b.order || 0));\n return (\n <Wrapper {...other} className={appendClassNames(className, 'humany-widget-header')}>\n {leftNodes.map((node, key) => (\n <Node key={`${node.type}+_${key}`} {...node} />\n ))}\n\n <MainNode\n textAlign={textAlign}\n margin={calculateMargin(leftNodes, rightNodes, textAlign)}\n >\n {route ? (\n <StyledLink routeName={route} title={tooltip} aria-label={tooltip}>\n <Typography variant=\"h1\">{header}</Typography>\n </StyledLink>\n ) : (\n <Typography variant=\"h1\">{header}</Typography>\n )}\n {tagline && <Tagline>{tagline}</Tagline>}\n </MainNode>\n\n {rightNodes.map((node, key) => (\n <Node key={`${node.type}+_${key}`} {...node} />\n ))}\n </Wrapper>\n );\n};\n\nexport default WidgetHeader;\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n ${(p) =>\n headingElement(p)(\n 'h1',\n css`\n font-size: ${p.theme.fonts?.huge};\n margin: 0;\n font-weight: 300;\n color: ${p.theme.colors?.text};\n `\n )}\n\n p {\n color: ${(p) => p.theme.colors?.text};\n margin: 0;\n }\n\n svg {\n line,\n path,\n circle {\n stroke: ${(p) => p.theme.colors?.text};\n }\n }\n`;\n\nconst Tagline = styled.p`\n font-size: ${(p) => p.theme.fonts?.normal};\n font-weight: 300;\n`;\n\nconst MainNode = styled.div<{\n textAlign: string;\n margin: { left?: string; right?: string };\n}>`\n flex: 1;\n text-align: ${(p) => p.textAlign};\n\n margin-right: ${(p) => p.margin.right || 0};\n margin-left: ${(p) => p.margin.left || 0};\n`;\n\nconst StyledLink = styled(Link)<any>`\n text-decoration: none;\n &:focus-visible {\n ${(p) =>\n headingElement(p)(\n 'h1',\n css`\n ${linkTabStyle(p)}\n display: inline-block;\n `\n )}\n }\n`;\n"],"names":["Avatar","node","size","isSvg","sizeNumber","React","Wrapper","Avatar$1","styled","_a","_b","svg","other","__objRest","SymbolBadge","__spreadValues","p","css","Back","symbol","Back$1","Close","Close$1","Minimize","Minimize$1","Node","className","dispatch","useDispatch","padding","type","tooltip","show","NodeWrapper","TransitionComponent","state","ActionButton","Node$1","borderTabStyle","WidgetHeader","header","tagline","route","actions","textAlign","useProperties","leftNodes","rightNodes","createNodes","b","__spreadProps","appendClassNames","key","MainNode","calculateMargin","StyledLink","Typography","Tagline","headingElement","Link","linkTabStyle"],"mappings":"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"}
|