@telia-ace/widget-components-area-flamingo 1.1.70-rc.11 → 1.1.70-rc.13
Sign up to get free protection for your applications and to get access to all the features.
- package/area-17b4e09c.js +381 -0
- package/area-31c37584.mjs +2253 -0
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/area-dcc89d29.mjs +0 -1734
- package/area-fd381354.js +0 -379
package/area-17b4e09c.js
ADDED
@@ -0,0 +1,381 @@
|
|
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 W=globalThis,gt=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,vt=Symbol(),St=new WeakMap;let Kt=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==vt)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(gt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=St.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&St.set(e,t))}return t}toString(){return this.cssText}};const ge=s=>new Kt(typeof s=="string"?s:s+"",void 0,vt),E=(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 Kt(e,s,vt)},ve=(s,t)=>{if(gt)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),r=W.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)}},Et=gt?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return ge(e)})(s):s;/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2017 Google LLC
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
+
*/const{is:me,defineProperty:ye,getOwnPropertyDescriptor:be,getOwnPropertyNames:$e,getOwnPropertySymbols:_e,getPrototypeOf:we}=Object,$=globalThis,Pt=$.trustedTypes,Ae=Pt?Pt.emptyScript:"",et=$.reactiveElementPolyfillSupport,j=(s,t)=>s,q={toAttribute(s,t){switch(t){case Boolean:s=s?Ae: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}},mt=(s,t)=>!me(s,t),Ot={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:mt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),$.litPropertyMetadata??($.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=Ot){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&&ye(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:n}=be(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)??Ot}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;const t=we(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){const e=this.properties,i=[...$e(e),..._e(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(Et(r))}else t!==void 0&&e.push(Et(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 ve(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:q).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:q;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??mt)(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[j("elementProperties")]=new Map,T[j("finalized")]=new Map,et==null||et({ReactiveElement:T}),($.reactiveElementVersions??($.reactiveElementVersions=[])).push("2.0.4");/**
|
10
|
+
* @license
|
11
|
+
* Copyright 2017 Google LLC
|
12
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
13
|
+
*/const R=globalThis,Z=R.trustedTypes,Tt=Z?Z.createPolicy("lit-html",{createHTML:s=>s}):void 0,Gt="$lit$",b=`lit$${(Math.random()+"").slice(9)}$`,Xt="?"+b,xe=`<${Xt}>`,C=document,N=()=>C.createComment(""),L=s=>s===null||typeof s!="object"&&typeof s!="function",Jt=Array.isArray,Ce=s=>Jt(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",it=`[
|
14
|
+
\f\r]`,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ut=/-->/g,kt=/>/g,_=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),jt=/'/g,Rt=/"/g,Qt=/^(?:script|style|textarea|title)$/i,Se=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),A=Se(1),S=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Mt=new WeakMap,x=C.createTreeWalker(C,129);function te(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Tt!==void 0?Tt.createHTML(t):t}const Ee=(s,t)=>{const e=s.length-1,i=[];let r,n=t===2?"<svg>":"",o=k;for(let a=0;a<e;a++){const c=s[a];let l,h,p=-1,d=0;for(;d<c.length&&(o.lastIndex=d,h=o.exec(c),h!==null);)d=o.lastIndex,o===k?h[1]==="!--"?o=Ut:h[1]!==void 0?o=kt:h[2]!==void 0?(Qt.test(h[2])&&(r=RegExp("</"+h[2],"g")),o=_):h[3]!==void 0&&(o=_):o===_?h[0]===">"?(o=r??k,p=-1):h[1]===void 0?p=-2:(p=o.lastIndex-h[2].length,l=h[1],o=h[3]===void 0?_:h[3]==='"'?Rt:jt):o===Rt||o===jt?o=_:o===Ut||o===kt?o=k:(o=_,r=void 0);const f=o===_&&s[a+1].startsWith("/>")?" ":"";n+=o===k?c+xe:p>=0?(i.push(l),c.slice(0,p)+Gt+c.slice(p)+b+f):c+b+(p===-2?a:f)}return[te(s,n+(s[e]||"<?>")+(t===2?"</svg>":"")),i]};class H{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,o=0;const a=t.length-1,c=this.parts,[l,h]=Ee(t,e);if(this.el=H.createElement(l,i),x.currentNode=this.el.content,e===2){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(r=x.nextNode())!==null&&c.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(const p of r.getAttributeNames())if(p.endsWith(Gt)){const d=h[o++],f=r.getAttribute(p).split(b),O=/([.?@])?(.*)/.exec(d);c.push({type:1,index:n,name:O[2],strings:f,ctor:O[1]==="."?Oe:O[1]==="?"?Te:O[1]==="@"?Ue:J}),r.removeAttribute(p)}else p.startsWith(b)&&(c.push({type:6,index:n}),r.removeAttribute(p));if(Qt.test(r.tagName)){const p=r.textContent.split(b),d=p.length-1;if(d>0){r.textContent=Z?Z.emptyScript:"";for(let f=0;f<d;f++)r.append(p[f],N()),x.nextNode(),c.push({type:2,index:++n});r.append(p[d],N())}}}else if(r.nodeType===8)if(r.data===Xt)c.push({type:2,index:n});else{let p=-1;for(;(p=r.data.indexOf(b,p+1))!==-1;)c.push({type:7,index:n}),p+=b.length-1}n++}}static createElement(t,e){const i=C.createElement("template");return i.innerHTML=t,i}}function U(s,t,e=s,i){var o,a;if(t===S)return t;let r=i!==void 0?(o=e._$Co)==null?void 0:o[i]:e._$Cl;const n=L(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=U(s,r._$AS(s,t.values),r,i)),t}class Pe{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);x.currentNode=r;let n=x.nextNode(),o=0,a=0,c=i[0];for(;c!==void 0;){if(o===c.index){let l;c.type===2?l=new I(n,n.nextSibling,this,t):c.type===1?l=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(l=new ke(n,this,t)),this._$AV.push(l),c=i[++a]}o!==(c==null?void 0:c.index)&&(n=x.nextNode(),o++)}return x.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 I{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=U(this,t,e),L(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==S&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ce(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==u&&L(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=H.createElement(te(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 Pe(r,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Mt.get(t.strings);return e===void 0&&Mt.set(t.strings,e=new H(t)),e}k(t){Jt(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 I(this.S(N()),this.S(N()),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 J{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=U(this,t,e,0),o=!L(t)||t!==this._$AH&&t!==S,o&&(this._$AH=t);else{const a=t;let c,l;for(t=n[0],c=0;c<n.length-1;c++)l=U(this,a[i+c],e,c),l===S&&(l=this._$AH[c]),o||(o=!L(l)||l!==this._$AH[c]),l===u?t=u:t!==u&&(t+=(l??"")+n[c+1]),this._$AH[c]=l}o&&!r&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}class Te extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}}class Ue extends J{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=U(this,t,e,0)??u)===S)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 ke{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){U(this,t)}}const st=R.litHtmlPolyfillSupport;st==null||st(H,I),(R.litHtmlVersions??(R.litHtmlVersions=[])).push("3.1.2");const je=(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 I(t.insertBefore(N(),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=je(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 S}};var Zt;m._$litElement$=!0,m.finalized=!0,(Zt=globalThis.litElementHydrateSupport)==null||Zt.call(globalThis,{LitElement:m});const rt=globalThis.litElementPolyfillSupport;rt==null||rt({LitElement:m});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");/**
|
20
|
+
* @license
|
21
|
+
* Copyright 2021 Google LLC
|
22
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
23
|
+
*/function*ee(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var ht=function(s,t){return ht=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])},ht(s,t)};function D(s,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");ht(s,t);function e(){this.constructor=s}s.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function pt(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 K(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 G(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 y(s){return typeof s=="function"}function ie(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 nt=ie(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 ut(s,t){if(s){var e=s.indexOf(t);0<=e&&s.splice(e,1)}}var Q=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=pt(o),c=a.next();!c.done;c=a.next()){var l=c.value;l.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 h=this.initialTeardown;if(y(h))try{h()}catch(v){n=v instanceof nt?v.errors:[v]}var p=this._finalizers;if(p){this._finalizers=null;try{for(var d=pt(p),f=d.next();!f.done;f=d.next()){var O=f.value;try{Nt(O)}catch(v){n=n??[],v instanceof nt?n=G(G([],K(n)),K(v.errors)):n.push(v)}}}catch(v){i={error:v}}finally{try{f&&!f.done&&(r=d.return)&&r.call(d)}finally{if(i)throw i.error}}}if(n)throw new nt(n)}},s.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)Nt(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)&&ut(e,t)},s.prototype.remove=function(t){var e=this._finalizers;e&&ut(e,t),t instanceof s&&t._removeParent(this)},s.EMPTY=function(){var t=new s;return t.closed=!0,t}(),s}(),se=Q.EMPTY;function re(s){return s instanceof Q||s&&"closed"in s&&y(s.remove)&&y(s.add)&&y(s.unsubscribe)}function Nt(s){y(s)?s():s.unsubscribe()}var ne={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},dt={setTimeout:function(s,t){for(var e=[],i=2;i<arguments.length;i++)e[i-2]=arguments[i];var r=dt.delegate;return r!=null&&r.setTimeout?r.setTimeout.apply(r,G([s,t],K(e))):setTimeout.apply(void 0,G([s,t],K(e)))},clearTimeout:function(s){var t=dt.delegate;return((t==null?void 0:t.clearTimeout)||clearTimeout)(s)},delegate:void 0};function Re(s){dt.setTimeout(function(){throw s})}function Lt(){}function V(s){s()}var oe=function(s){D(t,s);function t(e){var i=s.call(this)||this;return i.isStopped=!1,e?(i.destination=e,re(e)&&e.add(i)):i.destination=He,i}return t.create=function(e,i,r){return new ft(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}(Q),Me=Function.prototype.bind;function ot(s,t){return Me.call(s,t)}var Ne=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){F(i)}},s.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(i){F(i)}else F(t)},s.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){F(e)}},s}(),ft=function(s){D(t,s);function t(e,i,r){var n=s.call(this)||this,o;if(y(e)||!e)o={next:e??void 0,error:i??void 0,complete:r??void 0};else{var a;n&&ne.useDeprecatedNextContext?(a=Object.create(e),a.unsubscribe=function(){return n.unsubscribe()},o={next:e.next&&ot(e.next,a),error:e.error&&ot(e.error,a),complete:e.complete&&ot(e.complete,a)}):o=e}return n.destination=new Ne(o),n}return t}(oe);function F(s){Re(s)}function Le(s){throw s}var He={closed:!0,next:Lt,error:Le,complete:Lt},Ie=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function De(s){return s}function Be(s){return s.length===0?De:s.length===1?s[0]:function(e){return s.reduce(function(i,r){return r(i)},e)}}var Ht=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=Fe(t)?t:new ft(t,e,i);return V(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=It(e),new e(function(r,n){var o=new ft({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[Ie]=function(){return this},s.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return Be(t)(this)},s.prototype.toPromise=function(t){var e=this;return t=It(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 It(s){var t;return(t=s??ne.Promise)!==null&&t!==void 0?t:Promise}function ze(s){return s&&y(s.next)&&y(s.error)&&y(s.complete)}function Fe(s){return s&&s instanceof oe||ze(s)&&re(s)}var Ye=ie(function(s){return function(){s(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),yt=function(s){D(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 Dt(this,this);return i.operator=e,i},t.prototype._throwIfClosed=function(){if(this.closed)throw new Ye},t.prototype.next=function(e){var i=this;V(function(){var r,n;if(i._throwIfClosed(),!i.isStopped){i.currentObservers||(i.currentObservers=Array.from(i.observers));try{for(var o=pt(i.currentObservers),a=o.next();!a.done;a=o.next()){var c=a.value;c.next(e)}}catch(l){r={error:l}}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;V(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;V(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?se:(this.currentObservers=null,a.push(e),new Q(function(){i.currentObservers=null,ut(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 Ht;return e.source=this,e},t.create=function(e,i){return new Dt(e,i)},t}(Ht),Dt=function(s){D(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:se},t}(yt),We=function(s){D(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}(yt);/**
|
26
|
+
* @license
|
27
|
+
* Copyright 2017 Google LLC
|
28
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
29
|
+
*/const Ve={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:mt},qe=(s=Ve,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"?qe(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 B(s){return g({...s,state:!0,attribute:!1})}var Ze=Object.defineProperty,Ke=Object.getOwnPropertyDescriptor,Ge=(s,t,e,i)=>{for(var r=i>1?void 0:i?Ke(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&Ze(t,e,r),r};class bt 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}}bt.styles=[E`
|
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
|
+
`];Ge([g({attribute:!0})],bt.prototype,"anchor",2);/**
|
50
|
+
* @license
|
51
|
+
* Copyright 2017 Google LLC
|
52
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
53
|
+
*/const $t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},_t=s=>(...t)=>({_$litDirective$:s,values:t});let ae=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 Xe=s=>s.strings===void 0;/**
|
58
|
+
* @license
|
59
|
+
* Copyright 2017 Google LLC
|
60
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
61
|
+
*/const M=(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),M(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)},ce=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),ti(t)}};function Je(s){this._$AN!==void 0?(X(this),this._$AM=s,ce(this)):this._$AM=s}function Qe(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++)M(i[n],!1),X(i[n]);else i!=null&&(M(i,!1),X(i));else M(this,s)}const ti=s=>{s.type==$t.CHILD&&(s._$AP??(s._$AP=Qe),s._$AQ??(s._$AQ=Je))};class le extends ae{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),ce(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&&(M(this,t),X(this))}setValue(t){if(Xe(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 ei=new WeakMap;let Bt=0;const at=new Map,zt=new WeakSet,Ft=()=>new Promise(s=>requestAnimationFrame(s)),ii=[{transform:"translateX(100%) scale(0)",opacity:0}],Yt=(s,t)=>{const e=s-t;return e===0?void 0:e},Wt=(s,t)=>{const e=s/t;return e===1?void 0:e},ct={left:(s,t)=>{const e=Yt(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(s,t)=>{const e=Yt(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=Wt(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=Wt(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},si={duration:333,easing:"ease-in-out"},ri=["left","top","width","height","opacity","color","background"],Vt=new WeakMap;class ni extends le{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===$t.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 ei.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,Vt.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=ri),this.options=t}m(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(r=>{const n=e[r]??(ct[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 Ft;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=at.get(this.options.inId);if(n){at.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,Bt++,t.forEach(c=>c.zIndex=Bt)}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&&at.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await Ft(),(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=Vt.get(e);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=zt.has(this.u);return t||this.u.updateComplete.then(()=>{zt.add(this.u)}),t}j(t,e=this.O()){const i={...si};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 l=t[c],h=e[c];if(c in ct){const p=ct[c];if(l===void 0||h===void 0)continue;const d=p(l,h);d.transform!==void 0&&(a[c]=d.value,o=!0,r.transform=`${r.transform??""} ${d.transform}`,d.overrideFrom!==void 0&&Object.assign(r,d.overrideFrom))}else l!==h&&l!==void 0&&h!==void 0&&(o=!0,r[c]=l,n[c]=h)}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 oi=_t(ni),ai={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 ci=_t(class extends ae{constructor(s){var t;if(super(s),s.type!==$t.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 S}}),Y=(s,t,e)=>{s&&e.style.setProperty(t,s)},he=(s,t)=>{var e,i,r,n;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)};/**
|
66
|
+
* @license
|
67
|
+
* Copyright 2020 Google LLC
|
68
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
69
|
+
*/const pe=()=>new li;class li{}const lt=new WeakMap,ue=_t(class extends le{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(typeof this.Y=="function"){const t=this.ht??globalThis;let e=lt.get(t);e===void 0&&(e=new WeakMap,lt.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=lt.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 hi=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,tt=(s,t,e,i)=>{for(var r=i>1?void 0:i?pi(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&hi(t,e,r),r};class P extends m{constructor(){super(...arguments),this.active=!1,this.loaded=!1,this.containerRef=pe(),this.widgetActive$=new We(!1),this.componentIsDestroyed$=new yt}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.widgetActive$.next(!0)):(this.application.hide(),this.widgetActive$.next(!1))}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&he(this.application.settings.branding,this)}async _renderSymbol(){var a,c,l;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 A` <img src=${e} class="trigger-icon" alt="" /> `;const i=(l=this.application)==null?void 0:l.triggerIcon;if(!i)return u;const r=async h=>ai,{type:n,content:o}=i;switch(n){case"Telia":{const h=await r();return h?A`<telia-icon
|
70
|
+
class="trigger-icon"
|
71
|
+
svg=${h.svg}
|
72
|
+
size="lg"
|
73
|
+
></telia-icon>`:u}default:return u}}render(){var t,e,i,r;return A`<div class="trigger-container" ${ue(this.containerRef)}>
|
74
|
+
${!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)?A`
|
75
|
+
<button
|
76
|
+
label="${this.application.settings.branding.other.buttonLabelText??"Widget trigger"}"
|
77
|
+
class="trigger-label"
|
78
|
+
@click=${this.toggleActive}
|
79
|
+
${oi({keyframeOptions:{},in:ii,stabilizeOut:!0,skipInitial:!1})}
|
80
|
+
>
|
81
|
+
${this.application.settings.branding.other.buttonLabelText}
|
82
|
+
</button>
|
83
|
+
`:u}
|
84
|
+
|
85
|
+
<button
|
86
|
+
label="Widget trigger"
|
87
|
+
class=${ci({trigger:!0,active:this.active,rendered:this.loaded})}
|
88
|
+
@click=${this.toggleActive}
|
89
|
+
>
|
90
|
+
${this.icon}
|
91
|
+
<span class="trigger-close">
|
92
|
+
<svg
|
93
|
+
width="18"
|
94
|
+
height="9"
|
95
|
+
viewBox="0 0 18 9"
|
96
|
+
fill="none"
|
97
|
+
xmlns="http://www.w3.org/2000/svg"
|
98
|
+
>
|
99
|
+
<path
|
100
|
+
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"
|
101
|
+
fill="white"
|
102
|
+
/>
|
103
|
+
</svg>
|
104
|
+
</span>
|
105
|
+
<span class="trigger-loader">
|
106
|
+
<svg viewBox="25 25 50 50">
|
107
|
+
<circle
|
108
|
+
cx="50"
|
109
|
+
cy="50"
|
110
|
+
r="20"
|
111
|
+
fill="none"
|
112
|
+
stroke="#000"
|
113
|
+
stroke-width="2"
|
114
|
+
stroke-miterlimit="10"
|
115
|
+
/>
|
116
|
+
</svg>
|
117
|
+
</span>
|
118
|
+
</button>
|
119
|
+
</div>`}}P.styles=[E`
|
120
|
+
:host {
|
121
|
+
--voca-rem-multiplier: 0.625;
|
122
|
+
--trigger-label-bg: #f5e0ff;
|
123
|
+
--trigger-label-text-color: rgba(0, 0, 0, 0.8);
|
124
|
+
display: block;
|
125
|
+
box-sizing: border-box;
|
126
|
+
/* font-family: var(--font-family); */
|
127
|
+
font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
128
|
+
}
|
129
|
+
|
130
|
+
.trigger-container {
|
131
|
+
display: flex;
|
132
|
+
align-items: center;
|
133
|
+
gap: 1rem;
|
134
|
+
}
|
135
|
+
|
136
|
+
.trigger {
|
137
|
+
transform: scale(0);
|
138
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
139
|
+
z-index: 5;
|
140
|
+
display: flex;
|
141
|
+
align-items: center;
|
142
|
+
justify-content: center;
|
143
|
+
border: none;
|
144
|
+
line-height: 55px;
|
145
|
+
height: 55px;
|
146
|
+
width: 55px;
|
147
|
+
border-radius: 55px;
|
148
|
+
cursor: pointer;
|
149
|
+
background-color: var(--trigger-bg, var(--primary-background));
|
150
|
+
font-family: Lato;
|
151
|
+
text-decoration: none;
|
152
|
+
border: 3px dashed transparent;
|
153
|
+
box-sizing: border-box;
|
154
|
+
transition: transform 200ms ease-out;
|
155
|
+
}
|
156
|
+
.trigger:active {
|
157
|
+
transform: scale(0.8) !important;
|
158
|
+
}
|
159
|
+
.trigger:hover:not(:active) {
|
160
|
+
transform: scale(1.1) !important;
|
161
|
+
}
|
162
|
+
.trigger.rendered {
|
163
|
+
transform: scale(1);
|
164
|
+
}
|
165
|
+
.trigger.active .trigger-icon {
|
166
|
+
opacity: 0;
|
167
|
+
transform: rotate(-180deg) scale(0);
|
168
|
+
}
|
169
|
+
.trigger.active .trigger-close {
|
170
|
+
opacity: 1;
|
171
|
+
transform: rotate(0deg) scale(1);
|
172
|
+
}
|
173
|
+
|
174
|
+
.trigger-icon {
|
175
|
+
display: inline-block;
|
176
|
+
line-height: inherit;
|
177
|
+
text-align: center;
|
178
|
+
opacity: 1;
|
179
|
+
transform: rotate(0deg) scale(1);
|
180
|
+
transition: opacity 200ms ease-out, transform 200ms ease-out;
|
181
|
+
color: var(--trigger-text-color, var(--text-on-primary-background));
|
182
|
+
}
|
183
|
+
.trigger-close {
|
184
|
+
opacity: 0;
|
185
|
+
transition: transform 200ms ease-out;
|
186
|
+
transform: rotate(180deg) scale(0);
|
187
|
+
position: absolute;
|
188
|
+
top: 0;
|
189
|
+
bottom: 0;
|
190
|
+
left: 0;
|
191
|
+
right: 0;
|
192
|
+
display: flex;
|
193
|
+
justify-content: center;
|
194
|
+
align-items: center;
|
195
|
+
}
|
196
|
+
.trigger-close svg path {
|
197
|
+
fill: var(--trigger-text-color, var(--text-on-primary-background));
|
198
|
+
}
|
199
|
+
|
200
|
+
img {
|
201
|
+
max-width: 100%;
|
202
|
+
}
|
203
|
+
|
204
|
+
.trigger-label {
|
205
|
+
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
206
|
+
background-color: var(--trigger-label-bg);
|
207
|
+
color: var(--trigger-label-text-color);
|
208
|
+
white-space: nowrap;
|
209
|
+
padding: 0.7rem 1rem;
|
210
|
+
border-radius: 0.3rem;
|
211
|
+
font-weight: 500;
|
212
|
+
display: flex;
|
213
|
+
justify-content: center;
|
214
|
+
align-items: center;
|
215
|
+
cursor: pointer;
|
216
|
+
border: none;
|
217
|
+
font-size: 1rem;
|
218
|
+
font-family: inherit;
|
219
|
+
transition: all 300ms ease-in-out;
|
220
|
+
}
|
221
|
+
|
222
|
+
.trigger-label:hover {
|
223
|
+
opacity: 0.8;
|
224
|
+
}
|
225
|
+
`];tt([g({attribute:!1})],P.prototype,"application",2);tt([B()],P.prototype,"active",2);tt([B()],P.prototype,"loaded",2);tt([B()],P.prototype,"icon",2);var ui=Object.defineProperty,di=Object.getOwnPropertyDescriptor,w=(s,t,e,i)=>{for(var r=i>1?void 0:i?di(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&ui(t,e,r),r};const de=s=>{class t extends s{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(i){this.properties=i}writeLayout(i){this.layout=i}writeContext(i){this.context=i}addChild(i){i.parent=this,this.nodes.push(i)}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)}}return t.styles=[E`
|
226
|
+
:host {
|
227
|
+
font-family: var(--font-family);
|
228
|
+
grid-column: span var(--width);
|
229
|
+
max-width: 100%;
|
230
|
+
overflow: hidden;
|
231
|
+
box-sizing: border-box;
|
232
|
+
display: block;
|
233
|
+
}
|
234
|
+
* {
|
235
|
+
box-sizing: border-box;
|
236
|
+
}
|
237
|
+
`],w([g()],t.prototype,"properties",2),w([g()],t.prototype,"context",2),w([g()],t.prototype,"layout",2),w([g()],t.prototype,"name",2),w([g()],t.prototype,"type",2),w([g({attribute:!1})],t.prototype,"application",2),w([g({attribute:!1})],t.prototype,"parent",2),t};class fe extends de(m){render(){return A`Non resolved component`}}fe.styles=[E`
|
238
|
+
:host {
|
239
|
+
display: block;
|
240
|
+
}
|
241
|
+
`];var wt=(s=>(s.Inline="inline",s.Trigger="trigger",s))(wt||{});/**
|
242
|
+
* @license
|
243
|
+
* Copyright 2021 Google LLC
|
244
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
245
|
+
*/let fi=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=i??!1}};/**
|
246
|
+
* @license
|
247
|
+
* Copyright 2021 Google LLC
|
248
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
249
|
+
*//**
|
250
|
+
* @license
|
251
|
+
* Copyright 2021 Google LLC
|
252
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
253
|
+
*/class gi{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()}}/**
|
254
|
+
* @license
|
255
|
+
* Copyright 2021 Google LLC
|
256
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
257
|
+
*/let vi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class qt extends gi{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[l,{consumerHost:h}]of this.subscriptions)c.has(l)||(c.add(l),h.dispatchEvent(new fi(this.context,l,!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 vi(this.context))}}/**
|
258
|
+
* @license
|
259
|
+
* Copyright 2017 Google LLC
|
260
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
261
|
+
*/function mi({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new qt(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 qt(o,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get:function(){return o.get(this)},set:function(a){i.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set:function(a){i.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var yi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,$i=(s,t,e,i)=>{for(var r=i>1?void 0:i?bi(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&yi(t,e,r),r};const _i="application";class At extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=pe()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&he(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(){return this.application.renderStrategy===wt.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")),A`<div class="widget-container" ${ue(this.wrapperRef)}>
|
262
|
+
${ee(this.nodes,t=>t)}
|
263
|
+
</div>`}}At.styles=E`
|
264
|
+
:host {
|
265
|
+
--font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
266
|
+
--spacing-xs: 0.2rem;
|
267
|
+
--spacing-sm: 0.5rem;
|
268
|
+
--spacing-md: 1rem;
|
269
|
+
--spacing-lg: 1.2rem;
|
270
|
+
--spacing-xl: 1.8rem;
|
271
|
+
|
272
|
+
--inverted-spacing-lg: -1.2rem;
|
273
|
+
|
274
|
+
--text-color: #222222;
|
275
|
+
--link-color: #990ae3;
|
276
|
+
--gray-color: #f3f3f8;
|
277
|
+
--white-color: #fff;
|
278
|
+
--gray-dark-color: #a6a6a6;
|
279
|
+
|
280
|
+
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
281
|
+
--border-radius: var(--spacing-sm);
|
282
|
+
--border-radius-sm: var(--spacing-sm);
|
283
|
+
--border-radius-lg: var(--spacing-lg);
|
284
|
+
--border-radius-xl: var(--spacing-xl);
|
285
|
+
--gap: var(--spacing-sm);
|
286
|
+
|
287
|
+
--header-height: 69px;
|
288
|
+
}
|
289
|
+
:host {
|
290
|
+
--voca-rem-multiplier: 0.625;
|
291
|
+
box-sizing: border-box;
|
292
|
+
display: block;
|
293
|
+
}
|
294
|
+
|
295
|
+
:host(.inline) {
|
296
|
+
height: 100%;
|
297
|
+
position: fixed;
|
298
|
+
inset: 0 0 0 0;
|
299
|
+
}
|
300
|
+
|
301
|
+
:host(.floating) {
|
302
|
+
z-index: 6;
|
303
|
+
position: fixed;
|
304
|
+
}
|
305
|
+
@media screen and (max-width: 800px) {
|
306
|
+
:host(.floating) {
|
307
|
+
inset: 0 0 95px 0;
|
308
|
+
}
|
309
|
+
}
|
310
|
+
@media screen and (min-width: 801px) {
|
311
|
+
:host(.floating) {
|
312
|
+
inset: auto 20px 95px auto;
|
313
|
+
max-height: calc(100vh - 120px);
|
314
|
+
width: 400px;
|
315
|
+
height: 700px;
|
316
|
+
}
|
317
|
+
:host(.floating.bottom-right) {
|
318
|
+
inset: auto 20px 95px auto;
|
319
|
+
}
|
320
|
+
:host(.floating.bottom-left) {
|
321
|
+
inset: auto auto 95px 20px;
|
322
|
+
}
|
323
|
+
}
|
324
|
+
|
325
|
+
:host(.floating) .widget-container {
|
326
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
327
|
+
border-radius: 0.7rem;
|
328
|
+
}
|
329
|
+
|
330
|
+
* {
|
331
|
+
box-sizing: border-box;
|
332
|
+
}
|
333
|
+
.widget-container {
|
334
|
+
height: 100%;
|
335
|
+
background-color: var(--primary-background);
|
336
|
+
padding: var(--spacing-sm);
|
337
|
+
border: var(--widget-border, none);
|
338
|
+
}
|
339
|
+
@keyframes slideDown {
|
340
|
+
from {
|
341
|
+
transform: translateY(0);
|
342
|
+
opacity: 1;
|
343
|
+
}
|
344
|
+
to {
|
345
|
+
transform: translateY(100%);
|
346
|
+
opacity: 0;
|
347
|
+
}
|
348
|
+
}
|
349
|
+
@keyframes slideUp {
|
350
|
+
from {
|
351
|
+
transform: translateY(100%);
|
352
|
+
opacity: 0;
|
353
|
+
}
|
354
|
+
to {
|
355
|
+
transform: translateY(0);
|
356
|
+
opacity: 1;
|
357
|
+
}
|
358
|
+
}
|
359
|
+
:host(.expanded) {
|
360
|
+
opacity: 1;
|
361
|
+
animation: slideUp 0.3s linear;
|
362
|
+
}
|
363
|
+
:host(.hidden) {
|
364
|
+
opacity: 0;
|
365
|
+
animation: slideDown 0.3s linear;
|
366
|
+
}
|
367
|
+
`;$i([g({attribute:!1}),mi({context:_i})],At.prototype,"application",2);var wi=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,xt=(s,t,e,i)=>{for(var r=i>1?void 0:i?Ai(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&wi(t,e,r),r};class z 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===wt.Trigger){const t=new P;return t.application=this.widget,t}return this.widget.render()}}z.styles=[E`
|
368
|
+
:host {
|
369
|
+
display: block;
|
370
|
+
}
|
371
|
+
`];xt([g({attribute:!0})],z.prototype,"name",2);xt([B()],z.prototype,"widget",2);xt([B()],z.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",bt);customElements.get("ace-trigger")||customElements.define("ace-trigger",P);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",fe);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",At);customElements.get("ace-widget")||customElements.define("ace-widget",z);const xi=s=>{const t={};return Object.keys(s).forEach(e=>{e.indexOf("css-")>-1&&(t[e]=s[e])}),t},Ci=(s,t)=>{const e=xi(t);Object.entries(e).forEach(([i,r])=>{s.style.setProperty(i.replace("css-",""),r)})};class Ct extends de(m){constructor(){super(...arguments),this.nodes=[]}render(){var t;return Ci(this.renderRoot.host,this.properties),this.renderRoot.host.style.setProperty("--columns",((t=this.properties.columns)==null?void 0:t.toString())||"1"),A`${ee(this.nodes,e=>e)}`}}Ct.styles=[E`
|
372
|
+
:host {
|
373
|
+
height: 100%;
|
374
|
+
display: grid;
|
375
|
+
justify-content: center;
|
376
|
+
grid-auto-rows: max-content;
|
377
|
+
grid-template-rows: auto;
|
378
|
+
grid-template-columns: repeat(var(--columns), 1fr);
|
379
|
+
gap: var(--gap);
|
380
|
+
}
|
381
|
+
`];exports.Area=Ct;exports.default=Ct;
|