@telia-ace/widget-components-widget-header-flamingo 1.1.20 → 1.1.21-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-
|
|
1
|
+
"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-27125458.js")))};module.exports=r;
|
package/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-widget-header-flamingo",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.21-rc.1",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"lit": "^3.0.2",
|
|
6
|
-
"@telia-ace/widget-core-flamingo": "1.1.
|
|
6
|
+
"@telia-ace/widget-core-flamingo": "1.1.21-rc.1"
|
|
7
7
|
},
|
|
8
8
|
"main": "./index.js",
|
|
9
9
|
"module": "./index.mjs",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const U=globalThis,W=U.trustedTypes,ht=W?W.createPolicy("lit-html",{createHTML:r=>r}):void 0,mt="$lit$",m=`lit$${(Math.random()+"").slice(9)}$`,_t="?"+m,Dt=`<${_t}>`,w=document,N=()=>w.createComment(""),M=r=>r===null||typeof r!="object"&&typeof r!="function",
|
|
14
|
-
\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,dt=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),pt=/'/g,ut=/"/g,
|
|
13
|
+
*/const U=globalThis,W=U.trustedTypes,ht=W?W.createPolicy("lit-html",{createHTML:r=>r}):void 0,mt="$lit$",m=`lit$${(Math.random()+"").slice(9)}$`,_t="?"+m,Dt=`<${_t}>`,w=document,N=()=>w.createComment(""),M=r=>r===null||typeof r!="object"&&typeof r!="function",vt=Array.isArray,Bt=r=>vt(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",J=`[
|
|
14
|
+
\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,dt=/>/g,y=RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),pt=/'/g,ut=/"/g,yt=/^(?:script|style|textarea|title)$/i,jt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),v=jt(1),x=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),gt=new WeakMap,b=w.createTreeWalker(w,129);function At(r,t){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ht!==void 0?ht.createHTML(t):t}const It=(r,t)=>{const e=r.length-1,s=[];let i,n=t===2?"<svg>":"",o=T;for(let c=0;c<e;c++){const a=r[c];let d,p,l=-1,u=0;for(;u<a.length&&(o.lastIndex=u,p=o.exec(a),p!==null);)u=o.lastIndex,o===T?p[1]==="!--"?o=lt:p[1]!==void 0?o=dt:p[2]!==void 0?(yt.test(p[2])&&(i=RegExp("</"+p[2],"g")),o=y):p[3]!==void 0&&(o=y):o===y?p[0]===">"?(o=i??T,l=-1):p[1]===void 0?l=-2:(l=o.lastIndex-p[2].length,d=p[1],o=p[3]===void 0?y:p[3]==='"'?ut:pt):o===ut||o===pt?o=y:o===lt||o===dt?o=T:(o=y,i=void 0);const $=o===y&&r[c+1].startsWith("/>")?" ":"";n+=o===T?a+Dt:l>=0?(s.push(d),a.slice(0,l)+mt+a.slice(l)+m+$):a+m+(l===-2?c:$)}return[At(r,n+(r[e]||"<?>")+(t===2?"</svg>":"")),s]};class H{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,o=0;const c=t.length-1,a=this.parts,[d,p]=It(t,e);if(this.el=H.createElement(d,s),b.currentNode=this.el.content,e===2){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(i=b.nextNode())!==null&&a.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const l of i.getAttributeNames())if(l.endsWith(mt)){const u=p[o++],$=i.getAttribute(l).split(m),D=/([.?@])?(.*)/.exec(u);a.push({type:1,index:n,name:D[2],strings:$,ctor:D[1]==="."?Gt:D[1]==="?"?Vt:D[1]==="@"?qt:V}),i.removeAttribute(l)}else l.startsWith(m)&&(a.push({type:6,index:n}),i.removeAttribute(l));if(yt.test(i.tagName)){const l=i.textContent.split(m),u=l.length-1;if(u>0){i.textContent=W?W.emptyScript:"";for(let $=0;$<u;$++)i.append(l[$],N()),b.nextNode(),a.push({type:2,index:++n});i.append(l[u],N())}}}else if(i.nodeType===8)if(i.data===_t)a.push({type:2,index:n});else{let l=-1;for(;(l=i.data.indexOf(m,l+1))!==-1;)a.push({type:7,index:n}),l+=m.length-1}n++}}static createElement(t,e){const s=w.createElement("template");return s.innerHTML=t,s}}function S(r,t,e=r,s){var o,c;if(t===x)return t;let i=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=M(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),n===void 0?i=void 0:(i=new n(r),i._$AT(r,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=i:e._$Cl=i),i!==void 0&&(t=S(r,i._$AS(r,t.values),i,s)),t}class Wt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=((t==null?void 0:t.creationScope)??w).importNode(e,!0);b.currentNode=i;let n=b.nextNode(),o=0,c=0,a=s[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new R(n,n.nextSibling,this,t):a.type===1?d=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(d=new Yt(n,this,t)),this._$AV.push(d),a=s[++c]}o!==(a==null?void 0:a.index)&&(n=b.nextNode(),o++)}return b.currentNode=w,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class R{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),M(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==x&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Bt(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==h&&M(this._$AH)?this._$AA.nextSibling.data=t:this.$(w.createTextNode(t)),this._$AH=t}g(t){var n;const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=H.createElement(At(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const o=new Wt(i,this),c=o.u(this.options);o.p(e),this.$(c),this._$AH=o}}_$AC(t){let e=gt.get(t.strings);return e===void 0&>.set(t.strings,e=new H(t)),e}T(t){vt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new R(this.k(N()),this.k(N()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class V{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(n===void 0)t=S(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==x,o&&(this._$AH=t);else{const c=t;let a,d;for(t=n[0],a=0;a<n.length-1;a++)d=S(this,c[s+a],e,a),d===x&&(d=this._$AH[a]),o||(o=!M(d)||d!==this._$AH[a]),d===h?t=h:t!==h&&(t+=(d??"")+n[a+1]),this._$AH[a]=d}o&&!i&&this.O(t)}O(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Gt extends V{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===h?void 0:t}}class Vt extends V{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class qt extends V{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??h)===x)return;const s=this._$AH,i=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==h&&(s===h||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Yt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const K=U.litHtmlPolyfillSupport;K==null||K(H,R),(U.litHtmlVersions??(U.litHtmlVersions=[])).push("3.0.2");const Jt=(r,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let i=s._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=i=new R(t.insertBefore(N(),n),n,void 0,e??{})}return i._$AI(r),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2018 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const Qt=wt(class extends xt{constructor(r){var t;if(super(r),r.type!==bt.ATTRIBUTE||r.name!=="class"||((t=r.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var s,i;if(this.it===void 0){this.it=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((s=this.st)!=null&&s.has(n))&&this.it.add(n);return this.render(t)}const e=r.element.classList;for(const n of this.it)n in t||(e.remove(n),this.it.delete(n));for(const n in t){const o=!!t[n];o===this.it.has(n)||(i=this.st)!=null&&i.has(n)||(o?(e.add(n),this.it.add(n)):(e.remove(n),this.it.delete(n)))}return x}}),B=(r,t,e)=>{r&&e.style.setProperty(t,r)},Et=(r,t)=>{var e,s,i,n;B((e=r.colors)==null?void 0:e.primaryBackground,"--primary-background",t),B((s=r.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),B((i=r.colors)==null?void 0:i.secondaryBackground,"--secondary-background",t),B((n=r.colors)==null?void 0:n.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Ft=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,q=(r,t,e,s)=>{for(var i=s>1?void 0:s?Xt(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&Ft(t,e,i),i};class E extends f{constructor(){super(...arguments),this.active=!1,this.loaded=!1}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}_toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?this.application.appendToDOM():this.application.hide()}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&Et(this.application.settings.branding,this)}async _renderSymbol(){var c,a,d;const t=(c=this.application)==null?void 0:c.branding(),e=(a=t==null?void 0:t.graphics)==null?void 0:a.trigger;if(e)return
|
|
35
|
+
*/const Qt=wt(class extends xt{constructor(r){var t;if(super(r),r.type!==bt.ATTRIBUTE||r.name!=="class"||((t=r.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var s,i;if(this.it===void 0){this.it=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((s=this.st)!=null&&s.has(n))&&this.it.add(n);return this.render(t)}const e=r.element.classList;for(const n of this.it)n in t||(e.remove(n),this.it.delete(n));for(const n in t){const o=!!t[n];o===this.it.has(n)||(i=this.st)!=null&&i.has(n)||(o?(e.add(n),this.it.add(n)):(e.remove(n),this.it.delete(n)))}return x}}),B=(r,t,e)=>{r&&e.style.setProperty(t,r)},Et=(r,t)=>{var e,s,i,n;B((e=r.colors)==null?void 0:e.primaryBackground,"--primary-background",t),B((s=r.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),B((i=r.colors)==null?void 0:i.secondaryBackground,"--secondary-background",t),B((n=r.colors)==null?void 0:n.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Ft=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,q=(r,t,e,s)=>{for(var i=s>1?void 0:s?Xt(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&Ft(t,e,i),i};class E extends f{constructor(){super(...arguments),this.active=!1,this.loaded=!1}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}_toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?this.application.appendToDOM():this.application.hide()}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&Et(this.application.settings.branding,this)}async _renderSymbol(){var c,a,d;const t=(c=this.application)==null?void 0:c.branding(),e=(a=t==null?void 0:t.graphics)==null?void 0:a.trigger;if(e)return v` <img src=${e} class="trigger-icon" alt="" /> `;const s=(d=this.application)==null?void 0:d.triggerIcon;if(!s)return h;const i=async p=>await Promise.resolve().then(()=>require("./index-6dd00f59.js")).then(u=>u[p]),{type:n,content:o}=s;switch(n){case"Telia":{const p=await i(o);return p?v`<telia-icon
|
|
36
36
|
class="trigger-icon"
|
|
37
37
|
svg=${p.svg}
|
|
38
38
|
size="lg"
|
|
39
|
-
></telia-icon>`:h}default:return h}}render(){return
|
|
39
|
+
></telia-icon>`:h}default:return h}}render(){return v`<button
|
|
40
40
|
class=${Qt({trigger:!0,active:this.active,rendered:this.loaded})}
|
|
41
41
|
@click=${this._toggleActive}
|
|
42
42
|
>
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
* {
|
|
153
153
|
box-sizing: border-box;
|
|
154
154
|
}
|
|
155
|
-
`],A([g()],t.prototype,"properties",2),A([g()],t.prototype,"context",2),A([g()],t.prototype,"layout",2),A([g()],t.prototype,"name",2),A([g()],t.prototype,"type",2),A([g({attribute:!1})],t.prototype,"application",2),A([g({attribute:!1})],t.prototype,"parent",2),t};class St extends Ct(f){render(){return
|
|
155
|
+
`],A([g()],t.prototype,"properties",2),A([g()],t.prototype,"context",2),A([g()],t.prototype,"layout",2),A([g()],t.prototype,"name",2),A([g()],t.prototype,"type",2),A([g({attribute:!1})],t.prototype,"application",2),A([g({attribute:!1})],t.prototype,"parent",2),t};class St extends Ct(f){render(){return v`Non resolved component`}}St.styles=[P`
|
|
156
156
|
:host {
|
|
157
157
|
display: block;
|
|
158
158
|
}
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
* @license
|
|
173
173
|
* Copyright 2021 Google LLC
|
|
174
174
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/function*le(r,t){if(r!==void 0){let e=0;for(const s of r)yield t(s,e++)}}var et=(r=>(r.Inline="inline",r.Trigger="trigger",r))(et||{}),de=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,ue=(r,t,e,s)=>{for(var i=s>1?void 0:s?pe(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&de(t,e,i),i};class st extends f{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ae()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(this.wrapperRef.value){const t=this.application.settings;t!=null&&t.branding&&Et(t.branding,this.wrapperRef.value)}}firstUpdated(t){this.applyBranding()}render(){return this.application.renderStrategy===et.Trigger&&this.renderRoot.host.classList.add("floating"),
|
|
175
|
+
*/function*le(r,t){if(r!==void 0){let e=0;for(const s of r)yield t(s,e++)}}var et=(r=>(r.Inline="inline",r.Trigger="trigger",r))(et||{}),de=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,ue=(r,t,e,s)=>{for(var i=s>1?void 0:s?pe(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&de(t,e,i),i};class st extends f{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ae()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(this.wrapperRef.value){const t=this.application.settings;t!=null&&t.branding&&Et(t.branding,this.wrapperRef.value)}}firstUpdated(t){this.applyBranding()}render(){return this.application.renderStrategy===et.Trigger&&this.renderRoot.host.classList.add("floating"),v`<div class="widget-container" ${he(this.wrapperRef)}>
|
|
176
176
|
${le(this.nodes,t=>t)}
|
|
177
177
|
</div>`}}st.styles=P`
|
|
178
178
|
:host {
|
|
@@ -191,6 +191,7 @@
|
|
|
191
191
|
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
|
192
192
|
--border-radius: var(--spacing-sm);
|
|
193
193
|
--border-radius-sm: var(--spacing-sm);
|
|
194
|
+
--gap: var(--spacing-sm);
|
|
194
195
|
}
|
|
195
196
|
:host {
|
|
196
197
|
--voca-rem-multiplier: 0.625;
|
|
@@ -222,7 +223,7 @@
|
|
|
222
223
|
.widget-container {
|
|
223
224
|
height: 100%;
|
|
224
225
|
background-color: var(--primary-background);
|
|
225
|
-
padding:
|
|
226
|
+
padding: var(--spacing-sm);
|
|
226
227
|
}
|
|
227
228
|
@keyframes slideDown {
|
|
228
229
|
from {
|
|
@@ -256,14 +257,14 @@
|
|
|
256
257
|
:host {
|
|
257
258
|
display: block;
|
|
258
259
|
}
|
|
259
|
-
`];it([g({attribute:!0})],z.prototype,"name",2);it([L()],z.prototype,"widget",2);it([L()],z.prototype,"status",2);customElements.get("ace-trigger")||customElements.define("ace-trigger",E);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",St);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",st);customElements.get("ace-widget")||customElements.define("ace-widget",z);const Tt=Ct(f);class rt extends Tt{render(){var s;const t=this.application.branding(),e=(s=t==null?void 0:t.graphics)==null?void 0:s.logotype;return
|
|
260
|
+
`];it([g({attribute:!0})],z.prototype,"name",2);it([L()],z.prototype,"widget",2);it([L()],z.prototype,"status",2);customElements.get("ace-trigger")||customElements.define("ace-trigger",E);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",St);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",st);customElements.get("ace-widget")||customElements.define("ace-widget",z);const Tt=Ct(f);class rt extends Tt{render(){var s;const t=this.application.branding(),e=(s=t==null?void 0:t.graphics)==null?void 0:s.logotype;return v` <div class="widget-header">
|
|
260
261
|
<!-- <telia-icon svg={aiRobot.svg} size="lg"></telia-icon> -->
|
|
261
|
-
${e?
|
|
262
|
+
${e?v` <img src=${e} class="logotype" alt="" />`:h}
|
|
262
263
|
|
|
263
264
|
<div>
|
|
264
265
|
<h1>${this.properties.header}</h1>
|
|
265
266
|
|
|
266
|
-
${this.properties.tagline?
|
|
267
|
+
${this.properties.tagline?v`<p>${this.properties.tagline}</p>`:h}
|
|
267
268
|
</div>
|
|
268
269
|
</div>`}}rt.styles=[Tt.styles||[],P`
|
|
269
270
|
:host {
|
|
@@ -278,7 +279,7 @@
|
|
|
278
279
|
.widget-header {
|
|
279
280
|
background-color: transparent;
|
|
280
281
|
color: var(--header-text-color);
|
|
281
|
-
height:
|
|
282
|
+
height: 69px;
|
|
282
283
|
display: flex;
|
|
283
284
|
gap: var(--spacing-md);
|
|
284
285
|
flex-direction: row;
|
|
@@ -299,9 +299,9 @@ C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[O("elementProper
|
|
|
299
299
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
300
300
|
*/
|
|
301
301
|
const U = globalThis, W = U.trustedTypes, ct = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ft = "$lit$", m = `lit$${(Math.random() + "").slice(9)}$`, mt = "?" + m, zt = `<${mt}>`, w = document, N = () => w.createComment(""), M = (r) => r === null || typeof r != "object" && typeof r != "function", _t = Array.isArray, Dt = (r) => _t(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", J = `[
|
|
302
|
-
\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, lt = />/g,
|
|
303
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, pt = /"/g,
|
|
304
|
-
function
|
|
302
|
+
\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, lt = />/g, y = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^
|
|
303
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, pt = /"/g, vt = /^(?:script|style|textarea|title)$/i, Bt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), v = Bt(1), x = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), ut = /* @__PURE__ */ new WeakMap(), b = w.createTreeWalker(w, 129);
|
|
304
|
+
function yt(r, t) {
|
|
305
305
|
if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
|
|
306
306
|
throw Error("invalid template strings array");
|
|
307
307
|
return ct !== void 0 ? ct.createHTML(t) : t;
|
|
@@ -313,11 +313,11 @@ const jt = (r, t) => {
|
|
|
313
313
|
const a = r[c];
|
|
314
314
|
let d, p, l = -1, u = 0;
|
|
315
315
|
for (; u < a.length && (o.lastIndex = u, p = o.exec(a), p !== null); )
|
|
316
|
-
u = o.lastIndex, o === T ? p[1] === "!--" ? o = ht : p[1] !== void 0 ? o = lt : p[2] !== void 0 ? (
|
|
317
|
-
const f = o ===
|
|
316
|
+
u = o.lastIndex, o === T ? p[1] === "!--" ? o = ht : p[1] !== void 0 ? o = lt : p[2] !== void 0 ? (vt.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = y) : p[3] !== void 0 && (o = y) : o === y ? p[0] === ">" ? (o = i ?? T, l = -1) : p[1] === void 0 ? l = -2 : (l = o.lastIndex - p[2].length, d = p[1], o = p[3] === void 0 ? y : p[3] === '"' ? pt : dt) : o === pt || o === dt ? o = y : o === ht || o === lt ? o = T : (o = y, i = void 0);
|
|
317
|
+
const f = o === y && r[c + 1].startsWith("/>") ? " " : "";
|
|
318
318
|
n += o === T ? a + zt : l >= 0 ? (s.push(d), a.slice(0, l) + ft + a.slice(l) + m + f) : a + m + (l === -2 ? c : f);
|
|
319
319
|
}
|
|
320
|
-
return [
|
|
320
|
+
return [yt(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
|
|
321
321
|
};
|
|
322
322
|
class H {
|
|
323
323
|
constructor({ strings: t, _$litType$: e }, s) {
|
|
@@ -338,7 +338,7 @@ class H {
|
|
|
338
338
|
a.push({ type: 1, index: n, name: D[2], strings: f, ctor: D[1] === "." ? Wt : D[1] === "?" ? Gt : D[1] === "@" ? Vt : V }), i.removeAttribute(l);
|
|
339
339
|
} else
|
|
340
340
|
l.startsWith(m) && (a.push({ type: 6, index: n }), i.removeAttribute(l));
|
|
341
|
-
if (
|
|
341
|
+
if (vt.test(i.tagName)) {
|
|
342
342
|
const l = i.textContent.split(m), u = l.length - 1;
|
|
343
343
|
if (u > 0) {
|
|
344
344
|
i.textContent = W ? W.emptyScript : "";
|
|
@@ -433,7 +433,7 @@ class R {
|
|
|
433
433
|
}
|
|
434
434
|
g(t) {
|
|
435
435
|
var n;
|
|
436
|
-
const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = H.createElement(
|
|
436
|
+
const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = H.createElement(yt(s.h, s.h[0]), this.options)), s);
|
|
437
437
|
if (((n = this._$AH) == null ? void 0 : n._$AD) === i)
|
|
438
438
|
this._$AH.p(e);
|
|
439
439
|
else {
|
|
@@ -721,7 +721,7 @@ class E extends $ {
|
|
|
721
721
|
var c, a, d;
|
|
722
722
|
const t = (c = this.application) == null ? void 0 : c.branding(), e = (a = t == null ? void 0 : t.graphics) == null ? void 0 : a.trigger;
|
|
723
723
|
if (e)
|
|
724
|
-
return
|
|
724
|
+
return v` <img src=${e} class="trigger-icon" alt="" /> `;
|
|
725
725
|
const s = (d = this.application) == null ? void 0 : d.triggerIcon;
|
|
726
726
|
if (!s)
|
|
727
727
|
return h;
|
|
@@ -731,7 +731,7 @@ class E extends $ {
|
|
|
731
731
|
switch (n) {
|
|
732
732
|
case "Telia": {
|
|
733
733
|
const p = await i(o);
|
|
734
|
-
return p ?
|
|
734
|
+
return p ? v`<telia-icon
|
|
735
735
|
class="trigger-icon"
|
|
736
736
|
svg=${p.svg}
|
|
737
737
|
size="lg"
|
|
@@ -742,7 +742,7 @@ class E extends $ {
|
|
|
742
742
|
}
|
|
743
743
|
}
|
|
744
744
|
render() {
|
|
745
|
-
return
|
|
745
|
+
return v`<button
|
|
746
746
|
class=${Zt({
|
|
747
747
|
trigger: !0,
|
|
748
748
|
active: this.active,
|
|
@@ -930,7 +930,7 @@ const Et = (r) => {
|
|
|
930
930
|
};
|
|
931
931
|
class Ct extends Et($) {
|
|
932
932
|
render() {
|
|
933
|
-
return
|
|
933
|
+
return v`Non resolved component`;
|
|
934
934
|
}
|
|
935
935
|
}
|
|
936
936
|
Ct.styles = [
|
|
@@ -1088,7 +1088,7 @@ class st extends $ {
|
|
|
1088
1088
|
this.applyBranding();
|
|
1089
1089
|
}
|
|
1090
1090
|
render() {
|
|
1091
|
-
return this.application.renderStrategy === et.Trigger && this.renderRoot.host.classList.add("floating"),
|
|
1091
|
+
return this.application.renderStrategy === et.Trigger && this.renderRoot.host.classList.add("floating"), v`<div class="widget-container" ${ce(this.wrapperRef)}>
|
|
1092
1092
|
${he(this.nodes, (t) => t)}
|
|
1093
1093
|
</div>`;
|
|
1094
1094
|
}
|
|
@@ -1110,6 +1110,7 @@ st.styles = P`
|
|
|
1110
1110
|
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
|
1111
1111
|
--border-radius: var(--spacing-sm);
|
|
1112
1112
|
--border-radius-sm: var(--spacing-sm);
|
|
1113
|
+
--gap: var(--spacing-sm);
|
|
1113
1114
|
}
|
|
1114
1115
|
:host {
|
|
1115
1116
|
--voca-rem-multiplier: 0.625;
|
|
@@ -1141,7 +1142,7 @@ st.styles = P`
|
|
|
1141
1142
|
.widget-container {
|
|
1142
1143
|
height: 100%;
|
|
1143
1144
|
background-color: var(--primary-background);
|
|
1144
|
-
padding:
|
|
1145
|
+
padding: var(--spacing-sm);
|
|
1145
1146
|
}
|
|
1146
1147
|
@keyframes slideDown {
|
|
1147
1148
|
from {
|
|
@@ -1237,14 +1238,14 @@ class $e extends Pt {
|
|
|
1237
1238
|
render() {
|
|
1238
1239
|
var s;
|
|
1239
1240
|
const t = this.application.branding(), e = (s = t == null ? void 0 : t.graphics) == null ? void 0 : s.logotype;
|
|
1240
|
-
return
|
|
1241
|
+
return v` <div class="widget-header">
|
|
1241
1242
|
<!-- <telia-icon svg={aiRobot.svg} size="lg"></telia-icon> -->
|
|
1242
|
-
${e ?
|
|
1243
|
+
${e ? v` <img src=${e} class="logotype" alt="" />` : h}
|
|
1243
1244
|
|
|
1244
1245
|
<div>
|
|
1245
1246
|
<h1>${this.properties.header}</h1>
|
|
1246
1247
|
|
|
1247
|
-
${this.properties.tagline ?
|
|
1248
|
+
${this.properties.tagline ? v`<p>${this.properties.tagline}</p>` : h}
|
|
1248
1249
|
</div>
|
|
1249
1250
|
</div>`;
|
|
1250
1251
|
}
|
|
@@ -1264,7 +1265,7 @@ $e.styles = [
|
|
|
1264
1265
|
.widget-header {
|
|
1265
1266
|
background-color: transparent;
|
|
1266
1267
|
color: var(--header-text-color);
|
|
1267
|
-
height:
|
|
1268
|
+
height: 69px;
|
|
1268
1269
|
display: flex;
|
|
1269
1270
|
gap: var(--spacing-md);
|
|
1270
1271
|
flex-direction: row;
|