@telia-ace/widget-components-area-flamingo 1.1.81-rc.0 → 1.1.81
Sign up to get free protection for your applications and to get access to all the features.
- package/{area-578e1251.mjs → area-B8LkuHzi.mjs} +617 -650
- package/area-DB6yb3U4.js +438 -0
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/area-e1807618.js +0 -438
- package/index.d.ts +0 -2
package/area-DB6yb3U4.js
ADDED
@@ -0,0 +1,438 @@
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2019 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/const q=globalThis,$t=q.ShadowRoot&&(q.ShadyCSS===void 0||q.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_t=Symbol(),jt=new WeakMap;let ne=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==_t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if($t&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=jt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&jt.set(e,t))}return t}toString(){return this.cssText}};const xe=s=>new ne(typeof s=="string"?s:s+"",void 0,_t),O=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,r,n)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+s[n+1],s[0]);return new ne(e,s,_t)},Se=(s,t)=>{if($t)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),r=q.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)}},Mt=$t?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return xe(e)})(s):s;/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2017 Google LLC
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
+
*/const{is:Ee,defineProperty:Ce,getOwnPropertyDescriptor:Pe,getOwnPropertyNames:Oe,getOwnPropertySymbols:ke,getPrototypeOf:Te}=Object,w=globalThis,Nt=w.trustedTypes,Re=Nt?Nt.emptyScript:"",st=w.reactiveElementPolyfillSupport,N=(s,t)=>s,Z={toAttribute(s,t){switch(t){case Boolean:s=s?Re:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},wt=(s,t)=>!Ee(s,t),It={attribute:!0,type:String,converter:Z,reflect:!1,hasChanged:wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),w.litPropertyMetadata??(w.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=It){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Ce(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:n}=Pe(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const a=r==null?void 0:r.call(this);n.call(this,o),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??It}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=Te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,i=[...Oe(e),...ke(e)];for(const r of i)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,r]of e)this.elementProperties.set(i,r)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const r=this._$Eu(e,i);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(Mt(r))}else t!==void 0&&e.push(Mt(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Se(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){var n;const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(r!==void 0&&i.reflect===!0){const o=(((n=i.converter)==null?void 0:n.toAttribute)!==void 0?i.converter:Z).toAttribute(e,i.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n;const i=this.constructor,r=i._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const o=i.getPropertyOptions(r),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((n=o.converter)==null?void 0:n.fromAttribute)!==void 0?o.converter:Z;this._$Em=r,this[r]=a.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,i){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??wt)(this[t],e))return;this.P(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[N("elementProperties")]=new Map,T[N("finalized")]=new Map,st==null||st({ReactiveElement:T}),(w.reactiveElementVersions??(w.reactiveElementVersions=[])).push("2.0.4");/**
|
10
|
+
* @license
|
11
|
+
* Copyright 2017 Google LLC
|
12
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
13
|
+
*/const I=globalThis,K=I.trustedTypes,Lt=K?K.createPolicy("lit-html",{createHTML:s=>s}):void 0,oe="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,ae="?"+_,Ue=`<${ae}>`,C=document,H=()=>C.createComment(""),B=s=>s===null||typeof s!="object"&&typeof s!="function",At=Array.isArray,je=s=>At(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",rt=`[
|
14
|
+
\f\r]`,M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ht=/-->/g,Bt=/>/g,A=RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Dt=/'/g,zt=/"/g,ce=/^(?:script|style|textarea|title)$/i,Me=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),S=Me(1),P=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Vt=new WeakMap,E=C.createTreeWalker(C,129);function he(s,t){if(!At(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Lt!==void 0?Lt.createHTML(t):t}const Ne=(s,t)=>{const e=s.length-1,i=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=M;for(let a=0;a<e;a++){const c=s[a];let h,l,d=-1,p=0;for(;p<c.length&&(o.lastIndex=p,l=o.exec(c),l!==null);)p=o.lastIndex,o===M?l[1]==="!--"?o=Ht:l[1]!==void 0?o=Bt:l[2]!==void 0?(ce.test(l[2])&&(r=RegExp("</"+l[2],"g")),o=A):l[3]!==void 0&&(o=A):o===A?l[0]===">"?(o=r??M,d=-1):l[1]===void 0?d=-2:(d=o.lastIndex-l[2].length,h=l[1],o=l[3]===void 0?A:l[3]==='"'?zt:Dt):o===zt||o===Dt?o=A:o===Ht||o===Bt?o=M:(o=A,r=void 0);const f=o===A&&s[a+1].startsWith("/>")?" ":"";n+=o===M?c+Ue:d>=0?(i.push(h),c.slice(0,d)+oe+c.slice(d)+_+f):c+_+(d===-2?a:f)}return[he(s,n+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};let ut=class le{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,o=0;const a=t.length-1,c=this.parts,[h,l]=Ne(t,e);if(this.el=le.createElement(h,i),E.currentNode=this.el.content,e===2||e===3){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(r=E.nextNode())!==null&&c.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(const d of r.getAttributeNames())if(d.endsWith(oe)){const p=l[o++],f=r.getAttribute(d).split(_),k=/([.?@])?(.*)/.exec(p);c.push({type:1,index:n,name:k[2],strings:f,ctor:k[1]==="."?Le:k[1]==="?"?He:k[1]==="@"?Be:et}),r.removeAttribute(d)}else d.startsWith(_)&&(c.push({type:6,index:n}),r.removeAttribute(d));if(ce.test(r.tagName)){const d=r.textContent.split(_),p=d.length-1;if(p>0){r.textContent=K?K.emptyScript:"";for(let f=0;f<p;f++)r.append(d[f],H()),E.nextNode(),c.push({type:2,index:++n});r.append(d[p],H())}}}else if(r.nodeType===8)if(r.data===ae)c.push({type:2,index:n});else{let d=-1;for(;(d=r.data.indexOf(_,d+1))!==-1;)c.push({type:7,index:n}),d+=_.length-1}n++}}static createElement(t,e){const i=C.createElement("template");return i.innerHTML=t,i}};function R(s,t,e=s,i){var o,a;if(t===P)return t;let r=i!==void 0?(o=e._$Co)==null?void 0:o[i]:e._$Cl;const n=B(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((a=r==null?void 0:r._$AO)==null||a.call(r,!1),n===void 0?r=void 0:(r=new n(s),r._$AT(s,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=r:e._$Cl=r),r!==void 0&&(t=R(s,r._$AS(s,t.values),r,i)),t}class Ie{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:i}=this._$AD,r=((t==null?void 0:t.creationScope)??C).importNode(e,!0);E.currentNode=r;let n=E.nextNode(),o=0,a=0,c=i[0];for(;c!==void 0;){if(o===c.index){let h;c.type===2?h=new z(n,n.nextSibling,this,t):c.type===1?h=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(h=new De(n,this,t)),this._$AV.push(h),c=i[++a]}o!==(c==null?void 0:c.index)&&(n=E.nextNode(),o++)}return E.currentNode=C,r}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=(r==null?void 0:r.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=R(this,t,e),B(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==P&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):je(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==u&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(C.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:i}=t,r=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=ut.createElement(he(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Ie(r,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Vt.get(t.strings);return e===void 0&&Vt.set(t.strings,e=new ut(t)),e}k(t){At(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new z(this.O(H()),this.O(H()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,e=this,i,r){const n=this.strings;let o=!1;if(n===void 0)t=R(this,t,e,0),o=!B(t)||t!==this._$AH&&t!==P,o&&(this._$AH=t);else{const a=t;let c,h;for(t=n[0],c=0;c<n.length-1;c++)h=R(this,a[i+c],e,c),h===P&&(h=this._$AH[c]),o||(o=!B(h)||h!==this._$AH[c]),h===u?t=u:t!==u&&(t+=(h??"")+n[c+1]),this._$AH[c]=h}o&&!r&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Le extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}class He extends et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}}class Be extends et{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=R(this,t,e,0)??u)===P)return;const i=this._$AH,r=t===u&&i!==u||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==u&&(i===u||r);r&&this.element.removeEventListener(this.name,this,i),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 De{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){R(this,t)}}const nt=I.litHtmlPolyfillSupport;nt==null||nt(ut,z),(I.litHtmlVersions??(I.litHtmlVersions=[])).push("3.2.1");const ze=(s,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let r=i._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;i._$litPart$=r=new z(t.insertBefore(H(),n),n,void 0,e??{})}return r._$AI(s),r};/**
|
16
|
+
* @license
|
17
|
+
* Copyright 2017 Google LLC
|
18
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
19
|
+
*/let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ze(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return P}};var re;m._$litElement$=!0,m.finalized=!0,(re=globalThis.litElementHydrateSupport)==null||re.call(globalThis,{LitElement:m});const ot=globalThis.litElementPolyfillSupport;ot==null||ot({LitElement:m});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");/**
|
20
|
+
* @license
|
21
|
+
* Copyright 2021 Google LLC
|
22
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
23
|
+
*/function*de(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var pt=function(s,t){return pt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,i){e.__proto__=i}||function(e,i){for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])},pt(s,t)};function V(s,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");pt(s,t);function e(){this.constructor=s}s.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function ft(s){var t=typeof Symbol=="function"&&Symbol.iterator,e=t&&s[t],i=0;if(e)return e.call(s);if(s&&typeof s.length=="number")return{next:function(){return s&&i>=s.length&&(s=void 0),{value:s&&s[i++],done:!s}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function gt(s,t){var e=typeof Symbol=="function"&&s[Symbol.iterator];if(!e)return s;var i=e.call(s),r,n=[],o;try{for(;(t===void 0||t-- >0)&&!(r=i.next()).done;)n.push(r.value)}catch(a){o={error:a}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(o)throw o.error}}return n}function vt(s,t,e){if(e||arguments.length===2)for(var i=0,r=t.length,n;i<r;i++)(n||!(i in t))&&(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return s.concat(n||Array.prototype.slice.call(t))}function b(s){return typeof s=="function"}function ue(s){var t=function(i){Error.call(i),i.stack=new Error().stack},e=s(t);return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}var at=ue(function(s){return function(e){s(this),this.message=e?e.length+` errors occurred during unsubscription:
|
24
|
+
`+e.map(function(i,r){return r+1+") "+i.toString()}).join(`
|
25
|
+
`):"",this.name="UnsubscriptionError",this.errors=e}});function mt(s,t){if(s){var e=s.indexOf(t);0<=e&&s.splice(e,1)}}var it=function(){function s(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return s.prototype.unsubscribe=function(){var t,e,i,r,n;if(!this.closed){this.closed=!0;var o=this._parentage;if(o)if(this._parentage=null,Array.isArray(o))try{for(var a=ft(o),c=a.next();!c.done;c=a.next()){var h=c.value;h.remove(this)}}catch(v){t={error:v}}finally{try{c&&!c.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}else o.remove(this);var l=this.initialTeardown;if(b(l))try{l()}catch(v){n=v instanceof at?v.errors:[v]}var d=this._finalizers;if(d){this._finalizers=null;try{for(var p=ft(d),f=p.next();!f.done;f=p.next()){var k=f.value;try{Ft(k)}catch(v){n=n??[],v instanceof at?n=vt(vt([],gt(n)),gt(v.errors)):n.push(v)}}}catch(v){i={error:v}}finally{try{f&&!f.done&&(r=p.return)&&r.call(p)}finally{if(i)throw i.error}}}if(n)throw new at(n)}},s.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)Ft(t);else{if(t instanceof s){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}},s.prototype._hasParent=function(t){var e=this._parentage;return e===t||Array.isArray(e)&&e.includes(t)},s.prototype._addParent=function(t){var e=this._parentage;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t},s.prototype._removeParent=function(t){var e=this._parentage;e===t?this._parentage=null:Array.isArray(e)&&mt(e,t)},s.prototype.remove=function(t){var e=this._finalizers;e&&mt(e,t),t instanceof s&&t._removeParent(this)},s.EMPTY=function(){var t=new s;return t.closed=!0,t}(),s}(),pe=it.EMPTY;function fe(s){return s instanceof it||s&&"closed"in s&&b(s.remove)&&b(s.add)&&b(s.unsubscribe)}function Ft(s){b(s)?s():s.unsubscribe()}var ge={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Ve={setTimeout:function(s,t){for(var e=[],i=2;i<arguments.length;i++)e[i-2]=arguments[i];return setTimeout.apply(void 0,vt([s,t],gt(e)))},clearTimeout:function(s){return clearTimeout(s)},delegate:void 0};function Fe(s){Ve.setTimeout(function(){throw s})}function Yt(){}function W(s){s()}var ve=function(s){V(t,s);function t(e){var i=s.call(this)||this;return i.isStopped=!1,e?(i.destination=e,fe(e)&&e.add(i)):i.destination=Ze,i}return t.create=function(e,i,r){return new yt(e,i,r)},t.prototype.next=function(e){this.isStopped||this._next(e)},t.prototype.error=function(e){this.isStopped||(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},t.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,s.prototype.unsubscribe.call(this),this.destination=null)},t.prototype._next=function(e){this.destination.next(e)},t.prototype._error=function(e){try{this.destination.error(e)}finally{this.unsubscribe()}},t.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},t}(it),Ye=Function.prototype.bind;function ct(s,t){return Ye.call(s,t)}var qe=function(){function s(t){this.partialObserver=t}return s.prototype.next=function(t){var e=this.partialObserver;if(e.next)try{e.next(t)}catch(i){Y(i)}},s.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(i){Y(i)}else Y(t)},s.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){Y(e)}},s}(),yt=function(s){V(t,s);function t(e,i,r){var n=s.call(this)||this,o;if(b(e)||!e)o={next:e??void 0,error:i??void 0,complete:r??void 0};else{var a;n&&ge.useDeprecatedNextContext?(a=Object.create(e),a.unsubscribe=function(){return n.unsubscribe()},o={next:e.next&&ct(e.next,a),error:e.error&&ct(e.error,a),complete:e.complete&&ct(e.complete,a)}):o=e}return n.destination=new qe(o),n}return t}(ve);function Y(s){Fe(s)}function We(s){throw s}var Ze={closed:!0,next:Yt,error:We,complete:Yt},Ke=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Ge(s){return s}function Xe(s){return s.length===0?Ge:s.length===1?s[0]:function(e){return s.reduce(function(i,r){return r(i)},e)}}var qt=function(){function s(t){t&&(this._subscribe=t)}return s.prototype.lift=function(t){var e=new s;return e.source=this,e.operator=t,e},s.prototype.subscribe=function(t,e,i){var r=this,n=Qe(t)?t:new yt(t,e,i);return W(function(){var o=r,a=o.operator,c=o.source;n.add(a?a.call(n,c):c?r._subscribe(n):r._trySubscribe(n))}),n},s.prototype._trySubscribe=function(t){try{return this._subscribe(t)}catch(e){t.error(e)}},s.prototype.forEach=function(t,e){var i=this;return e=Wt(e),new e(function(r,n){var o=new yt({next:function(a){try{t(a)}catch(c){n(c),o.unsubscribe()}},error:n,complete:r});i.subscribe(o)})},s.prototype._subscribe=function(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)},s.prototype[Ke]=function(){return this},s.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return Xe(t)(this)},s.prototype.toPromise=function(t){var e=this;return t=Wt(t),new t(function(i,r){var n;e.subscribe(function(o){return n=o},function(o){return r(o)},function(){return i(n)})})},s.create=function(t){return new s(t)},s}();function Wt(s){var t;return(t=s??ge.Promise)!==null&&t!==void 0?t:Promise}function Je(s){return s&&b(s.next)&&b(s.error)&&b(s.complete)}function Qe(s){return s&&s instanceof ve||Je(s)&&fe(s)}var ti=ue(function(s){return function(){s(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),xt=function(s){V(t,s);function t(){var e=s.call(this)||this;return e.closed=!1,e.currentObservers=null,e.observers=[],e.isStopped=!1,e.hasError=!1,e.thrownError=null,e}return t.prototype.lift=function(e){var i=new Zt(this,this);return i.operator=e,i},t.prototype._throwIfClosed=function(){if(this.closed)throw new ti},t.prototype.next=function(e){var i=this;W(function(){var r,n;if(i._throwIfClosed(),!i.isStopped){i.currentObservers||(i.currentObservers=Array.from(i.observers));try{for(var o=ft(i.currentObservers),a=o.next();!a.done;a=o.next()){var c=a.value;c.next(e)}}catch(h){r={error:h}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}}})},t.prototype.error=function(e){var i=this;W(function(){if(i._throwIfClosed(),!i.isStopped){i.hasError=i.isStopped=!0,i.thrownError=e;for(var r=i.observers;r.length;)r.shift().error(e)}})},t.prototype.complete=function(){var e=this;W(function(){if(e._throwIfClosed(),!e.isStopped){e.isStopped=!0;for(var i=e.observers;i.length;)i.shift().complete()}})},t.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(t.prototype,"observed",{get:function(){var e;return((e=this.observers)===null||e===void 0?void 0:e.length)>0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(e){return this._throwIfClosed(),s.prototype._trySubscribe.call(this,e)},t.prototype._subscribe=function(e){return this._throwIfClosed(),this._checkFinalizedStatuses(e),this._innerSubscribe(e)},t.prototype._innerSubscribe=function(e){var i=this,r=this,n=r.hasError,o=r.isStopped,a=r.observers;return n||o?pe:(this.currentObservers=null,a.push(e),new it(function(){i.currentObservers=null,mt(a,e)}))},t.prototype._checkFinalizedStatuses=function(e){var i=this,r=i.hasError,n=i.thrownError,o=i.isStopped;r?e.error(n):o&&e.complete()},t.prototype.asObservable=function(){var e=new qt;return e.source=this,e},t.create=function(e,i){return new Zt(e,i)},t}(qt),Zt=function(s){V(t,s);function t(e,i){var r=s.call(this)||this;return r.destination=e,r.source=i,r}return t.prototype.next=function(e){var i,r;(r=(i=this.destination)===null||i===void 0?void 0:i.next)===null||r===void 0||r.call(i,e)},t.prototype.error=function(e){var i,r;(r=(i=this.destination)===null||i===void 0?void 0:i.error)===null||r===void 0||r.call(i,e)},t.prototype.complete=function(){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.complete)===null||i===void 0||i.call(e)},t.prototype._subscribe=function(e){var i,r;return(r=(i=this.source)===null||i===void 0?void 0:i.subscribe(e))!==null&&r!==void 0?r:pe},t}(xt),ei=function(s){V(t,s);function t(e){var i=s.call(this)||this;return i._value=e,i}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(e){var i=s.prototype._subscribe.call(this,e);return!i.closed&&e.next(this._value),i},t.prototype.getValue=function(){var e=this,i=e.hasError,r=e.thrownError,n=e._value;if(i)throw r;return this._throwIfClosed(),n},t.prototype.next=function(e){s.prototype.next.call(this,this._value=e)},t}(xt);/**
|
26
|
+
* @license
|
27
|
+
* Copyright 2017 Google LLC
|
28
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
29
|
+
*/const ii={attribute:!0,type:String,converter:Z,reflect:!1,hasChanged:wt},si=(s=ii,t,e)=>{const{kind:i,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),n.set(e.name,s),i==="accessor"){const{name:o}=e;return{set(a){const c=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,c,s)},init(a){return a!==void 0&&this.P(o,void 0,s),a}}}if(i==="setter"){const{name:o}=e;return function(a){const c=this[o];t.call(this,a),this.requestUpdate(o,c,s)}}throw Error("Unsupported decorator location: "+i)};function g(s){return(t,e)=>typeof e=="object"?si(s,t,e):((i,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,o?{...i,wrapped:!0}:i),o?Object.getOwnPropertyDescriptor(r,n):void 0})(s,t,e)}/**
|
30
|
+
* @license
|
31
|
+
* Copyright 2017 Google LLC
|
32
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
33
|
+
*/function j(s){return g({...s,state:!0,attribute:!1})}var ri=Object.defineProperty,ni=(s,t,e,i)=>{for(var r=void 0,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=o(t,e,r)||r);return r&&ri(t,e,r),r};const Pt=class Pt extends m{constructor(){super(...arguments),this.anchor="BottomRight"}appendChild(t){var e;return(e=this.shadowRoot)==null||e.appendChild(t),t}render(){return this.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right"),u}};Pt.styles=[O`
|
34
|
+
:host {
|
35
|
+
position: fixed;
|
36
|
+
display: flex;
|
37
|
+
align-items: center;
|
38
|
+
gap: 1rem;
|
39
|
+
}
|
40
|
+
|
41
|
+
:host(.bottom-right) {
|
42
|
+
bottom: 20px;
|
43
|
+
right: 20px;
|
44
|
+
}
|
45
|
+
:host(.bottom-left) {
|
46
|
+
bottom: 20px;
|
47
|
+
left: 20px;
|
48
|
+
}
|
49
|
+
`];let G=Pt;ni([g({attribute:!0})],G.prototype,"anchor");/**
|
50
|
+
* @license
|
51
|
+
* Copyright 2017 Google LLC
|
52
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
53
|
+
*/const St={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Et=s=>(...t)=>({_$litDirective$:s,values:t});let me=class{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)}};/**
|
54
|
+
* @license
|
55
|
+
* Copyright 2020 Google LLC
|
56
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
57
|
+
*/const oi=s=>s.strings===void 0;/**
|
58
|
+
* @license
|
59
|
+
* Copyright 2017 Google LLC
|
60
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
61
|
+
*/const L=(s,t)=>{var i;const e=s._$AN;if(e===void 0)return!1;for(const r of e)(i=r._$AO)==null||i.call(r,t,!1),L(r,t);return!0},X=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while((e==null?void 0:e.size)===0)},ye=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),hi(t)}};function ai(s){this._$AN!==void 0?(X(this),this._$AM=s,ye(this)):this._$AM=s}function ci(s,t=!1,e=0){const i=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(i))for(let n=e;n<i.length;n++)L(i[n],!1),X(i[n]);else i!=null&&(L(i,!1),X(i));else L(this,s)}const hi=s=>{s.type==St.CHILD&&(s._$AP??(s._$AP=ci),s._$AQ??(s._$AQ=ai))};class be extends me{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),ye(this),this.isConnected=t._$AU}_$AO(t,e=!0){var i,r;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)==null||i.call(this):(r=this.disconnected)==null||r.call(this)),e&&(L(this,t),X(this))}setValue(t){if(oi(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}const li=new WeakMap;let Kt=0;const ht=new Map,Gt=new WeakSet,Xt=()=>new Promise(s=>requestAnimationFrame(s)),di=[{transform:"translateX(100%) scale(0)",opacity:0}],Jt=(s,t)=>{const e=s-t;return e===0?void 0:e},Qt=(s,t)=>{const e=s/t;return e===1?void 0:e},lt={left:(s,t)=>{const e=Jt(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(s,t)=>{const e=Jt(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateY(${e}px)`}},width:(s,t)=>{let e;t===0&&(t=1,e={width:"1px"});const i=Qt(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleX(${i})`}},height:(s,t)=>{let e;t===0&&(t=1,e={height:"1px"});const i=Qt(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},ui={duration:333,easing:"ease-in-out"},pi=["left","top","width","height","opacity","color","background"],te=new WeakMap;class fi extends be{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===St.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){var t;(t=this.resolveFinished)==null||t.call(this),this.finished=new Promise(e=>{this.l=e})}async resolveFinished(){var t;(t=this.l)==null||t.call(this),this.l=void 0}render(t){return u}getController(){return li.get(this.u)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[e]){var r;const i=this.u===void 0;return i&&(this.u=(r=t.options)==null?void 0:r.host,this.u.addController(this),this.u.updateComplete.then(n=>this.t=!0),this.element=t.element,te.set(this.element,this)),this.optionsOrCallback=e,(i||typeof e!="function")&&this.p(e),this.render(e)}p(t){t=t??{};const e=this.getController();e!==void 0&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??(t.properties=pi),this.options=t}m(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(r=>{const n=e[r]??(lt[r]?void 0:i[r]),o=Number(n);t[r]=isNaN(o)?n+"":o}),t}v(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((i,r)=>{if(Array.isArray(i)){if(Array.isArray(r)&&r.length===i.length&&i.every((n,o)=>n===r[o]))return!1}else if(r===i)return!1;return!0})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&e&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){typeof this.optionsOrCallback=="function"&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await Xt;const e=this.O(),i=this.j(this.options.keyframeOptions,e),r=this.m();if(this.A!==void 0){const{from:n,to:o}=this.N(this.A,r,e);this.log("measured",[this.A,r,n,o]),t=this.calculateKeyframes(n,o)}else{const n=ht.get(this.options.inId);if(n){ht.delete(this.options.inId);const{from:o,to:a}=this.N(n,r,e);t=this.calculateKeyframes(o,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,Kt++,t.forEach(c=>c.zIndex=Kt)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,i)}resetStyles(){this.P!==void 0&&(this.element.setAttribute("style",this.P??""),this.P=void 0)}commitStyles(){var t,e;this.P=this.element.getAttribute("style"),(t=this.webAnimation)==null||t.commitStyles(),(e=this.webAnimation)==null||e.cancel()}reconnected(){}async disconnected(){var e;if(!this.h||(this.options.id!==void 0&&ht.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await Xt(),(e=this.i)==null?void 0:e.isConnected){const i=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,i),this.options.stabilizeOut){const r=this.m();this.log("stabilizing out");const n=this.A.left-r.left,o=this.A.top-r.top;getComputedStyle(this.element).position!=="static"||n===0&&o===0||(this.element.style.position="relative"),n!==0&&(this.element.style.left=n+"px"),o!==0&&(this.element.style.top=o+"px")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,e;(e=(t=this.options).onStart)==null||e.call(t,this)}didFinish(t){var e,i;t&&((i=(e=this.options).onComplete)==null||i.call(e,this)),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const t=[];for(let e=this.element.parentNode;e;e=e==null?void 0:e.parentNode){const i=te.get(e);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=Gt.has(this.u);return t||this.u.updateComplete.then(()=>{Gt.add(this.u)}),t}j(t,e=this.O()){const i={...ui};return e.forEach(r=>Object.assign(i,r.options.keyframeOptions)),Object.assign(i,t),i}N(t,e,i){t={...t},e={...e};const r=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let n=1,o=1;return r.length>0&&(r.forEach(a=>{a.width&&(n/=a.width),a.height&&(o/=a.height)}),t.left!==void 0&&e.left!==void 0&&(t.left=n*t.left,e.left=n*e.left),t.top!==void 0&&e.top!==void 0&&(t.top=o*t.top,e.top=o*e.top)),{from:t,to:e}}calculateKeyframes(t,e,i=!1){const r={},n={};let o=!1;const a={};for(const c in e){const h=t[c],l=e[c];if(c in lt){const d=lt[c];if(h===void 0||l===void 0)continue;const p=d(h,l);p.transform!==void 0&&(a[c]=p.value,o=!0,r.transform=`${r.transform??""} ${p.transform}`,p.overrideFrom!==void 0&&Object.assign(r,p.overrideFrom))}else h!==l&&h!==void 0&&l!==void 0&&(o=!0,r[c]=h,n[c]=l)}return r.transformOrigin=n.transformOrigin=i?"center center":"top left",this.animatingProperties=a,o?[r,n]:void 0}async animate(t,e=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,e]),i=!0,this.webAnimation=this.element.animate(t,e);const r=this.getController();r==null||r.add(this);try{await this.webAnimation.finished}catch{}r==null||r.remove(this)}return this.didFinish(i),i}isAnimating(){var t,e;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((e=this.webAnimation)==null?void 0:e.pending)}log(t,e){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,e)}}const gi=Et(fi),vi={name:"question",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>'};/**
|
62
|
+
* @license
|
63
|
+
* Copyright 2018 Google LLC
|
64
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
65
|
+
*/const ee=Et(class extends me{constructor(s){var t;if(super(s),s.type!==St.ATTRIBUTE||s.name!=="class"||((t=s.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(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,r;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((i=this.nt)!=null&&i.has(n))&&this.st.add(n);return this.render(t)}const e=s.element.classList;for(const n of this.st)n in t||(e.remove(n),this.st.delete(n));for(const n in t){const o=!!t[n];o===this.st.has(n)||(r=this.nt)!=null&&r.has(n)||(o?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return P}}),y=(s,t,e)=>{s&&e.style.setProperty(t,s)},$e=(s,t)=>{var e,i,r,n,o,a,c,h,l;y((e=s.colors)==null?void 0:e.primaryBackground,"--primary-background",t),y((i=s.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),y((r=s.colors)==null?void 0:r.secondaryBackground,"--secondary-background",t),y((n=s.colors)==null?void 0:n.textOnSecondaryBackground,"--text-on-secondary-background",t),y((o=s.colors)==null?void 0:o.interactiveDestructiveBackground,"--destructive-color",t),y((a=s.colors)==null?void 0:a.interactiveTextOnDestructiveBackground,"--text-on-destructive-color",t),y((c=s.colors)==null?void 0:c.interactivePrimaryBackground,"--interactive-primary-background",t),y((h=s.colors)==null?void 0:h.interactiveTextOnPrimaryBackground,"--interactive-text-on-primary-background",t),y((l=s.colors)==null?void 0:l.focusColor,"--focus-color",t)};/**
|
66
|
+
* @license
|
67
|
+
* Copyright 2020 Google LLC
|
68
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
69
|
+
*/const _e=()=>new mi;class mi{}const dt=new WeakMap,we=Et(class extends be{render(s){return u}update(s,[t]){var i;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(i=s.options)==null?void 0:i.host,this.rt(this.ct=s.element)),u}rt(s){if(this.isConnected||(s=void 0),typeof this.Y=="function"){const t=this.ht??globalThis;let e=dt.get(t);e===void 0&&(e=new WeakMap,dt.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,s),s!==void 0&&this.Y.call(this.ht,s)}else this.Y.value=s}get lt(){var s,t;return typeof this.Y=="function"?(s=dt.get(this.ht??globalThis))==null?void 0:s.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var yi=Object.defineProperty,F=(s,t,e,i)=>{for(var r=void 0,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=o(t,e,r)||r);return r&&yi(t,e,r),r};const Ot=class Ot extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=_e(),this.widgetActive$=new ei(!1),this.componentIsDestroyed$=new xt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}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.notify("widget-set-active",{widgetId:this.application.id,active:!0}),this.widgetActive$.next(!0),this.hideTrigger()):(this.application.hide(),this.notify("widget-set-active",{widgetId:this.application.id,active:!1}),this.widgetActive$.next(!1),this.showTrigger())}notify(t,e={}){window!=null&&window.parent&&window.parent.postMessage({type:t,data:e},"*")}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&$e(this.application.settings.branding,this)}async _renderSymbol(){var a,c,h;const t=(a=this.application)==null?void 0:a.branding(),e=(c=t==null?void 0:t.graphics)==null?void 0:c.trigger;if(e)return S` <img src=${e} class="trigger-icon" alt="" /> `;const i=(h=this.application)==null?void 0:h.triggerIcon;if(!i)return u;const r=async l=>vi,{type:n,content:o}=i;switch(n){case"Telia":{const l=await r();return l?S`<telia-icon
|
70
|
+
class="trigger-icon"
|
71
|
+
svg=${l.svg}
|
72
|
+
size="lg"
|
73
|
+
></telia-icon>`:u}default:return u}}hideTrigger(){this.triggerVisible=!1}showTrigger(){this.triggerVisible=!0}render(){var t,e,i,r;return S`<div
|
74
|
+
class=${ee({"trigger-container":!0,hidden:!this.triggerVisible})}
|
75
|
+
${we(this.containerRef)}
|
76
|
+
>
|
77
|
+
${!this.active&&((r=(i=(e=(t=this.application)==null?void 0:t.settings)==null?void 0:e.branding)==null?void 0:i.other)!=null&&r.showButtonLabel)?S`
|
78
|
+
<button
|
79
|
+
label="${this.application.settings.branding.other.buttonLabelText??"Widget trigger"}"
|
80
|
+
class="trigger-label"
|
81
|
+
@click=${this.toggleActive}
|
82
|
+
${gi({keyframeOptions:{},in:di,stabilizeOut:!0,skipInitial:!1})}
|
83
|
+
>
|
84
|
+
${this.application.settings.branding.other.buttonLabelText}
|
85
|
+
</button>
|
86
|
+
`:u}
|
87
|
+
|
88
|
+
<button
|
89
|
+
label="Widget trigger"
|
90
|
+
class=${ee({trigger:!0,active:this.active,rendered:this.loaded})}
|
91
|
+
@click=${this.toggleActive}
|
92
|
+
>
|
93
|
+
${this.icon}
|
94
|
+
<span class="trigger-close">
|
95
|
+
<svg
|
96
|
+
width="18"
|
97
|
+
height="9"
|
98
|
+
viewBox="0 0 18 9"
|
99
|
+
fill="none"
|
100
|
+
xmlns="http://www.w3.org/2000/svg"
|
101
|
+
>
|
102
|
+
<path
|
103
|
+
d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z"
|
104
|
+
fill="white"
|
105
|
+
/>
|
106
|
+
</svg>
|
107
|
+
</span>
|
108
|
+
<span class="trigger-loader">
|
109
|
+
<svg viewBox="25 25 50 50">
|
110
|
+
<circle
|
111
|
+
cx="50"
|
112
|
+
cy="50"
|
113
|
+
r="20"
|
114
|
+
fill="none"
|
115
|
+
stroke="#000"
|
116
|
+
stroke-width="2"
|
117
|
+
stroke-miterlimit="10"
|
118
|
+
/>
|
119
|
+
</svg>
|
120
|
+
</span>
|
121
|
+
</button>
|
122
|
+
</div>`}};Ot.styles=[O`
|
123
|
+
:host {
|
124
|
+
--voca-rem-multiplier: 0.625;
|
125
|
+
--trigger-label-bg: #f5e0ff;
|
126
|
+
--trigger-label-text-color: rgba(0, 0, 0, 0.8);
|
127
|
+
display: block;
|
128
|
+
box-sizing: border-box;
|
129
|
+
font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
130
|
+
}
|
131
|
+
|
132
|
+
:focus {
|
133
|
+
outline-color: var(--focus-color);
|
134
|
+
}
|
135
|
+
|
136
|
+
.trigger-container {
|
137
|
+
display: flex;
|
138
|
+
align-items: center;
|
139
|
+
gap: 1rem;
|
140
|
+
}
|
141
|
+
|
142
|
+
.trigger-container.hidden {
|
143
|
+
display: none;
|
144
|
+
}
|
145
|
+
|
146
|
+
.trigger {
|
147
|
+
transform: scale(0);
|
148
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
149
|
+
z-index: 5;
|
150
|
+
display: flex;
|
151
|
+
align-items: center;
|
152
|
+
justify-content: center;
|
153
|
+
border: none;
|
154
|
+
line-height: 55px;
|
155
|
+
height: 55px;
|
156
|
+
width: 55px;
|
157
|
+
border-radius: 55px;
|
158
|
+
cursor: pointer;
|
159
|
+
background-color: var(
|
160
|
+
--interactive-primary-background,
|
161
|
+
var(--primary-background)
|
162
|
+
);
|
163
|
+
font-family: Lato;
|
164
|
+
text-decoration: none;
|
165
|
+
border: 3px dashed transparent;
|
166
|
+
box-sizing: border-box;
|
167
|
+
transition: transform 200ms ease-out;
|
168
|
+
}
|
169
|
+
|
170
|
+
.trigger:active {
|
171
|
+
transform: scale(0.8) !important;
|
172
|
+
}
|
173
|
+
|
174
|
+
.trigger:hover:not(:active) {
|
175
|
+
transform: scale(1.1) !important;
|
176
|
+
}
|
177
|
+
|
178
|
+
.trigger.rendered {
|
179
|
+
transform: scale(1);
|
180
|
+
}
|
181
|
+
|
182
|
+
.trigger.active .trigger-icon {
|
183
|
+
opacity: 0;
|
184
|
+
transform: rotate(-180deg) scale(0);
|
185
|
+
}
|
186
|
+
|
187
|
+
.trigger.active .trigger-close {
|
188
|
+
opacity: 1;
|
189
|
+
transform: rotate(0deg) scale(1);
|
190
|
+
}
|
191
|
+
|
192
|
+
.trigger-icon {
|
193
|
+
display: inline-block;
|
194
|
+
line-height: inherit;
|
195
|
+
text-align: center;
|
196
|
+
opacity: 1;
|
197
|
+
transform: rotate(0deg) scale(1);
|
198
|
+
transition: opacity 200ms ease-out, transform 200ms ease-out;
|
199
|
+
color: var(
|
200
|
+
--interactive-text-on-primary-background,
|
201
|
+
var(--text-on-primary-background)
|
202
|
+
);
|
203
|
+
}
|
204
|
+
|
205
|
+
.trigger-close {
|
206
|
+
opacity: 0;
|
207
|
+
transition: transform 200ms ease-out;
|
208
|
+
transform: rotate(180deg) scale(0);
|
209
|
+
position: absolute;
|
210
|
+
top: 0;
|
211
|
+
bottom: 0;
|
212
|
+
left: 0;
|
213
|
+
right: 0;
|
214
|
+
display: flex;
|
215
|
+
justify-content: center;
|
216
|
+
align-items: center;
|
217
|
+
}
|
218
|
+
|
219
|
+
.trigger-close svg path {
|
220
|
+
fill: var(
|
221
|
+
--interactive-text-on-primary-background,
|
222
|
+
var(--text-on-primary-background)
|
223
|
+
);
|
224
|
+
}
|
225
|
+
|
226
|
+
img {
|
227
|
+
max-width: 100%;
|
228
|
+
}
|
229
|
+
|
230
|
+
.trigger-label {
|
231
|
+
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
232
|
+
background-color: var(--secondary-background);
|
233
|
+
color: var(--text-on-secondary-background);
|
234
|
+
white-space: nowrap;
|
235
|
+
padding: 0.7rem 1rem;
|
236
|
+
border-radius: 0.3rem;
|
237
|
+
font-weight: 500;
|
238
|
+
display: flex;
|
239
|
+
justify-content: center;
|
240
|
+
align-items: center;
|
241
|
+
cursor: pointer;
|
242
|
+
border: none;
|
243
|
+
font-size: 1rem;
|
244
|
+
font-family: inherit;
|
245
|
+
transition: all 300ms ease-in-out;
|
246
|
+
}
|
247
|
+
|
248
|
+
.trigger-label:hover {
|
249
|
+
opacity: 0.8;
|
250
|
+
}
|
251
|
+
`];let $=Ot;F([g({attribute:!1})],$.prototype,"application");F([j()],$.prototype,"active");F([j()],$.prototype,"triggerVisible");F([j()],$.prototype,"loaded");F([j()],$.prototype,"icon");var bi=Object.defineProperty,x=(s,t,e,i)=>{for(var r=void 0,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=o(t,e,r)||r);return r&&bi(t,e,r),r};const Ae=s=>{const e=class e extends s{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(r){this.properties=r}writeLayout(r){this.layout=r}writeContext(r){this.context=r}addChild(r){r.parent=this,this.nodes.push(r)}connectedCallback(){super.connectedCallback(),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),this.application.mountComponent(this)}};e.styles=[O`
|
252
|
+
:host {
|
253
|
+
font-family: var(--font-family);
|
254
|
+
grid-column: span var(--width);
|
255
|
+
max-width: 100%;
|
256
|
+
overflow: hidden;
|
257
|
+
box-sizing: border-box;
|
258
|
+
display: block;
|
259
|
+
}
|
260
|
+
* {
|
261
|
+
box-sizing: border-box;
|
262
|
+
}
|
263
|
+
`];let t=e;return x([g()],t.prototype,"properties"),x([g()],t.prototype,"context"),x([g()],t.prototype,"layout"),x([g()],t.prototype,"name"),x([g()],t.prototype,"type"),x([g({attribute:!1})],t.prototype,"application"),x([g({attribute:!1})],t.prototype,"parent"),t},kt=class kt extends Ae(m){render(){return S`Non resolved component`}};kt.styles=[O`
|
264
|
+
:host {
|
265
|
+
display: block;
|
266
|
+
}
|
267
|
+
`];let bt=kt;var D=(s=>(s.Inline="inline",s.Trigger="trigger",s))(D||{});/**
|
268
|
+
* @license
|
269
|
+
* Copyright 2021 Google LLC
|
270
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
271
|
+
*/let $i=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=i??!1}};/**
|
272
|
+
* @license
|
273
|
+
* Copyright 2021 Google LLC
|
274
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
275
|
+
*//**
|
276
|
+
* @license
|
277
|
+
* Copyright 2021 Google LLC
|
278
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
279
|
+
*/class _i{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const i=e||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:i}]of this.subscriptions)e(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,e,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:r}=this.subscriptions.get(t);t(this.value,r)}clearCallbacks(){this.subscriptions.clear()}}/**
|
280
|
+
* @license
|
281
|
+
* Copyright 2021 Google LLC
|
282
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
283
|
+
*/let wi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class ie extends _i{constructor(t,e,i){var r,n;super(e.context!==void 0?e.initialValue:i),this.onContextRequest=o=>{const a=o.composedPath()[0];o.context===this.context&&a!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,a,o.subscribe))},this.onProviderRequest=o=>{const a=o.composedPath()[0];if(o.context!==this.context||a===this.host)return;const c=new Set;for(const[h,{consumerHost:l}]of this.subscriptions)c.has(h)||(c.add(h),l.dispatchEvent(new $i(this.context,h,!0)));o.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(r=this.host).addController)==null||n.call(r,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new wi(this.context))}}/**
|
284
|
+
* @license
|
285
|
+
* Copyright 2017 Google LLC
|
286
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
287
|
+
*/function Ai({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new ie(this,{context:s}))}),{get(){return t.get.call(this)},set(r){var n;return(n=i.get(this))==null||n.setValue(r),t.set.call(this,r)},init(r){var n;return(n=i.get(this))==null||n.setValue(r),r}};{t.constructor.addInitializer(o=>{i.set(o,new ie(o,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get(){return o.get(this)},set(a){i.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set(a){i.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var xi=Object.defineProperty,Si=(s,t,e,i)=>{for(var r=void 0,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=o(t,e,r)||r);return r&&xi(t,e,r),r};const Ei="application",Tt=class Tt extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=_e()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&$e(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,r])=>{e.style.setProperty(`--${i}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var i,r;const t=this.application.settings.components.conversation;return((r=(i=t==null?void 0:t.properties)==null?void 0:i.chat)==null?void 0:r.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===D.Trigger&&(this.renderRoot.host.classList.add("floating"),this.application.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.application.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right")),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),S`<div class="widget-container" ${we(this.wrapperRef)}>
|
288
|
+
${de(this.nodes,n=>n)}
|
289
|
+
</div>`}};Tt.styles=O`
|
290
|
+
:host {
|
291
|
+
--font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
292
|
+
--spacing-xs: 0.2rem;
|
293
|
+
--spacing-sm: 0.5rem;
|
294
|
+
--spacing-md: 1rem;
|
295
|
+
--spacing-lg: 1.2rem;
|
296
|
+
--spacing-xl: 1.8rem;
|
297
|
+
|
298
|
+
--inverted-spacing-lg: -1.2rem;
|
299
|
+
|
300
|
+
--text-color: #222222;
|
301
|
+
--link-color: #990ae3;
|
302
|
+
--gray-color: #f3f3f8;
|
303
|
+
--white-color: #fff;
|
304
|
+
--gray-dark-color: #a6a6a6;
|
305
|
+
--black-border-color: #00000054;
|
306
|
+
|
307
|
+
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
308
|
+
--border-radius: var(--spacing-sm);
|
309
|
+
--border-radius-sm: var(--spacing-sm);
|
310
|
+
--border-radius-lg: var(--spacing-lg);
|
311
|
+
--border-radius-xl: var(--spacing-xl);
|
312
|
+
--gap: var(--spacing-sm);
|
313
|
+
|
314
|
+
--header-height: 69px;
|
315
|
+
}
|
316
|
+
|
317
|
+
:host {
|
318
|
+
--voca-rem-multiplier: 0.625;
|
319
|
+
box-sizing: border-box;
|
320
|
+
display: block;
|
321
|
+
}
|
322
|
+
|
323
|
+
:host(.inline) {
|
324
|
+
height: 100%;
|
325
|
+
position: fixed;
|
326
|
+
inset: 0 0 0 0;
|
327
|
+
}
|
328
|
+
|
329
|
+
:host(.floating) {
|
330
|
+
z-index: 6;
|
331
|
+
position: fixed;
|
332
|
+
}
|
333
|
+
|
334
|
+
@media screen and (max-width: 800px) {
|
335
|
+
:host(.floating) {
|
336
|
+
inset: 0;
|
337
|
+
height: 100%;
|
338
|
+
}
|
339
|
+
|
340
|
+
:host(.third-party) {
|
341
|
+
inset: 0;
|
342
|
+
height: 100vh;
|
343
|
+
}
|
344
|
+
}
|
345
|
+
|
346
|
+
@media screen and (min-width: 801px) {
|
347
|
+
:host(.floating) {
|
348
|
+
inset: auto 20px 20px auto;
|
349
|
+
max-height: calc(100vh - 120px);
|
350
|
+
width: 400px;
|
351
|
+
height: 775px;
|
352
|
+
}
|
353
|
+
|
354
|
+
:host(.third-party) {
|
355
|
+
max-width: 1000px;
|
356
|
+
height: 100vh;
|
357
|
+
position: relative;
|
358
|
+
left: 50%;
|
359
|
+
transform: translateX(-50%);
|
360
|
+
margin: -10px 0;
|
361
|
+
}
|
362
|
+
|
363
|
+
:host(.floating.bottom-right) {
|
364
|
+
inset: auto 20px 20px auto;
|
365
|
+
}
|
366
|
+
|
367
|
+
:host(.floating.bottom-left) {
|
368
|
+
inset: auto auto 20px 20px;
|
369
|
+
}
|
370
|
+
}
|
371
|
+
|
372
|
+
:host(.floating) .widget-container {
|
373
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
374
|
+
border-radius: 0.7rem;
|
375
|
+
|
376
|
+
@media screen and (max-width: 800px) {
|
377
|
+
border-radius: 0;
|
378
|
+
}
|
379
|
+
}
|
380
|
+
|
381
|
+
* {
|
382
|
+
box-sizing: border-box;
|
383
|
+
}
|
384
|
+
|
385
|
+
.widget-container {
|
386
|
+
height: 100%;
|
387
|
+
background-color: var(--primary-background);
|
388
|
+
padding: var(--spacing-sm);
|
389
|
+
border: var(--widget-border, none);
|
390
|
+
}
|
391
|
+
|
392
|
+
@keyframes slideDown {
|
393
|
+
from {
|
394
|
+
transform: translateY(0);
|
395
|
+
opacity: 1;
|
396
|
+
}
|
397
|
+
to {
|
398
|
+
transform: translateY(100%);
|
399
|
+
opacity: 0;
|
400
|
+
}
|
401
|
+
}
|
402
|
+
|
403
|
+
@keyframes slideUp {
|
404
|
+
from {
|
405
|
+
transform: translateY(100%);
|
406
|
+
opacity: 0;
|
407
|
+
}
|
408
|
+
to {
|
409
|
+
transform: translateY(0);
|
410
|
+
opacity: 1;
|
411
|
+
}
|
412
|
+
}
|
413
|
+
|
414
|
+
:host(.expanded) {
|
415
|
+
opacity: 1;
|
416
|
+
animation: slideUp 0.3s linear;
|
417
|
+
}
|
418
|
+
|
419
|
+
:host(.hidden) {
|
420
|
+
opacity: 0;
|
421
|
+
animation: slideDown 0.3s linear;
|
422
|
+
pointer-events: none;
|
423
|
+
}
|
424
|
+
`;let J=Tt;Si([g({attribute:!1}),Ai({context:Ei})],J.prototype,"application");const tt=class tt{constructor(t=tt.endpoint){this._endpoint=t}async getSite(t){const i=await(await fetch(t)).json();return i?{id:i.id,triggers:i.triggers||[],apps:(i.widgets||[]).map(r=>{let n=D.Trigger;r.renderStrategy.toLowerCase()==="inline"&&(n=D.Inline);const o=r.widgetId?r.widgetId:r.id,a=typeof r.autoActivate=="boolean"?r.autoActivate:!1,c=typeof r.anchor=="string"?r.anchor:"BottomRight",h=typeof r.triggerIcon=="string"?r.triggerIcon:"question";return{id:o,widgetId:o,renderStrategy:n,autoActivate:a,anchor:c,triggerIcon:{type:"Telia",content:h}}})}:null}async getWidget(t){const i=await(await fetch(`${this._endpoint}/widget/${t}`)).json();return i?{name:i.name,config:JSON.parse(i.configuration)}:null}};tt.endpoint="https://widgets.ace.teliacompany.net/api";let se=tt;var Ci=Object.defineProperty,Ct=(s,t,e,i)=>{for(var r=void 0,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=o(t,e,r)||r);return r&&Ci(t,e,r),r};const Rt=class Rt extends m{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return u;if(this.widget.renderStrategy===D.Trigger){const t=new $;return t.application=this.widget,t}return this.widget.render()}};Rt.styles=[O`
|
425
|
+
:host {
|
426
|
+
display: block;
|
427
|
+
}
|
428
|
+
`];let U=Rt;Ct([g({attribute:!0})],U.prototype,"name");Ct([j()],U.prototype,"widget");Ct([j()],U.prototype,"status");customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",G);customElements.get("ace-trigger")||customElements.define("ace-trigger",$);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",bt);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",J);customElements.get("ace-widget")||customElements.define("ace-widget",U);const Pi=s=>{const t={};return Object.keys(s).forEach(e=>{e.indexOf("css-")>-1&&(t[e]=s[e])}),t},Oi=(s,t)=>{const e=Pi(t);Object.entries(e).forEach(([i,r])=>{s.style.setProperty(i.replace("css-",""),r)})},Ut=class Ut extends Ae(m){constructor(){super(...arguments),this.nodes=[]}render(){var t;return Oi(this.renderRoot.host,this.properties),this.renderRoot.host.style.setProperty("--columns",((t=this.properties.columns)==null?void 0:t.toString())||"1"),S`${de(this.nodes,e=>e)}`}};Ut.styles=[O`
|
429
|
+
:host {
|
430
|
+
height: 100%;
|
431
|
+
display: grid;
|
432
|
+
justify-content: center;
|
433
|
+
grid-auto-rows: max-content;
|
434
|
+
grid-template-rows: auto;
|
435
|
+
grid-template-columns: repeat(var(--columns), 1fr);
|
436
|
+
gap: var(--gap);
|
437
|
+
}
|
438
|
+
`];let Q=Ut;exports.Area=Q;exports.default=Q;
|
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-
|
1
|
+
"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-DB6yb3U4.js")))};module.exports=r;
|
package/index.mjs
CHANGED
package/package.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"name": "@telia-ace/widget-components-area-flamingo",
|
3
|
-
"version": "1.1.81
|
3
|
+
"version": "1.1.81",
|
4
4
|
"dependencies": {
|
5
|
-
"@telia-ace/widget-core-flamingo": "1.1.81
|
5
|
+
"@telia-ace/widget-core-flamingo": "1.1.81",
|
6
6
|
"lit": "^3.0.2"
|
7
7
|
},
|
8
8
|
"main": "./index.js",
|