@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 CHANGED
@@ -1,7 +1 @@
1
- import React from 'react';
2
- import { ActionNode } from './widget-header-component';
3
- type Props = {
4
- node: ActionNode;
5
- };
6
- declare const Avatar: React.FC<Props>;
7
- export default Avatar;
1
+ export declare const test: {};
package/dist/back.d.ts CHANGED
@@ -1,7 +1 @@
1
- import React from 'react';
2
- import { ActionNode } from './widget-header-component';
3
- type Props = {
4
- node: ActionNode;
5
- };
6
- declare const Back: React.FC<Props>;
7
- export default Back;
1
+ export declare const test: {};
package/dist/close.d.ts CHANGED
@@ -1,7 +1 @@
1
- import React from 'react';
2
- import { ActionNode } from './widget-header-component';
3
- type Props = {
4
- node: ActionNode;
5
- };
6
- declare const Close: React.FC<Props>;
7
- export default Close;
1
+ export declare const test: {};
package/dist/index.js CHANGED
@@ -1,8 +1,10 @@
1
- import { W as i } from "./index.74fb7b76.js";
2
- import "@telia-ace/widget-core";
3
- import "@telia-ace/widget-ui";
4
- import "@telia-ace/widget-utilities";
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
- i as default
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;"}
@@ -1,7 +1 @@
1
- import React from 'react';
2
- import { ActionNode } from './widget-header-component';
3
- type Props = {
4
- node: ActionNode;
5
- };
6
- declare const Minimize: React.FC<Props>;
7
- export default Minimize;
1
+ export declare const test: {};
package/dist/node.d.ts CHANGED
@@ -1,7 +1 @@
1
- import React from 'react';
2
- import { ActionNode } from './widget-header-component';
3
- type Props = Merge<ActionNode, {
4
- className?: string;
5
- }>;
6
- declare const Node: React.FC<Props>;
7
- export default Node;
1
+ export declare const test: {};
package/dist/utils.d.ts CHANGED
@@ -1,9 +1 @@
1
- import { Container } from '@webprovisions/platform';
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":";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,MAAMA,KAAE,CAAC,GAAEC,MAAeA,EAAE,SAAb,YAAmBA,EAAE,cAAY,EAAE,WAAUA,EAAE,cAAYC,EAAAC,EAAA,IAAIF,IAAJ,EAAM,SAASG,GAAE;AAAC,EAAAA,EAAE,eAAeH,EAAE,KAAI,CAAC;AAAC,EAAC,KAAE,EAAC,MAAK,SAAQ,KAAI,UAAS,WAAU,OAAM,YAAW,IAAG,aAAYA,EAAE,KAAI,cAAa;AAAC,EAAY,OAAOA,EAAE,eAArB,eAAmC,KAAKA,EAAE,OAAKA,EAAE,YAAY,KAAK,IAAI;AAAE,GAAE,SAASG,GAAE;AAAC,EAAAA,EAAE,eAAeH,EAAE,KAAI,CAAC;AAAC,EAAC;AAAE,SAASA,EAAEA,GAAE;AAAC,SAAM,CAACG,GAAEC,MAAaA,MAAT,UAAY,CAACL,GAAEC,GAAEG,MAAI;AAAC,IAAAH,EAAE,YAAY,eAAeG,GAAEJ,CAAC;AAAA,EAAC,GAAGC,GAAEG,GAAEC,CAAC,IAAEL,GAAEC,GAAEG,CAAC;AAAC;ACJra;AAAA;AAAA;AAAA;AAAA;AAIG,IAAIA;AAAAA,EAAyBA,IAAE,OAAO,qBAAjB,QAA4CA,MAAT,SAAW,SAAOA,EAAE,UAAU,qBAAxE;ACLjB;AAAA;AAAA;AAAA;AAAA;AAKA,IAAIC;AAAO,MAACL,IAAE,QAAOM,IAAEN,EAAE,cAAaC,IAAEK,IAAEA,EAAE,aAAa,YAAW,EAAC,YAAW,CAAAD,MAAGA,EAAC,CAAC,IAAE,QAAOE,IAAE,QAAQ,KAAK,OAAM,IAAG,IAAI,MAAM,CAAC,MAAKH,IAAE,MAAIG,GAAEC,KAAE,IAAIJ,MAAKK,IAAE,UAASC,IAAE,CAACL,IAAE,OAAKI,EAAE,cAAcJ,CAAC,GAAEM,IAAE,CAAAN,MAAUA,MAAP,QAAoB,OAAOA,KAAjB,YAAgC,OAAOA,KAAnB,YAAqBO,IAAE,MAAM,SAAQC,KAAE,CAAAR,MAAGO,EAAEP,CAAC,KAAe,QAAaA,KAAN,OAAQ,SAAOA,EAAE,OAAO,cAA3C,YAAsDS,IAAE,uDAAsDC,IAAE,QAAOC,IAAE,MAAK,IAAE,OAAO;AAAA;AAAA;AAAA;AAAA,2BAA+F,GAAG,GAAEC,IAAE,MAAKC,IAAE,MAAKC,IAAE,sCAAsGC,IAAE,OAAO,IAAI,cAAc,GAAEC,IAAE,OAAO,IAAI,aAAa,GAAEC,IAAE,oBAAI,WAAQC,IAAEd,EAAE,iBAAiBA,GAAE,KAAI,MAAK,EAAE,GAAEe,KAAE,CAACnB,GAAEL,MAAI;AAAC,QAAMM,IAAED,EAAE,SAAO,GAAED,IAAE,CAAA;AAAG,MAAIK,GAAE,IAAMT,MAAJ,IAAM,UAAQ,IAAGW,IAAEG;AAAE,WAAQd,IAAE,GAAEA,IAAEM,GAAEN,KAAI;AAAC,UAAMM,IAAED,EAAEL;AAAG,QAAIC,GAAEW,GAAEC,IAAE,IAAGY,IAAE;AAAE,WAAKA,IAAEnB,EAAE,WAASK,EAAE,YAAUc,GAAEb,IAAED,EAAE,KAAKL,CAAC,GAASM,MAAP;AAAW,MAAAa,IAAEd,EAAE,WAAUA,MAAIG,IAAUF,EAAE,OAAV,QAAaD,IAAEI,IAAWH,EAAE,OAAX,SAAcD,IAAEK,IAAWJ,EAAE,OAAX,UAAeO,EAAE,KAAKP,EAAE,EAAE,MAAIH,IAAE,OAAO,OAAKG,EAAE,IAAG,GAAG,IAAGD,IAAE,KAAYC,EAAE,OAAX,WAAgBD,IAAE,KAAGA,MAAI,IAAQC,EAAE,OAAR,OAAYD,IAAQF,KAAN,OAAQA,IAAEK,GAAED,IAAE,MAAaD,EAAE,OAAX,SAAcC,IAAE,MAAIA,IAAEF,EAAE,YAAUC,EAAE,GAAG,QAAOX,IAAEW,EAAE,IAAGD,IAAWC,EAAE,OAAX,SAAc,IAAQA,EAAE,OAAR,MAAWM,IAAED,KAAGN,MAAIO,KAAGP,MAAIM,IAAEN,IAAE,IAAEA,MAAII,KAAGJ,MAAIK,IAAEL,IAAEG,KAAGH,IAAE,GAAEF,IAAE;AAAQ,UAAMiB,IAAEf,MAAI,KAAGN,EAAEL,IAAE,GAAG,WAAW,IAAI,IAAE,MAAI;AAAG,SAAGW,MAAIG,IAAER,IAAEE,KAAEK,KAAG,KAAGT,EAAE,KAAKH,CAAC,GAAEK,EAAE,MAAM,GAAEO,CAAC,IAAE,UAAQP,EAAE,MAAMO,CAAC,IAAEN,IAAEmB,KAAGpB,IAAEC,KAAQM,MAAL,MAAQT,EAAE,KAAK,MAAM,GAAEJ,KAAG0B;AAAA,EAAE;AAAC,QAAMd,IAAE,KAAGP,EAAEC,MAAI,UAAYN,MAAJ,IAAM,WAAS;AAAI,MAAG,CAAC,MAAM,QAAQK,CAAC,KAAG,CAACA,EAAE,eAAe,KAAK;AAAE,UAAM,MAAM,gCAAgC;AAAE,SAAM,CAAUJ,MAAT,SAAWA,EAAE,WAAWW,CAAC,IAAEA,GAAER,CAAC;AAAC;AAAE,MAAMuB,EAAC;AAAA,EAAC,YAAY,EAAC,SAAQ,GAAE,YAAW3B,EAAC,GAAEC,GAAE;AAAC,QAAIO;AAAE,SAAK,QAAM;AAAG,QAAIC,IAAE,GAAEE,IAAE;AAAE,UAAMC,IAAE,EAAE,SAAO,GAAEC,IAAE,KAAK,OAAM,CAACC,GAAEC,CAAC,IAAES,GAAE,GAAExB,CAAC;AAAE,QAAG,KAAK,KAAG2B,EAAE,cAAcb,GAAEb,CAAC,GAAEsB,EAAE,cAAY,KAAK,GAAG,SAAYvB,MAAJ,GAAM;AAAC,YAAMK,IAAE,KAAK,GAAG,SAAQL,IAAEK,EAAE;AAAW,MAAAL,EAAE,OAAM,GAAGK,EAAE,OAAO,GAAGL,EAAE,UAAU;AAAA,IAAC;AAAC,YAAaQ,IAAEe,EAAE,SAAQ,OAApB,QAAyBV,EAAE,SAAOD,KAAG;AAAC,UAAOJ,EAAE,aAAN,GAAe;AAAC,YAAGA,EAAE,cAAa,GAAG;AAAC,gBAAMH,IAAE,CAAE;AAAC,qBAAUL,KAAKQ,EAAE;AAAoB,gBAAGR,EAAE,SAAS,OAAO,KAAGA,EAAE,WAAWO,CAAC,GAAE;AAAC,oBAAMD,IAAES,EAAEJ;AAAK,kBAAGN,EAAE,KAAKL,CAAC,GAAWM,MAAT,QAAW;AAAC,sBAAMD,IAAEG,EAAE,aAAaF,EAAE,YAAa,IAAC,OAAO,EAAE,MAAMC,CAAC,GAAEP,IAAE,eAAe,KAAKM,CAAC;AAAE,gBAAAO,EAAE,KAAK,EAAC,MAAK,GAAE,OAAMJ,GAAE,MAAKT,EAAE,IAAG,SAAQK,GAAE,MAAWL,EAAE,OAAR,MAAW4B,KAAQ5B,EAAE,OAAR,MAAW6B,KAAQ7B,EAAE,OAAR,MAAW8B,KAAEC,EAAC,CAAC;AAAA,cAAC;AAAM,gBAAAlB,EAAE,KAAK,EAAC,MAAK,GAAE,OAAMJ,EAAC,CAAC;AAAA,YAAC;AAAC,qBAAUT,KAAKK;AAAE,YAAAG,EAAE,gBAAgBR,CAAC;AAAA,QAAC;AAAC,YAAGmB,EAAE,KAAKX,EAAE,OAAO,GAAE;AAAC,gBAAMH,IAAEG,EAAE,YAAY,MAAMD,CAAC,GAAEP,IAAEK,EAAE,SAAO;AAAE,cAAGL,IAAE,GAAE;AAAC,YAAAQ,EAAE,cAAYF,IAAEA,EAAE,cAAY;AAAG,qBAAQA,IAAE,GAAEA,IAAEN,GAAEM;AAAI,cAAAE,EAAE,OAAOH,EAAEC,IAAGI,EAAG,CAAA,GAAEa,EAAE,SAAQ,GAAGV,EAAE,KAAK,EAAC,MAAK,GAAE,OAAM,EAAEJ,EAAC,CAAC;AAAE,YAAAD,EAAE,OAAOH,EAAEL,IAAGU,EAAG,CAAA;AAAA,UAAC;AAAA,QAAC;AAAA,MAAC,WAAaF,EAAE,aAAN;AAAe,YAAGA,EAAE,SAAOJ;AAAE,UAAAS,EAAE,KAAK,EAAC,MAAK,GAAE,OAAMJ,EAAC,CAAC;AAAA,aAAM;AAAC,cAAIJ,IAAE;AAAG,kBAAWA,IAAEG,EAAE,KAAK,QAAQD,GAAEF,IAAE,CAAC,OAA5B;AAAgC,YAAAQ,EAAE,KAAK,EAAC,MAAK,GAAE,OAAMJ,EAAC,CAAC,GAAEJ,KAAGE,EAAE,SAAO;AAAA,QAAC;AAAC,MAAAE;AAAA,IAAG;AAAA,EAAC;AAAA,EAAC,OAAO,cAAc,GAAET,GAAE;AAAC,UAAM,IAAES,EAAE,cAAc,UAAU;AAAE,WAAO,EAAE,YAAU,GAAE;AAAA,EAAC;AAAC;AAAC,SAASuB,EAAE3B,GAAEL,GAAEM,IAAED,GAAEJ,GAAE;AAAC,MAAIM,GAAEH,GAAEI,GAAEC;AAAE,MAAGT,MAAIoB;AAAE,WAAOpB;AAAE,MAAIU,IAAWT,MAAT,UAAmBM,IAAED,EAAE,UAAZ,QAA4BC,MAAT,SAAW,SAAOA,EAAEN,KAAGK,EAAE;AAAK,QAAMM,IAAED,EAAEX,CAAC,IAAE,SAAOA,EAAE;AAAgB,UAAaU,KAAN,OAAQ,SAAOA,EAAE,iBAAeE,OAAYR,IAAQM,KAAN,OAAQ,SAAOA,EAAE,UAA3B,QAA2CN,MAAT,UAAYA,EAAE,KAAKM,GAAE,EAAE,GAAWE,MAAT,SAAWF,IAAE,UAAQA,IAAE,IAAIE,EAAEP,CAAC,GAAEK,EAAE,KAAKL,GAAEC,GAAEL,CAAC,IAAYA,MAAT,WAAoBO,KAAGC,IAAEH,GAAG,UAAhB,QAAgCE,MAAT,SAAWA,IAAEC,EAAE,OAAK,CAAA,GAAIR,KAAGS,IAAEJ,EAAE,OAAKI,IAAYA,MAAT,WAAaV,IAAEgC,EAAE3B,GAAEK,EAAE,KAAKL,GAAEL,EAAE,MAAM,GAAEU,GAAET,CAAC,IAAGD;AAAC;AAAC,MAAMiC,GAAC;AAAA,EAAC,YAAY,GAAEjC,GAAE;AAAC,SAAK,IAAE,CAAE,GAAC,KAAK,OAAK,QAAO,KAAK,OAAK,GAAE,KAAK,OAAKA;AAAA,EAAC;AAAA,EAAC,IAAI,aAAY;AAAC,WAAO,KAAK,KAAK;AAAA,EAAU;AAAA,EAAC,IAAI,OAAM;AAAC,WAAO,KAAK,KAAK;AAAA,EAAI;AAAA,EAAC,EAAE,GAAE;AAAC,QAAIA;AAAE,UAAK,EAAC,IAAG,EAAC,SAAQ,EAAC,GAAE,OAAMC,EAAC,IAAE,KAAK,MAAKM,MAAWP,IAAQ,KAAN,OAAQ,SAAO,EAAE,mBAA3B,QAAoDA,MAAT,SAAWA,IAAES,GAAG,WAAW,GAAE,EAAE;AAAE,IAAAc,EAAE,cAAYhB;AAAE,QAAIH,IAAEmB,EAAE,SAAU,GAACf,IAAE,GAAEE,IAAE,GAAEC,IAAEV,EAAE;AAAG,WAAcU,MAAT,UAAY;AAAC,UAAGH,MAAIG,EAAE,OAAM;AAAC,YAAIX;AAAE,QAAIW,EAAE,SAAN,IAAWX,IAAE,IAAIkC,EAAE9B,GAAEA,EAAE,aAAY,MAAK,CAAC,IAAMO,EAAE,SAAN,IAAWX,IAAE,IAAIW,EAAE,KAAKP,GAAEO,EAAE,MAAKA,EAAE,SAAQ,MAAK,CAAC,IAAMA,EAAE,SAAN,MAAaX,IAAE,IAAImC,GAAE/B,GAAE,MAAK,CAAC,IAAG,KAAK,EAAE,KAAKJ,CAAC,GAAEW,IAAEV,EAAE,EAAES;AAAA,MAAE;AAAC,MAAAF,OAAWG,KAAN,OAAQ,SAAOA,EAAE,WAASP,IAAEmB,EAAE,SAAQ,GAAGf;AAAA,IAAI;AAAC,WAAOD;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,QAAIP,IAAE;AAAE,eAAU,KAAK,KAAK;AAAE,MAAS,MAAT,WAAsB,EAAE,YAAX,UAAoB,EAAE,KAAK,GAAE,GAAEA,CAAC,GAAEA,KAAG,EAAE,QAAQ,SAAO,KAAG,EAAE,KAAK,EAAEA,EAAE,IAAGA;AAAA,EAAG;AAAC;AAAC,MAAMkC,EAAC;AAAA,EAAC,YAAY,GAAElC,GAAE,GAAEC,GAAE;AAAC,QAAIM;AAAE,SAAK,OAAK,GAAE,KAAK,OAAKc,GAAE,KAAK,OAAK,QAAO,KAAK,OAAK,GAAE,KAAK,OAAKrB,GAAE,KAAK,OAAK,GAAE,KAAK,UAAQC,GAAE,KAAK,QAAaM,IAAQN,KAAN,OAAQ,SAAOA,EAAE,iBAA3B,QAAkDM,MAAT,UAAYA;AAAA,EAAC;AAAA,EAAC,IAAI,OAAM;AAAC,QAAI,GAAEP;AAAE,YAAeA,KAAU,IAAE,KAAK,UAAf,QAA+B,MAAT,SAAW,SAAO,EAAE,UAApD,QAAoEA,MAAT,SAAWA,IAAE,KAAK;AAAA,EAAI;AAAA,EAAC,IAAI,aAAY;AAAC,QAAI,IAAE,KAAK,KAAK;AAAW,UAAMA,IAAE,KAAK;AAAK,WAAgBA,MAAT,UAAiB,EAAE,aAAP,OAAkB,IAAEA,EAAE,aAAY;AAAA,EAAC;AAAA,EAAC,IAAI,YAAW;AAAC,WAAO,KAAK;AAAA,EAAI;AAAA,EAAC,IAAI,UAAS;AAAC,WAAO,KAAK;AAAA,EAAI;AAAA,EAAC,KAAK,GAAEA,IAAE,MAAK;AAAC,QAAEgC,EAAE,MAAK,GAAEhC,CAAC,GAAEW,EAAE,CAAC,IAAE,MAAIU,KAAS,KAAN,QAAc,MAAL,MAAQ,KAAK,SAAOA,KAAG,KAAK,KAAI,GAAG,KAAK,OAAKA,KAAG,MAAI,KAAK,QAAM,MAAID,KAAG,KAAK,EAAE,CAAC,IAAW,EAAE,eAAX,SAAsB,KAAK,EAAE,CAAC,IAAW,EAAE,aAAX,SAAoB,KAAK,EAAE,CAAC,IAAEP,GAAE,CAAC,IAAE,KAAK,EAAE,CAAC,IAAE,KAAK,EAAE,CAAC;AAAA,EAAC;AAAA,EAAC,EAAE,GAAEb,IAAE,KAAK,MAAK;AAAC,WAAO,KAAK,KAAK,WAAW,aAAa,GAAEA,CAAC;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,SAAK,SAAO,MAAI,KAAK,KAAI,GAAG,KAAK,OAAK,KAAK,EAAE,CAAC;AAAA,EAAE;AAAA,EAAC,EAAE,GAAE;AAAC,SAAK,SAAOqB,KAAGV,EAAE,KAAK,IAAI,IAAE,KAAK,KAAK,YAAY,OAAK,IAAE,KAAK,EAAEF,EAAE,eAAe,CAAC,CAAC,GAAE,KAAK,OAAK;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,QAAIT;AAAE,UAAK,EAAC,QAAO,GAAE,YAAWC,EAAC,IAAE,GAAEM,IAAY,OAAON,KAAjB,WAAmB,KAAK,KAAK,CAAC,KAAYA,EAAE,OAAX,WAAgBA,EAAE,KAAG0B,EAAE,cAAc1B,EAAE,GAAE,KAAK,OAAO,IAAGA;AAAG,UAAYD,IAAE,KAAK,UAAf,QAA+BA,MAAT,SAAW,SAAOA,EAAE,UAAQO;AAAE,WAAK,KAAK,EAAE,CAAC;AAAA,SAAM;AAAC,YAAMF,IAAE,IAAI4B,GAAE1B,GAAE,IAAI,GAAEP,IAAEK,EAAE,EAAE,KAAK,OAAO;AAAE,MAAAA,EAAE,EAAE,CAAC,GAAE,KAAK,EAAEL,CAAC,GAAE,KAAK,OAAKK;AAAA,IAAC;AAAA,EAAC;AAAA,EAAC,KAAK,GAAE;AAAC,QAAIL,IAAEsB,EAAE,IAAI,EAAE,OAAO;AAAE,WAAgBtB,MAAT,UAAYsB,EAAE,IAAI,EAAE,SAAQtB,IAAE,IAAI2B,EAAE,CAAC,CAAC,GAAE3B;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,IAAAY,EAAE,KAAK,IAAI,MAAI,KAAK,OAAK,IAAG,KAAK,KAAM;AAAE,UAAMZ,IAAE,KAAK;AAAK,QAAI,GAAEC,IAAE;AAAE,eAAUM,KAAK;AAAE,MAAAN,MAAID,EAAE,SAAOA,EAAE,KAAK,IAAE,IAAIkC,EAAE,KAAK,EAAExB,GAAG,GAAE,KAAK,EAAEA,EAAC,CAAE,GAAE,MAAK,KAAK,OAAO,CAAC,IAAE,IAAEV,EAAEC,IAAG,EAAE,KAAKM,CAAC,GAAEN;AAAI,IAAAA,IAAED,EAAE,WAAS,KAAK,KAAK,KAAG,EAAE,KAAK,aAAYC,CAAC,GAAED,EAAE,SAAOC;AAAA,EAAE;AAAA,EAAC,KAAK,IAAE,KAAK,KAAK,aAAYD,GAAE;AAAC,QAAI;AAAE,UAAY,IAAE,KAAK,UAAf,QAA+B,MAAT,UAAY,EAAE,KAAK,MAAK,IAAG,IAAGA,CAAC,GAAE,KAAG,MAAI,KAAK,QAAM;AAAC,YAAMA,IAAE,EAAE;AAAY,QAAE,UAAS,IAAEA;AAAA,IAAC;AAAA,EAAC;AAAA,EAAC,aAAa,GAAE;AAAC,QAAIA;AAAE,IAAS,KAAK,SAAd,WAAqB,KAAK,OAAK,IAAUA,IAAE,KAAK,UAAf,QAA+BA,MAAT,UAAYA,EAAE,KAAK,MAAK,CAAC;AAAA,EAAE;AAAC;AAAC,MAAM+B,EAAC;AAAA,EAAC,YAAY,GAAE/B,GAAE,GAAEC,GAAEM,GAAE;AAAC,SAAK,OAAK,GAAE,KAAK,OAAKc,GAAE,KAAK,OAAK,QAAO,KAAK,UAAQ,GAAE,KAAK,OAAKrB,GAAE,KAAK,OAAKC,GAAE,KAAK,UAAQM,GAAE,EAAE,SAAO,KAAQ,EAAE,OAAP,MAAgB,EAAE,OAAP,MAAW,KAAK,OAAK,MAAM,EAAE,SAAO,CAAC,EAAE,KAAK,IAAI,QAAM,GAAE,KAAK,UAAQ,KAAG,KAAK,OAAKc;AAAA,EAAC;AAAA,EAAC,IAAI,UAAS;AAAC,WAAO,KAAK,QAAQ;AAAA,EAAO;AAAA,EAAC,IAAI,OAAM;AAAC,WAAO,KAAK,KAAK;AAAA,EAAI;AAAA,EAAC,KAAK,GAAErB,IAAE,MAAK,GAAEC,GAAE;AAAC,UAAMM,IAAE,KAAK;AAAQ,QAAIH,IAAE;AAAG,QAAYG,MAAT;AAAW,UAAEyB,EAAE,MAAK,GAAEhC,GAAE,CAAC,GAAEI,IAAE,CAACO,EAAE,CAAC,KAAG,MAAI,KAAK,QAAM,MAAIS,GAAEhB,MAAI,KAAK,OAAK;AAAA,SAAO;AAAC,YAAMH,IAAE;AAAE,UAAI,GAAE;AAAE,WAAI,IAAEM,EAAE,IAAG,IAAE,GAAE,IAAEA,EAAE,SAAO,GAAE;AAAI,YAAEyB,EAAE,MAAK/B,EAAE,IAAE,IAAGD,GAAE,CAAC,GAAE,MAAIoB,MAAI,IAAE,KAAK,KAAK,KAAIhB,MAAIA,IAAE,CAACO,EAAE,CAAC,KAAG,MAAI,KAAK,KAAK,KAAI,MAAIU,IAAE,IAAEA,IAAE,MAAIA,MAAI,MAAU,KAAN,OAAQ,IAAE,MAAId,EAAE,IAAE,KAAI,KAAK,KAAK,KAAG;AAAA,IAAC;AAAC,IAAAH,KAAG,CAACH,KAAG,KAAK,EAAE,CAAC;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,UAAIoB,IAAE,KAAK,QAAQ,gBAAgB,KAAK,IAAI,IAAE,KAAK,QAAQ,aAAa,KAAK,MAAW,KAAN,OAAQ,IAAE,EAAE;AAAA,EAAC;AAAC;AAAC,MAAMO,WAAUG,EAAC;AAAA,EAAC,cAAa;AAAC,UAAM,GAAG,SAAS,GAAE,KAAK,OAAK;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,SAAK,QAAQ,KAAK,QAAM,MAAIV,IAAE,SAAO;AAAA,EAAC;AAAC;AAAC,MAAMe,KAAE9B,IAAEA,EAAE,cAAY;AAAG,MAAMuB,WAAUE,EAAC;AAAA,EAAC,cAAa;AAAC,UAAM,GAAG,SAAS,GAAE,KAAK,OAAK;AAAA,EAAC;AAAA,EAAC,EAAE,GAAE;AAAC,SAAG,MAAIV,IAAE,KAAK,QAAQ,aAAa,KAAK,MAAKe,EAAC,IAAE,KAAK,QAAQ,gBAAgB,KAAK,IAAI;AAAA,EAAC;AAAC;AAAC,MAAMN,WAAUC,EAAC;AAAA,EAAC,YAAY,GAAE/B,GAAE,GAAEC,GAAEM,GAAE;AAAC,UAAM,GAAEP,GAAE,GAAEC,GAAEM,CAAC,GAAE,KAAK,OAAK;AAAA,EAAC;AAAA,EAAC,KAAK,GAAEP,IAAE,MAAK;AAAC,QAAI;AAAE,SAAI,KAAU,IAAEgC,EAAE,MAAK,GAAEhC,GAAE,CAAC,OAAtB,QAAmC,MAAT,SAAW,IAAEqB,OAAKD;AAAE;AAAO,UAAMnB,IAAE,KAAK,MAAKM,IAAE,MAAIc,KAAGpB,MAAIoB,KAAG,EAAE,YAAUpB,EAAE,WAAS,EAAE,SAAOA,EAAE,QAAM,EAAE,YAAUA,EAAE,SAAQG,IAAE,MAAIiB,MAAIpB,MAAIoB,KAAGd;AAAG,IAAAA,KAAG,KAAK,QAAQ,oBAAoB,KAAK,MAAK,MAAKN,CAAC,GAAEG,KAAG,KAAK,QAAQ,iBAAiB,KAAK,MAAK,MAAK,CAAC,GAAE,KAAK,OAAK;AAAA,EAAC;AAAA,EAAC,YAAY,GAAE;AAAC,QAAIJ,GAAE;AAAE,IAAY,OAAO,KAAK,QAAxB,aAA6B,KAAK,KAAK,MAAa,KAAUA,IAAE,KAAK,aAAf,QAAkCA,MAAT,SAAW,SAAOA,EAAE,UAAvD,QAAuE,MAAT,SAAW,IAAE,KAAK,SAAQ,CAAC,IAAE,KAAK,KAAK,YAAY,CAAC;AAAA,EAAC;AAAC;AAAC,MAAMmC,GAAC;AAAA,EAAC,YAAY,GAAEnC,GAAE,GAAE;AAAC,SAAK,UAAQ,GAAE,KAAK,OAAK,GAAE,KAAK,OAAK,QAAO,KAAK,OAAKA,GAAE,KAAK,UAAQ;AAAA,EAAC;AAAA,EAAC,IAAI,OAAM;AAAC,WAAO,KAAK,KAAK;AAAA,EAAI;AAAA,EAAC,KAAK,GAAE;AAAC,IAAAgC,EAAE,MAAK,CAAC;AAAA,EAAC;AAAC;AAAM,MAAmEK,IAAErC,EAAE;AAA6BqC,KAAN,QAASA,EAAEV,GAAEO,CAAC,KAAW7B,IAAEL,EAAE,qBAAZ,QAAuCK,MAAT,SAAWA,IAAEL,EAAE,kBAAgB,IAAI,KAAK,OAAO;ACLz5O;AAAA;AAAA;AAAA;AAAA;AAKA,MAAMK,KAAE,EAAC,WAAU,GAAE,OAAM,GAAE,UAAS,GAAE,mBAAkB,GAAE,OAAM,GAAE,SAAQ,EAAC,GAAEJ,KAAE,CAAAI,MAAG,IAAIJ,OAAK,EAAC,iBAAgBI,GAAE,QAAOJ,EAAC;AAAG,MAAMD,GAAC;AAAA,EAAC,YAAY,GAAE;AAAA,EAAE;AAAA,EAAA,IAAI,OAAM;AAAC,WAAO,KAAK,KAAK;AAAA,EAAI;AAAA,EAAC,KAAK,GAAE,GAAEA,GAAE;AAAC,SAAK,OAAK,GAAE,KAAK,OAAK,GAAE,KAAK,OAAKA;AAAA,EAAC;AAAA,EAAC,KAAK,GAAE,GAAE;AAAC,WAAO,KAAK,OAAO,GAAE,CAAC;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE,GAAE;AAAC,WAAO,KAAK,OAAO,GAAG,CAAC;AAAA,EAAC;AAAC;ACJ3S;AAAA;AAAA;AAAA;AAAA;AAIG,MAAMO,KAAEP,GAAE,cAAcM,GAAC;AAAA,EAAC,YAAYD,GAAE;AAAC,QAAIL;AAAE,QAAG,MAAMK,CAAC,GAAEA,EAAE,SAAOK,GAAE,aAAqBL,EAAE,SAAZ,aAA2BL,IAAEK,EAAE,aAAZ,QAA+BL,MAAT,SAAW,SAAOA,EAAE,UAAQ;AAAE,YAAM,MAAM,oGAAoG;AAAA,EAAC;AAAA,EAAC,OAAOK,GAAE;AAAC,WAAM,MAAI,OAAO,KAAKA,CAAC,EAAE,OAAQ,CAAAL,MAAGK,EAAEL,IAAK,KAAK,GAAG,IAAE;AAAA,EAAG;AAAA,EAAC,OAAO,GAAE,CAACM,CAAC,GAAE;AAAC,QAAII,GAAEH;AAAE,QAAY,KAAK,OAAd,QAAiB;AAAC,WAAK,KAAG,oBAAI,OAAa,EAAE,YAAX,WAAqB,KAAK,KAAG,IAAI,IAAI,EAAE,QAAQ,KAAK,GAAG,EAAE,MAAM,IAAI,EAAE,OAAQ,CAAAF,MAAQA,MAAL,EAAQ,CAAA;AAAG,iBAAUA,KAAKC;AAAE,QAAAA,EAAED,MAAI,EAAE,GAAQK,IAAE,KAAK,QAAf,QAA6BA,MAAT,WAAkBA,EAAE,IAAIL,CAAC,MAAI,KAAK,GAAG,IAAIA,CAAC;AAAE,aAAO,KAAK,OAAOC,CAAC;AAAA,IAAC;AAAC,UAAML,IAAE,EAAE,QAAQ;AAAU,SAAK,GAAG,QAAS,CAAAI,MAAG;AAAC,MAAAA,KAAKC,MAAIL,EAAE,OAAOI,CAAC,GAAE,KAAK,GAAG,OAAOA,CAAC;AAAA,IAAE,CAAC;AAAG,eAAUA,KAAKC,GAAE;AAAC,YAAMN,IAAE,CAAC,CAACM,EAAED;AAAG,MAAAL,MAAI,KAAK,GAAG,IAAIK,CAAC,OAAYE,IAAE,KAAK,QAAf,QAA6BA,MAAT,SAAW,SAAOA,EAAE,IAAIF,CAAC,OAAKL,KAAGC,EAAE,IAAII,CAAC,GAAE,KAAK,GAAG,IAAIA,CAAC,MAAIJ,EAAE,OAAOI,CAAC,GAAE,KAAK,GAAG,OAAOA,CAAC;AAAA,IAAG;AAAC,WAAOA;AAAAA,EAAC;AAAC,CAAC;ACLh2B;AAAA;AAAA;AAAA;AAAA;AAKA,SAASD,GAAEA,GAAEG,GAAEG,GAAE;AAAC,SAAON,IAAEG,EAAC,IAASG,KAAN,OAAQ,SAAOA,EAAG;AAAA;;;;;;ACAjD,MAAqB4B,UAAqBC,GAAW;AAAA,EAwFjD,cAAc;AACJ,aACN,KAAK,UAAU,IACf,KAAK,WAAW,IAChB,KAAK,QAAQ,IACb,KAAK,aAAa;AAAA,EACtB;AAAA,EAMA,SAAS;AAOE,WAAAC;AAAA;AAAA,kBAEGC,GAAS;AAAA,MACb,aAAa;AAAA,MACb,QAAQ,KAAK,eAAe;AAAA,MAC5B,MAAM,KAAK,eAAe;AAAA,MAC1B,OAAO,KAAK,eAAe;AAAA,IAAA,CAC9B;AAAA;AAAA,YAECC;AAAAA,MACE,KAAK;AAAA,MACL,MAAMF;AAAA,MACN,MAAMA;AAAA;AAAA,kBAEF,KAAK;AAAA;AAAA;AAAA,IAAA;AAAA,YAIX,KAAK,WAAWA,sCAAyC,KAAK,iBAAiBG;AAAA;AAAA;AAAA,EAGvF;AACJ;AAjIqBL,EAmBV,SAAS;AAAA,EACZM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDJ;AAGQC,EAAA;AAAA,EADPC,EAAS,EAAE,MAAM,QAAQ;AAAA,GAzETR,EA0ET,WAAA,WAAA,CAAA;AAGAO,EAAA;AAAA,EADPC,EAAS,EAAE,MAAM,QAAQ;AAAA,GA5ETR,EA6ET,WAAA,YAAA,CAAA;AAGAO,EAAA;AAAA,EADPC,EAAS,EAAE,MAAM,QAAQ;AAAA,GA/ETR,EAgFT,WAAA,SAAA,CAAA;AAGAO,EAAA;AAAA,EADPC,EAAS,EAAE,MAAM,QAAQ;AAAA,GAlFTR,EAmFT,WAAA,cAAA,CAAA;AAGAO,EAAA;AAAA,EADPC,EAAS,EAAE,MAAM,QAAQ;AAAA,GArFTR,EAsFT,WAAA,UAAA,CAAA;ACxFS,MAAAS,WAA4BC,GAAqBV,CAAY,EAAE;AAAA,EAGhF,cAAc;AACJ,aAHE,KAAA,YAAA,IAAIW,GAAc,IAAI;AAAA,EAIlC;AACJ;"}
@@ -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 {};
@@ -1,7 +1,11 @@
1
- import React from 'react';
2
- type Props = {
3
- className: string;
4
- role?: string;
5
- };
6
- declare const WidgetHeader: React.FC<Props>;
7
- export default WidgetHeader;
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.0",
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.0",
25
- "@telia-ace/widget-routing": "1.0.22-experimental.0",
26
- "@telia-ace/widget-ui": "1.0.28-experimental.0",
27
- "@telia-ace/widget-utilities": "1.0.10-experimental.0",
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.0",
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
  },
@@ -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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"}