@telia-ace/widget-components-widget-header-flamingo 1.1.120-rc.3 → 1.1.120-rc.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,679 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var Gt=function(i,t){return Gt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,s){e.__proto__=s}||function(e,s){for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n])},Gt(i,t)};function Q(i,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Gt(i,t);function e(){this.constructor=i}i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function ss(i,t,e,s){function n(r){return r instanceof e?r:new e(function(o){o(r)})}return new(e||(e=Promise))(function(r,o){function a(u){try{c(s.next(u))}catch(h){o(h)}}function l(u){try{c(s.throw(u))}catch(h){o(h)}}function c(u){u.done?r(u.value):n(u.value).then(a,l)}c((s=s.apply(i,t||[])).next())})}function ri(i,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o=Object.create((typeof Iterator=="function"?Iterator:Object).prototype);return o.next=a(0),o.throw=a(1),o.return=a(2),typeof Symbol=="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(c){return function(u){return l([c,u])}}function l(c){if(s)throw new TypeError("Generator is already executing.");for(;o&&(o=0,c[0]&&(e=0)),e;)try{if(s=1,n&&(r=c[0]&2?n.return:c[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,c[1])).done)return r;switch(n=0,r&&(c=[c[0]&2,r.value]),c[0]){case 0:case 1:r=c;break;case 4:return e.label++,{value:c[1],done:!1};case 5:e.label++,n=c[1],c=[0];continue;case 7:c=e.ops.pop(),e.trys.pop();continue;default:if(r=e.trys,!(r=r.length>0&&r[r.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!r||c[1]>r[0]&&c[1]<r[3])){e.label=c[1];break}if(c[0]===6&&e.label<r[1]){e.label=r[1],r=c;break}if(r&&e.label<r[2]){e.label=r[2],e.ops.push(c);break}r[2]&&e.ops.pop(),e.trys.pop();continue}c=t.call(i,e)}catch(u){c=[6,u],n=0}finally{s=r=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}function Z(i){var t=typeof Symbol=="function"&&Symbol.iterator,e=t&&i[t],s=0;if(e)return e.call(i);if(i&&typeof i.length=="number")return{next:function(){return i&&s>=i.length&&(i=void 0),{value:i&&i[s++],done:!i}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Yt(i,t){var e=typeof Symbol=="function"&&i[Symbol.iterator];if(!e)return i;var s=e.call(i),n,r=[],o;try{for(;(t===void 0||t-- >0)&&!(n=s.next()).done;)r.push(n.value)}catch(a){o={error:a}}finally{try{n&&!n.done&&(e=s.return)&&e.call(s)}finally{if(o)throw o.error}}return r}function Zt(i,t,e){if(e||arguments.length===2)for(var s=0,n=t.length,r;s<n;s++)(r||!(s in t))&&(r||(r=Array.prototype.slice.call(t,0,s)),r[s]=t[s]);return i.concat(r||Array.prototype.slice.call(t))}function q(i){return this instanceof q?(this.v=i,this):new q(i)}function ns(i,t,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var s=e.apply(i,t||[]),n,r=[];return n=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",o),n[Symbol.asyncIterator]=function(){return this},n;function o(f){return function(v){return Promise.resolve(v).then(f,h)}}function a(f,v){s[f]&&(n[f]=function(g){return new Promise(function(ft,tt){r.push([f,g,ft,tt])>1||l(f,g)})},v&&(n[f]=v(n[f])))}function l(f,v){try{c(s[f](v))}catch(g){d(r[0][3],g)}}function c(f){f.value instanceof q?Promise.resolve(f.value.v).then(u,h):d(r[0][2],f)}function u(f){l("next",f)}function h(f){l("throw",f)}function d(f,v){f(v),r.shift(),r.length&&l(r[0][0],r[0][1])}}function rs(i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=i[Symbol.asyncIterator],e;return t?t.call(i):(i=typeof Z=="function"?Z(i):i[Symbol.iterator](),e={},s("next"),s("throw"),s("return"),e[Symbol.asyncIterator]=function(){return this},e);function s(r){e[r]=i[r]&&function(o){return new Promise(function(a,l){o=i[r](o),n(a,l,o.done,o.value)})}}function n(r,o,a,l){Promise.resolve(l).then(function(c){r({value:c,done:a})},o)}}function $(i){return typeof i=="function"}function oi(i){var t=function(s){Error.call(s),s.stack=new Error().stack},e=i(t);return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}var Nt=oi(function(i){return function(e){i(this),this.message=e?e.length+` errors occurred during unsubscription:
2
- `+e.map(function(s,n){return n+1+") "+s.toString()}).join(`
3
- `):"",this.name="UnsubscriptionError",this.errors=e}});function Kt(i,t){if(i){var e=i.indexOf(t);0<=e&&i.splice(e,1)}}var Tt=function(){function i(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return i.prototype.unsubscribe=function(){var t,e,s,n,r;if(!this.closed){this.closed=!0;var o=this._parentage;if(o)if(this._parentage=null,Array.isArray(o))try{for(var a=Z(o),l=a.next();!l.done;l=a.next()){var c=l.value;c.remove(this)}}catch(g){t={error:g}}finally{try{l&&!l.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}else o.remove(this);var u=this.initialTeardown;if($(u))try{u()}catch(g){r=g instanceof Nt?g.errors:[g]}var h=this._finalizers;if(h){this._finalizers=null;try{for(var d=Z(h),f=d.next();!f.done;f=d.next()){var v=f.value;try{_e(v)}catch(g){r=r??[],g instanceof Nt?r=Zt(Zt([],Yt(r)),Yt(g.errors)):r.push(g)}}}catch(g){s={error:g}}finally{try{f&&!f.done&&(n=d.return)&&n.call(d)}finally{if(s)throw s.error}}}if(r)throw new Nt(r)}},i.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)_e(t);else{if(t instanceof i){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}},i.prototype._hasParent=function(t){var e=this._parentage;return e===t||Array.isArray(e)&&e.includes(t)},i.prototype._addParent=function(t){var e=this._parentage;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t},i.prototype._removeParent=function(t){var e=this._parentage;e===t?this._parentage=null:Array.isArray(e)&&Kt(e,t)},i.prototype.remove=function(t){var e=this._finalizers;e&&Kt(e,t),t instanceof i&&t._removeParent(this)},i.EMPTY=function(){var t=new i;return t.closed=!0,t}(),i}(),ai=Tt.EMPTY;function li(i){return i instanceof Tt||i&&"closed"in i&&$(i.remove)&&$(i.add)&&$(i.unsubscribe)}function _e(i){$(i)?i():i.unsubscribe()}var os={Promise:void 0},as={setTimeout:function(i,t){for(var e=[],s=2;s<arguments.length;s++)e[s-2]=arguments[s];return setTimeout.apply(void 0,Zt([i,t],Yt(e)))},clearTimeout:function(i){return clearTimeout(i)},delegate:void 0};function ci(i){as.setTimeout(function(){throw i})}function we(){}function vt(i){i()}var ie=function(i){Q(t,i);function t(e){var s=i.call(this)||this;return s.isStopped=!1,e?(s.destination=e,li(e)&&e.add(s)):s.destination=us,s}return t.create=function(e,s,n){return new Xt(e,s,n)},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,i.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}(Tt),ls=function(){function i(t){this.partialObserver=t}return i.prototype.next=function(t){var e=this.partialObserver;if(e.next)try{e.next(t)}catch(s){pt(s)}},i.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(s){pt(s)}else pt(t)},i.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){pt(e)}},i}(),Xt=function(i){Q(t,i);function t(e,s,n){var r=i.call(this)||this,o;return $(e)||!e?o={next:e??void 0,error:s??void 0,complete:n??void 0}:o=e,r.destination=new ls(o),r}return t}(ie);function pt(i){ci(i)}function cs(i){throw i}var us={closed:!0,next:we,error:cs,complete:we},se=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function ui(i){return i}function hs(i){return i.length===0?ui:i.length===1?i[0]:function(e){return i.reduce(function(s,n){return n(s)},e)}}var w=function(){function i(t){t&&(this._subscribe=t)}return i.prototype.lift=function(t){var e=new i;return e.source=this,e.operator=t,e},i.prototype.subscribe=function(t,e,s){var n=this,r=fs(t)?t:new Xt(t,e,s);return vt(function(){var o=n,a=o.operator,l=o.source;r.add(a?a.call(r,l):l?n._subscribe(r):n._trySubscribe(r))}),r},i.prototype._trySubscribe=function(t){try{return this._subscribe(t)}catch(e){t.error(e)}},i.prototype.forEach=function(t,e){var s=this;return e=xe(e),new e(function(n,r){var o=new Xt({next:function(a){try{t(a)}catch(l){r(l),o.unsubscribe()}},error:r,complete:n});s.subscribe(o)})},i.prototype._subscribe=function(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)},i.prototype[se]=function(){return this},i.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return hs(t)(this)},i.prototype.toPromise=function(t){var e=this;return t=xe(t),new t(function(s,n){var r;e.subscribe(function(o){return r=o},function(o){return n(o)},function(){return s(r)})})},i.create=function(t){return new i(t)},i}();function xe(i){var t;return(t=i??os.Promise)!==null&&t!==void 0?t:Promise}function ds(i){return i&&$(i.next)&&$(i.error)&&$(i.complete)}function fs(i){return i&&i instanceof ie||ds(i)&&li(i)}function ps(i){return $(i==null?void 0:i.lift)}function Pt(i){return function(t){if(ps(t))return t.lift(function(e){try{return i(e,this)}catch(s){this.error(s)}});throw new TypeError("Unable to lift unknown Observable type")}}function mt(i,t,e,s,n){return new gs(i,t,e,s,n)}var gs=function(i){Q(t,i);function t(e,s,n,r,o,a){var l=i.call(this,e)||this;return l.onFinalize=o,l.shouldUnsubscribe=a,l._next=s?function(c){try{s(c)}catch(u){e.error(u)}}:i.prototype._next,l._error=r?function(c){try{r(c)}catch(u){e.error(u)}finally{this.unsubscribe()}}:i.prototype._error,l._complete=n?function(){try{n()}catch(c){e.error(c)}finally{this.unsubscribe()}}:i.prototype._complete,l}return t.prototype.unsubscribe=function(){var e;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){var s=this.closed;i.prototype.unsubscribe.call(this),!s&&((e=this.onFinalize)===null||e===void 0||e.call(this))}},t}(ie),vs=oi(function(i){return function(){i(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),It=function(i){Q(t,i);function t(){var e=i.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 s=new Se(this,this);return s.operator=e,s},t.prototype._throwIfClosed=function(){if(this.closed)throw new vs},t.prototype.next=function(e){var s=this;vt(function(){var n,r;if(s._throwIfClosed(),!s.isStopped){s.currentObservers||(s.currentObservers=Array.from(s.observers));try{for(var o=Z(s.currentObservers),a=o.next();!a.done;a=o.next()){var l=a.value;l.next(e)}}catch(c){n={error:c}}finally{try{a&&!a.done&&(r=o.return)&&r.call(o)}finally{if(n)throw n.error}}}})},t.prototype.error=function(e){var s=this;vt(function(){if(s._throwIfClosed(),!s.isStopped){s.hasError=s.isStopped=!0,s.thrownError=e;for(var n=s.observers;n.length;)n.shift().error(e)}})},t.prototype.complete=function(){var e=this;vt(function(){if(e._throwIfClosed(),!e.isStopped){e.isStopped=!0;for(var s=e.observers;s.length;)s.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(),i.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 s=this,n=this,r=n.hasError,o=n.isStopped,a=n.observers;return r||o?ai:(this.currentObservers=null,a.push(e),new Tt(function(){s.currentObservers=null,Kt(a,e)}))},t.prototype._checkFinalizedStatuses=function(e){var s=this,n=s.hasError,r=s.thrownError,o=s.isStopped;n?e.error(r):o&&e.complete()},t.prototype.asObservable=function(){var e=new w;return e.source=this,e},t.create=function(e,s){return new Se(e,s)},t}(w),Se=function(i){Q(t,i);function t(e,s){var n=i.call(this)||this;return n.destination=e,n.source=s,n}return t.prototype.next=function(e){var s,n;(n=(s=this.destination)===null||s===void 0?void 0:s.next)===null||n===void 0||n.call(s,e)},t.prototype.error=function(e){var s,n;(n=(s=this.destination)===null||s===void 0?void 0:s.error)===null||n===void 0||n.call(s,e)},t.prototype.complete=function(){var e,s;(s=(e=this.destination)===null||e===void 0?void 0:e.complete)===null||s===void 0||s.call(e)},t.prototype._subscribe=function(e){var s,n;return(n=(s=this.source)===null||s===void 0?void 0:s.subscribe(e))!==null&&n!==void 0?n:ai},t}(It),hi=function(i){Q(t,i);function t(e){var s=i.call(this)||this;return s._value=e,s}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(e){var s=i.prototype._subscribe.call(this,e);return!s.closed&&e.next(this._value),s},t.prototype.getValue=function(){var e=this,s=e.hasError,n=e.thrownError,r=e._value;if(s)throw n;return this._throwIfClosed(),r},t.prototype.next=function(e){i.prototype.next.call(this,this._value=e)},t}(It),$s=new w(function(i){return i.complete()});function ms(i){return i&&$(i.schedule)}function di(i){return i[i.length-1]}function ys(i){return ms(di(i))?i.pop():void 0}function bs(i,t){return typeof di(i)=="number"?i.pop():t}var fi=function(i){return i&&typeof i.length=="number"&&typeof i!="function"};function pi(i){return $(i==null?void 0:i.then)}function gi(i){return $(i[se])}function vi(i){return Symbol.asyncIterator&&$(i==null?void 0:i[Symbol.asyncIterator])}function $i(i){return new TypeError("You provided "+(i!==null&&typeof i=="object"?"an invalid object":"'"+i+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}function _s(){return typeof Symbol!="function"||!Symbol.iterator?"@@iterator":Symbol.iterator}var mi=_s();function yi(i){return $(i==null?void 0:i[mi])}function bi(i){return ns(this,arguments,function(){var e,s,n,r;return ri(this,function(o){switch(o.label){case 0:e=i.getReader(),o.label=1;case 1:o.trys.push([1,,9,10]),o.label=2;case 2:return[4,q(e.read())];case 3:return s=o.sent(),n=s.value,r=s.done,r?[4,q(void 0)]:[3,5];case 4:return[2,o.sent()];case 5:return[4,q(n)];case 6:return[4,o.sent()];case 7:return o.sent(),[3,2];case 8:return[3,10];case 9:return e.releaseLock(),[7];case 10:return[2]}})})}function _i(i){return $(i==null?void 0:i.getReader)}function J(i){if(i instanceof w)return i;if(i!=null){if(gi(i))return ws(i);if(fi(i))return xs(i);if(pi(i))return Ss(i);if(vi(i))return wi(i);if(yi(i))return As(i);if(_i(i))return ks(i)}throw $i(i)}function ws(i){return new w(function(t){var e=i[se]();if($(e.subscribe))return e.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}function xs(i){return new w(function(t){for(var e=0;e<i.length&&!t.closed;e++)t.next(i[e]);t.complete()})}function Ss(i){return new w(function(t){i.then(function(e){t.closed||(t.next(e),t.complete())},function(e){return t.error(e)}).then(null,ci)})}function As(i){return new w(function(t){var e,s;try{for(var n=Z(i),r=n.next();!r.done;r=n.next()){var o=r.value;if(t.next(o),t.closed)return}}catch(a){e={error:a}}finally{try{r&&!r.done&&(s=n.return)&&s.call(n)}finally{if(e)throw e.error}}t.complete()})}function wi(i){return new w(function(t){Cs(i,t).catch(function(e){return t.error(e)})})}function ks(i){return wi(bi(i))}function Cs(i,t){var e,s,n,r;return ss(this,void 0,void 0,function(){var o,a;return ri(this,function(l){switch(l.label){case 0:l.trys.push([0,5,6,11]),e=rs(i),l.label=1;case 1:return[4,e.next()];case 2:if(s=l.sent(),!!s.done)return[3,4];if(o=s.value,t.next(o),t.closed)return[2];l.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return a=l.sent(),n={error:a},[3,11];case 6:return l.trys.push([6,,9,10]),s&&!s.done&&(r=e.return)?[4,r.call(e)]:[3,8];case 7:l.sent(),l.label=8;case 8:return[3,10];case 9:if(n)throw n.error;return[7];case 10:return[7];case 11:return t.complete(),[2]}})})}function U(i,t,e,s,n){s===void 0&&(s=0),n===void 0&&(n=!1);var r=t.schedule(function(){e(),n?i.add(this.schedule(null,s)):this.unsubscribe()},s);if(i.add(r),!n)return r}function xi(i,t){return t===void 0&&(t=0),Pt(function(e,s){e.subscribe(mt(s,function(n){return U(s,i,function(){return s.next(n)},t)},function(){return U(s,i,function(){return s.complete()},t)},function(n){return U(s,i,function(){return s.error(n)},t)}))})}function Si(i,t){return t===void 0&&(t=0),Pt(function(e,s){s.add(i.schedule(function(){return e.subscribe(s)},t))})}function Es(i,t){return J(i).pipe(Si(t),xi(t))}function Os(i,t){return J(i).pipe(Si(t),xi(t))}function Ts(i,t){return new w(function(e){var s=0;return t.schedule(function(){s===i.length?e.complete():(e.next(i[s++]),e.closed||this.schedule())})})}function Ps(i,t){return new w(function(e){var s;return U(e,t,function(){s=i[mi](),U(e,t,function(){var n,r,o;try{n=s.next(),r=n.value,o=n.done}catch(a){e.error(a);return}o?e.complete():e.next(r)},0,!0)}),function(){return $(s==null?void 0:s.return)&&s.return()}})}function Ai(i,t){if(!i)throw new Error("Iterable cannot be null");return new w(function(e){U(e,t,function(){var s=i[Symbol.asyncIterator]();U(e,t,function(){s.next().then(function(n){n.done?e.complete():e.next(n.value)})},0,!0)})})}function Is(i,t){return Ai(bi(i),t)}function Ls(i,t){if(i!=null){if(gi(i))return Es(i,t);if(fi(i))return Ts(i,t);if(pi(i))return Os(i,t);if(vi(i))return Ai(i,t);if(yi(i))return Ps(i,t);if(_i(i))return Is(i,t)}throw $i(i)}function Rs(i,t){return t?Ls(i,t):J(i)}function Us(i,t){return Pt(function(e,s){var n=0;e.subscribe(mt(s,function(r){s.next(i.call(t,r,n++))}))})}function Ms(i,t,e,s,n,r,o,a){var l=[],c=0,u=0,h=!1,d=function(){h&&!l.length&&!c&&t.complete()},f=function(g){return c<s?v(g):l.push(g)},v=function(g){c++;var ft=!1;J(e(g,u++)).subscribe(mt(t,function(tt){t.next(tt)},function(){ft=!0},void 0,function(){if(ft)try{c--;for(var tt=function(){var jt=l.shift();o||v(jt)};l.length&&c<s;)tt();d()}catch(jt){t.error(jt)}}))};return i.subscribe(mt(t,f,function(){h=!0,d()})),function(){}}function ki(i,t,e){return e===void 0&&(e=1/0),$(t)?ki(function(s,n){return Us(function(r,o){return t(s,r,n,o)})(J(i(s,n)))},e):(typeof t=="number"&&(e=t),Pt(function(s,n){return Ms(s,n,i,e)}))}function js(i){return i===void 0&&(i=1/0),ki(ui,i)}function Ns(){for(var i=[],t=0;t<arguments.length;t++)i[t]=arguments[t];var e=ys(i),s=bs(i,1/0),n=i;return n.length?n.length===1?J(n[0]):js(s)(Rs(n,e)):$s}/**
4
- * @license
5
- * Copyright 2019 Google LLC
6
- * SPDX-License-Identifier: BSD-3-Clause
7
- */const $t=globalThis,ne=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,re=Symbol(),Ae=new WeakMap;let Ci=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==re)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(ne&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=Ae.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&Ae.set(e,t))}return t}toString(){return this.cssText}};const Fs=i=>new Ci(typeof i=="string"?i:i+"",void 0,re),B=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,n,r)=>s+(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.")})(n)+i[r+1],i[0]);return new Ci(e,i,re)},Bs=(i,t)=>{if(ne)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=$t.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,i.appendChild(s)}},ke=ne?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Fs(e)})(i):i;/**
8
- * @license
9
- * Copyright 2017 Google LLC
10
- * SPDX-License-Identifier: BSD-3-Clause
11
- */const{is:Hs,defineProperty:zs,getOwnPropertyDescriptor:Ds,getOwnPropertyNames:Ws,getOwnPropertySymbols:qs,getPrototypeOf:Gs}=Object,P=globalThis,Ce=P.trustedTypes,Ys=Ce?Ce.emptyScript:"",Ft=P.reactiveElementPolyfillSupport,it=(i,t)=>i,yt={toAttribute(i,t){switch(t){case Boolean:i=i?Ys:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},oe=(i,t)=>!Hs(i,t),Ee={attribute:!0,type:String,converter:yt,reflect:!1,useDefault:!1,hasChanged:oe};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),P.litPropertyMetadata??(P.litPropertyMetadata=new WeakMap);let H=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=Ee){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&zs(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:r}=Ds(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:n,set(o){const a=n==null?void 0:n.call(this);r==null||r.call(this,o),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ee}static _$Ei(){if(this.hasOwnProperty(it("elementProperties")))return;const t=Gs(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(it("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(it("properties"))){const e=this.properties,s=[...Ws(e),...qs(e)];for(const n of s)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,n]of e)this.elementProperties.set(s,n)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const n=this._$Eu(e,s);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const n of s)e.unshift(ke(n))}else t!==void 0&&e.push(ke(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s: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 s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bs(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 s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var r;const s=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,s);if(n!==void 0&&s.reflect===!0){const o=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:yt).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null}}_$AK(t,e){var r,o;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const a=s.getPropertyOptions(n),l=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)==null?void 0:r.fromAttribute)!==void 0?a.converter:yt;this._$Em=n,this[n]=l.fromAttribute(e,a.type)??((o=this._$Ej)==null?void 0:o.get(n))??null,this._$Em=null}}requestUpdate(t,e,s){var n;if(t!==void 0){const r=this.constructor,o=this[t];if(s??(s=r.getPropertyOptions(t)),!((s.hasChanged??oe)(o,e)||s.useDefault&&s.reflect&&o===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:n,wrapped:r},o){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,o??e??this[t]),r!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){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 s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,o]of n){const{wrapped:a}=o,l=this[r];a!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,o,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var n;return(n=s.hostUpdated)==null?void 0:n.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[it("elementProperties")]=new Map,H[it("finalized")]=new Map,Ft==null||Ft({ReactiveElement:H}),(P.reactiveElementVersions??(P.reactiveElementVersions=[])).push("2.1.0");/**
12
- * @license
13
- * Copyright 2017 Google LLC
14
- * SPDX-License-Identifier: BSD-3-Clause
15
- */const st=globalThis,bt=st.trustedTypes,Oe=bt?bt.createPolicy("lit-html",{createHTML:i=>i}):void 0,Ei="$lit$",T=`lit$${Math.random().toFixed(9).slice(2)}$`,Oi="?"+T,Zs=`<${Oi}>`,j=document,rt=()=>j.createComment(""),ot=i=>i===null||typeof i!="object"&&typeof i!="function",ae=Array.isArray,Ks=i=>ae(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Bt=`[
16
- \f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Te=/-->/g,Pe=/>/g,I=RegExp(`>|${Bt}(?:([^\\s"'>=/]+)(${Bt}*=${Bt}*(?:[^
17
- \f\r"'\`<>=]|("|')|))|$)`,"g"),Ie=/'/g,Le=/"/g,Ti=/^(?:script|style|textarea|title)$/i,Xs=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),m=Xs(1),N=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),Re=new WeakMap,R=j.createTreeWalker(j,129);function Pi(i,t){if(!ae(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Oe!==void 0?Oe.createHTML(t):t}const Qs=(i,t)=>{const e=i.length-1,s=[];let n,r=t===2?"<svg>":t===3?"<math>":"",o=et;for(let a=0;a<e;a++){const l=i[a];let c,u,h=-1,d=0;for(;d<l.length&&(o.lastIndex=d,u=o.exec(l),u!==null);)d=o.lastIndex,o===et?u[1]==="!--"?o=Te:u[1]!==void 0?o=Pe:u[2]!==void 0?(Ti.test(u[2])&&(n=RegExp("</"+u[2],"g")),o=I):u[3]!==void 0&&(o=I):o===I?u[0]===">"?(o=n??et,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,c=u[1],o=u[3]===void 0?I:u[3]==='"'?Le:Ie):o===Le||o===Ie?o=I:o===Te||o===Pe?o=et:(o=I,n=void 0);const f=o===I&&i[a+1].startsWith("/>")?" ":"";r+=o===et?l+Zs:h>=0?(s.push(c),l.slice(0,h)+Ei+l.slice(h)+T+f):l+T+(h===-2?a:f)}return[Pi(i,r+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};let Qt=class Ii{constructor({strings:t,_$litType$:e},s){let n;this.parts=[];let r=0,o=0;const a=t.length-1,l=this.parts,[c,u]=Qs(t,e);if(this.el=Ii.createElement(c,s),R.currentNode=this.el.content,e===2||e===3){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=R.nextNode())!==null&&l.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(const h of n.getAttributeNames())if(h.endsWith(Ei)){const d=u[o++],f=n.getAttribute(h).split(T),v=/([.?@])?(.*)/.exec(d);l.push({type:1,index:r,name:v[2],strings:f,ctor:v[1]==="."?Vs:v[1]==="?"?tn:v[1]==="@"?en:Lt}),n.removeAttribute(h)}else h.startsWith(T)&&(l.push({type:6,index:r}),n.removeAttribute(h));if(Ti.test(n.tagName)){const h=n.textContent.split(T),d=h.length-1;if(d>0){n.textContent=bt?bt.emptyScript:"";for(let f=0;f<d;f++)n.append(h[f],rt()),R.nextNode(),l.push({type:2,index:++r});n.append(h[d],rt())}}}else if(n.nodeType===8)if(n.data===Oi)l.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(T,h+1))!==-1;)l.push({type:7,index:r}),h+=T.length-1}r++}}static createElement(t,e){const s=j.createElement("template");return s.innerHTML=t,s}};function K(i,t,e=i,s){var o,a;if(t===N)return t;let n=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const r=ot(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((a=n==null?void 0:n._$AO)==null||a.call(n,!1),r===void 0?n=void 0:(n=new r(i),n._$AT(i,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=n:e._$Cl=n),n!==void 0&&(t=K(i,n._$AS(i,t.values),n,s)),t}class Js{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,n=((t==null?void 0:t.creationScope)??j).importNode(e,!0);R.currentNode=n;let r=R.nextNode(),o=0,a=0,l=s[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new ut(r,r.nextSibling,this,t):l.type===1?c=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(c=new sn(r,this,t)),this._$AV.push(c),l=s[++a]}o!==(l==null?void 0:l.index)&&(r=R.nextNode(),o++)}return R.currentNode=j,n}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class ut{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,n){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=n,this._$Cv=(n==null?void 0:n.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=K(this,t,e),ot(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==N&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ks(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!==p&&ot(this._$AH)?this._$AA.nextSibling.data=t:this.T(j.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=Qt.createElement(Pi(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const o=new Js(n,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Re.get(t.strings);return e===void 0&&Re.set(t.strings,e=new Qt(t)),e}k(t){ae(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,n=0;for(const r of t)n===e.length?e.push(s=new ut(this.O(rt()),this.O(rt()),this,this.options)):s=e[n],s._$AI(r),n++;n<e.length&&(this._$AR(s&&s._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,n,r){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,n){const r=this.strings;let o=!1;if(r===void 0)t=K(this,t,e,0),o=!ot(t)||t!==this._$AH&&t!==N,o&&(this._$AH=t);else{const a=t;let l,c;for(t=r[0],l=0;l<r.length-1;l++)c=K(this,a[s+l],e,l),c===N&&(c=this._$AH[l]),o||(o=!ot(c)||c!==this._$AH[l]),c===p?t=p:t!==p&&(t+=(c??"")+r[l+1]),this._$AH[l]=c}o&&!n&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}let Vs=class extends Lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}};class tn extends Lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}}class en extends Lt{constructor(t,e,s,n,r){super(t,e,s,n,r),this.type=5}_$AI(t,e=this){if((t=K(this,t,e,0)??p)===N)return;const s=this._$AH,n=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==p&&(s===p||n);n&&this.element.removeEventListener(this.name,this,s),r&&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 sn{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}}const Ht=st.litHtmlPolyfillSupport;Ht==null||Ht(Qt,ut),(st.litHtmlVersions??(st.litHtmlVersions=[])).push("3.3.0");const nn=(i,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let n=s._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=n=new ut(t.insertBefore(rt(),r),r,void 0,e??{})}return n._$AI(i),n};/**
18
- * @license
19
- * Copyright 2017 Google LLC
20
- * SPDX-License-Identifier: BSD-3-Clause
21
- */const M=globalThis;let A=class extends H{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=nn(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 N}};var ni;A._$litElement$=!0,A.finalized=!0,(ni=M.litElementHydrateSupport)==null||ni.call(M,{LitElement:A});const zt=M.litElementPolyfillSupport;zt==null||zt({LitElement:A});(M.litElementVersions??(M.litElementVersions=[])).push("4.2.0");/**
22
- * @license
23
- * Copyright 2017 Google LLC
24
- * SPDX-License-Identifier: BSD-3-Clause
25
- */const rn={attribute:!0,type:String,converter:yt,reflect:!1,hasChanged:oe},on=(i=rn,t,e)=>{const{kind:s,metadata:n}=e;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),r.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,l,i)},init(a){return a!==void 0&&this.C(o,void 0,i,a),a}}}if(s==="setter"){const{name:o}=e;return function(a){const l=this[o];t.call(this,a),this.requestUpdate(o,l,i)}}throw Error("Unsupported decorator location: "+s)};function _(i){return(t,e)=>typeof e=="object"?on(i,t,e):((s,n,r)=>{const o=n.hasOwnProperty(r);return n.constructor.createProperty(r,s),o?Object.getOwnPropertyDescriptor(n,r):void 0})(i,t,e)}/**
26
- * @license
27
- * Copyright 2017 Google LLC
28
- * SPDX-License-Identifier: BSD-3-Clause
29
- */function x(i){return _({...i,state:!0,attribute:!1})}var an=Object.defineProperty,ln=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&an(t,e,n),n};const ge=class ge extends A{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"),p}};ge.styles=[B`
30
- :host {
31
- position: fixed;
32
- display: flex;
33
- align-items: center;
34
- gap: 1rem;
35
- }
36
-
37
- :host(.bottom-right) {
38
- bottom: 20px;
39
- right: 20px;
40
- }
41
- :host(.bottom-left) {
42
- bottom: 20px;
43
- left: 20px;
44
- }
45
- `];let _t=ge;ln([_({attribute:!0})],_t.prototype,"anchor");/**
46
- * @license
47
- * Copyright 2017 Google LLC
48
- * SPDX-License-Identifier: BSD-3-Clause
49
- */const le={ATTRIBUTE:1,CHILD:2},ce=i=>(...t)=>({_$litDirective$:i,values:t});let Li=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
50
- * @license
51
- * Copyright 2020 Google LLC
52
- * SPDX-License-Identifier: BSD-3-Clause
53
- */const cn=i=>i.strings===void 0;/**
54
- * @license
55
- * Copyright 2017 Google LLC
56
- * SPDX-License-Identifier: BSD-3-Clause
57
- */const nt=(i,t)=>{var s;const e=i._$AN;if(e===void 0)return!1;for(const n of e)(s=n._$AO)==null||s.call(n,t,!1),nt(n,t);return!0},wt=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while((e==null?void 0:e.size)===0)},Ri=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),dn(t)}};function un(i){this._$AN!==void 0?(wt(this),this._$AM=i,Ri(this)):this._$AM=i}function hn(i,t=!1,e=0){const s=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(s))for(let r=e;r<s.length;r++)nt(s[r],!1),wt(s[r]);else s!=null&&(nt(s,!1),wt(s));else nt(this,i)}const dn=i=>{i.type==le.CHILD&&(i._$AP??(i._$AP=hn),i._$AQ??(i._$AQ=un))};class Ui extends Li{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Ri(this),this.isConnected=t._$AU}_$AO(t,e=!0){var s,n;t!==this.isConnected&&(this.isConnected=t,t?(s=this.reconnected)==null||s.call(this):(n=this.disconnected)==null||n.call(this)),e&&(nt(this,t),wt(this))}setValue(t){if(cn(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 fn=new WeakMap;let Ue=0;const Dt=new Map,Me=new WeakSet,je=()=>new Promise(i=>requestAnimationFrame(i)),Ne=[{transform:"translateY(-100%) scale(0)",opacity:0}],pn=[{transform:"translateX(100%) scale(0)",opacity:0}],Fe=(i,t)=>{const e=i-t;return e===0?void 0:e},Be=(i,t)=>{const e=i/t;return e===1?void 0:e},Wt={left:(i,t)=>{const e=Fe(i,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(i,t)=>{const e=Fe(i,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateY(${e}px)`}},width:(i,t)=>{let e;t===0&&(t=1,e={width:"1px"});const s=Be(i,t);return{value:s,overrideFrom:e,transform:s==null||isNaN(s)?void 0:`scaleX(${s})`}},height:(i,t)=>{let e;t===0&&(t=1,e={height:"1px"});const s=Be(i,t);return{value:s,overrideFrom:e,transform:s==null||isNaN(s)?void 0:`scaleY(${s})`}}},gn={duration:333,easing:"ease-in-out"},vn=["left","top","width","height","opacity","color","background"],He=new WeakMap;class $n extends Ui{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===le.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 p}getController(){return fn.get(this.u)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[e]){var n;const s=this.u===void 0;return s&&(this.u=(n=t.options)==null?void 0:n.host,this.u.addController(this),this.u.updateComplete.then(r=>this.t=!0),this.element=t.element,He.set(this.element,this)),this.optionsOrCallback=e,(s||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=vn),this.options=t}m(){const t={},e=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach(n=>{const r=e[n]??(Wt[n]?void 0:s[n]),o=Number(r);t[n]=isNaN(o)?r+"":o}),t}v(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((s,n)=>{if(Array.isArray(s)){if(Array.isArray(n)&&n.length===s.length&&s.every((r,o)=>r===n[o]))return!1}else if(n===s)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 je;const e=this.O(),s=this.j(this.options.keyframeOptions,e),n=this.m();if(this.A!==void 0){const{from:r,to:o}=this.N(this.A,n,e);this.log("measured",[this.A,n,r,o]),t=this.calculateKeyframes(r,o)}else{const r=Dt.get(this.options.inId);if(r){Dt.delete(this.options.inId);const{from:o,to:a}=this.N(r,n,e);t=this.calculateKeyframes(o,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,Ue++,t.forEach(l=>l.zIndex=Ue)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,s)}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&&Dt.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await je(),(e=this.i)==null?void 0:e.isConnected){const s=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,s),this.options.stabilizeOut){const n=this.m();this.log("stabilizing out");const r=this.A.left-n.left,o=this.A.top-n.top;getComputedStyle(this.element).position!=="static"||r===0&&o===0||(this.element.style.position="relative"),r!==0&&(this.element.style.left=r+"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,s;t&&((s=(e=this.options).onComplete)==null||s.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 s=He.get(e);s&&!s.isDisabled()&&s&&t.push(s)}return t}get isHostRendered(){const t=Me.has(this.u);return t||this.u.updateComplete.then(()=>{Me.add(this.u)}),t}j(t,e=this.O()){const s={...gn};return e.forEach(n=>Object.assign(s,n.options.keyframeOptions)),Object.assign(s,t),s}N(t,e,s){t={...t},e={...e};const n=s.map(a=>a.animatingProperties).filter(a=>a!==void 0);let r=1,o=1;return n.length>0&&(n.forEach(a=>{a.width&&(r/=a.width),a.height&&(o/=a.height)}),t.left!==void 0&&e.left!==void 0&&(t.left=r*t.left,e.left=r*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,s=!1){const n={},r={};let o=!1;const a={};for(const l in e){const c=t[l],u=e[l];if(l in Wt){const h=Wt[l];if(c===void 0||u===void 0)continue;const d=h(c,u);d.transform!==void 0&&(a[l]=d.value,o=!0,n.transform=`${n.transform??""} ${d.transform}`,d.overrideFrom!==void 0&&Object.assign(n,d.overrideFrom))}else c!==u&&c!==void 0&&u!==void 0&&(o=!0,n[l]=c,r[l]=u)}return n.transformOrigin=r.transformOrigin=s?"center center":"top left",this.animatingProperties=a,o?[n,r]:void 0}async animate(t,e=this.options.keyframeOptions){this.start(),this.frames=t;let s=!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]),s=!0,this.webAnimation=this.element.animate(t,e);const n=this.getController();n==null||n.add(this);try{await this.webAnimation.finished}catch{}n==null||n.remove(this)}return this.didFinish(s),s}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 Mi=ce($n),mn={svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 24.8653L33.5318 44.3653C33.1256 44.7717 32.5745 45.0001 31.9999 45.0001C31.4253 45.0001 30.8742 44.7717 30.468 44.3653L10.968 24.8653C10.122 24.0193 10.122 22.6476 10.968 21.8015C11.8141 20.9555 13.1858 20.9555 14.0318 21.8015L31.9999 39.7696L49.968 21.8015C50.8141 20.9555 52.1858 20.9555 53.0318 21.8015C53.8779 22.6476 53.8779 24.0193 53.0318 24.8653Z"/></svg>'},yn={svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 36C15.7909 36 14 34.2091 14 32C14 29.7909 15.7909 28 18 28C20.2091 28 22 29.7909 22 32C22 34.2091 20.2091 36 18 36ZM28 32C28 34.2091 29.7909 36 32 36C34.2091 36 36 34.2091 36 32C36 29.7909 34.2091 28 32 28C29.7909 28 28 29.7909 28 32ZM46 36C43.7909 36 42 34.2091 42 32C42 29.7909 43.7909 28 46 28C48.2091 28 50 29.7909 50 32C50 34.2091 48.2091 36 46 36Z"/></svg>'},bn={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>'};/**
58
- * @license
59
- * Copyright 2018 Google LLC
60
- * SPDX-License-Identifier: BSD-3-Clause
61
- */const ze=ce(class extends Li{constructor(i){var t;if(super(i),i.type!==le.ATTRIBUTE||i.name!=="class"||((t=i.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(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){var s,n;if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(r=>r!=="")));for(const r in t)t[r]&&!((s=this.nt)!=null&&s.has(r))&&this.st.add(r);return this.render(t)}const e=i.element.classList;for(const r of this.st)r in t||(e.remove(r),this.st.delete(r));for(const r in t){const o=!!t[r];o===this.st.has(r)||(n=this.nt)!=null&&n.has(r)||(o?(e.add(r),this.st.add(r)):(e.remove(r),this.st.delete(r)))}return N}}),E=(i,t,e)=>{i&&e.style.setProperty(t,i)},ji=(i,t)=>{var e,s,n,r,o,a,l,c,u;E((e=i.colors)==null?void 0:e.primaryBackground,"--primary-background",t),E((s=i.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),E((n=i.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),E((r=i.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t),E((o=i.colors)==null?void 0:o.interactiveDestructiveBackground,"--destructive-color",t),E((a=i.colors)==null?void 0:a.interactiveTextOnDestructiveBackground,"--text-on-destructive-color",t),E((l=i.colors)==null?void 0:l.interactivePrimaryBackground,"--interactive-primary-background",t),E((c=i.colors)==null?void 0:c.interactiveTextOnPrimaryBackground,"--interactive-text-on-primary-background",t),E((u=i.colors)==null?void 0:u.focusColor,"--focus-color",t)};/**
62
- * @license
63
- * Copyright 2020 Google LLC
64
- * SPDX-License-Identifier: BSD-3-Clause
65
- */const xt=()=>new _n;let _n=class{};const qt=new WeakMap,St=ce(class extends Ui{render(i){return p}update(i,[t]){var s;const e=t!==this.G;return e&&this.G!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=t,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),p}rt(i){if(this.isConnected||(i=void 0),typeof this.G=="function"){const t=this.ht??globalThis;let e=qt.get(t);e===void 0&&(e=new WeakMap,qt.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,t;return typeof this.G=="function"?(i=qt.get(this.ht??globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var wn=Object.defineProperty,ht=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&wn(t,e,n),n};const ve=class ve extends A{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=xt(),this.widgetActive$=new hi(!1),this.componentIsDestroyed$=new It}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&&ji(this.application.settings.branding,this)}async _renderSymbol(){var a,l,c;const t=(a=this.application)==null?void 0:a.branding(),e=(l=t==null?void 0:t.graphics)==null?void 0:l.trigger;if(e)return m` <img src=${e} class="trigger-icon" alt="" /> `;const s=(c=this.application)==null?void 0:c.triggerIcon;if(!s)return p;const n=async u=>bn,{type:r,content:o}=s;switch(r){case"Telia":{const u=await n();return u?m`<telia-icon
66
- class="trigger-icon"
67
- svg=${u.svg}
68
- size="lg"
69
- ></telia-icon>`:p}default:return p}}hideTrigger(){this.triggerVisible=!1}showTrigger(){this.triggerVisible=!0}render(){var t,e,s,n;return m`<div
70
- class=${ze({"trigger-container":!0,hidden:!this.triggerVisible})}
71
- ${St(this.containerRef)}
72
- >
73
- ${!this.active&&((n=(s=(e=(t=this.application)==null?void 0:t.settings)==null?void 0:e.branding)==null?void 0:s.other)!=null&&n.showButtonLabel)?m`
74
- <button
75
- label="${this.application.settings.branding.other.buttonLabelText??"Widget trigger"}"
76
- class="trigger-label"
77
- @click=${this.toggleActive}
78
- ${Mi({keyframeOptions:{},in:pn,stabilizeOut:!0,skipInitial:!1})}
79
- >
80
- ${this.application.settings.branding.other.buttonLabelText}
81
- </button>
82
- `:p}
83
-
84
- <button
85
- label="Widget trigger"
86
- class=${ze({trigger:!0,active:this.active,rendered:this.loaded})}
87
- @click=${this.toggleActive}
88
- >
89
- ${this.icon}
90
- <span class="trigger-close">
91
- <svg
92
- width="18"
93
- height="9"
94
- viewBox="0 0 18 9"
95
- fill="none"
96
- xmlns="http://www.w3.org/2000/svg"
97
- >
98
- <path
99
- 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"
100
- fill="white"
101
- />
102
- </svg>
103
- </span>
104
- <span class="trigger-loader">
105
- <svg viewBox="25 25 50 50">
106
- <circle
107
- cx="50"
108
- cy="50"
109
- r="20"
110
- fill="none"
111
- stroke="#000"
112
- stroke-width="2"
113
- stroke-miterlimit="10"
114
- />
115
- </svg>
116
- </span>
117
- </button>
118
- </div>`}};ve.styles=[B`
119
- :host {
120
- --voca-rem-multiplier: 0.625;
121
- --trigger-label-bg: #f5e0ff;
122
- --trigger-label-text-color: rgba(0, 0, 0, 0.8);
123
- display: block;
124
- box-sizing: border-box;
125
- font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
126
- }
127
-
128
- :focus {
129
- outline-color: var(--focus-color);
130
- }
131
-
132
- .trigger-container {
133
- display: flex;
134
- align-items: center;
135
- gap: 1rem;
136
- }
137
-
138
- .trigger-container.hidden {
139
- display: none;
140
- }
141
-
142
- .trigger {
143
- transform: scale(0);
144
- box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
145
- z-index: 5;
146
- display: flex;
147
- align-items: center;
148
- justify-content: center;
149
- border: none;
150
- line-height: 55px;
151
- height: 55px;
152
- width: 55px;
153
- border-radius: 55px;
154
- cursor: pointer;
155
- background-color: var(
156
- --interactive-primary-background,
157
- var(--primary-background)
158
- );
159
- font-family: Lato;
160
- text-decoration: none;
161
- border: 3px dashed transparent;
162
- box-sizing: border-box;
163
- transition: transform 200ms ease-out;
164
- }
165
-
166
- .trigger:active {
167
- transform: scale(0.8) !important;
168
- }
169
-
170
- .trigger:hover:not(:active) {
171
- transform: scale(1.1) !important;
172
- }
173
-
174
- .trigger.rendered {
175
- transform: scale(1);
176
- }
177
-
178
- .trigger.active .trigger-icon {
179
- opacity: 0;
180
- transform: rotate(-180deg) scale(0);
181
- }
182
-
183
- .trigger.active .trigger-close {
184
- opacity: 1;
185
- transform: rotate(0deg) scale(1);
186
- }
187
-
188
- .trigger-icon {
189
- display: inline-block;
190
- line-height: inherit;
191
- text-align: center;
192
- opacity: 1;
193
- transform: rotate(0deg) scale(1);
194
- transition: opacity 200ms ease-out, transform 200ms ease-out;
195
- color: var(
196
- --interactive-text-on-primary-background,
197
- var(--text-on-primary-background)
198
- );
199
- }
200
-
201
- .trigger-close {
202
- opacity: 0;
203
- transition: transform 200ms ease-out;
204
- transform: rotate(180deg) scale(0);
205
- position: absolute;
206
- top: 0;
207
- bottom: 0;
208
- left: 0;
209
- right: 0;
210
- display: flex;
211
- justify-content: center;
212
- align-items: center;
213
- }
214
-
215
- .trigger-close svg path {
216
- fill: var(
217
- --interactive-text-on-primary-background,
218
- var(--text-on-primary-background)
219
- );
220
- }
221
-
222
- img {
223
- max-width: 100%;
224
- }
225
-
226
- .trigger-label {
227
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
228
- background-color: var(--secondary-background);
229
- color: var(--text-on-secondary-background);
230
- white-space: nowrap;
231
- padding: 0.7rem 1rem;
232
- border-radius: 0.3rem;
233
- font-weight: 500;
234
- display: flex;
235
- justify-content: center;
236
- align-items: center;
237
- cursor: pointer;
238
- border: none;
239
- font-size: 1rem;
240
- font-family: inherit;
241
- transition: all 300ms ease-in-out;
242
- }
243
-
244
- .trigger-label:hover {
245
- opacity: 0.8;
246
- }
247
- `];let O=ve;ht([_({attribute:!1})],O.prototype,"application");ht([x()],O.prototype,"active");ht([x()],O.prototype,"triggerVisible");ht([x()],O.prototype,"loaded");ht([x()],O.prototype,"icon");var xn=Object.defineProperty,L=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&xn(t,e,n),n};const Ni=i=>{const e=class e extends i{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(n){this.properties=n}writeLayout(n){this.layout=n}writeContext(n){this.context=n}addChild(n){n.parent=this,this.nodes.push(n)}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=[B`
248
- :host {
249
- font-family: var(--font-family);
250
- grid-column: span var(--width);
251
- max-width: 100%;
252
- overflow: hidden;
253
- box-sizing: border-box;
254
- display: block;
255
- }
256
- * {
257
- box-sizing: border-box;
258
- }
259
- `];let t=e;return L([_()],t.prototype,"properties"),L([_()],t.prototype,"context"),L([_()],t.prototype,"layout"),L([_()],t.prototype,"name"),L([_()],t.prototype,"type"),L([_({attribute:!1})],t.prototype,"application"),L([_({attribute:!1})],t.prototype,"parent"),t},$e=class $e extends Ni(A){render(){return m`Non resolved component`}};$e.styles=[B`
260
- :host {
261
- display: block;
262
- }
263
- `];let Jt=$e;/**
264
- * @license
265
- * Copyright 2021 Google LLC
266
- * SPDX-License-Identifier: BSD-3-Clause
267
- */function*Sn(i,t){if(i!==void 0){let e=0;for(const s of i)yield t(s,e++)}}var at=(i=>(i.Inline="inline",i.Trigger="trigger",i))(at||{});/**
268
- * @license
269
- * Copyright 2021 Google LLC
270
- * SPDX-License-Identifier: BSD-3-Clause
271
- */let An=class extends Event{constructor(t,e,s,n){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e,this.callback=s,this.subscribe=n??!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 kn{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const s=e||!Object.is(t,this.o);this.o=t,s&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:s}]of this.subscriptions)e(this.o,s)},t!==void 0&&(this.value=t)}addCallback(t,e,s){if(!s)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:n}=this.subscriptions.get(t);t(this.value,n)}clearCallbacks(){this.subscriptions.clear()}}/**
280
- * @license
281
- * Copyright 2021 Google LLC
282
- * SPDX-License-Identifier: BSD-3-Clause
283
- */let Cn=class extends Event{constructor(t,e){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e}};class De extends kn{constructor(t,e,s){var n,r;super(e.context!==void 0?e.initialValue:s),this.onContextRequest=o=>{if(o.context!==this.context)return;const a=o.contextTarget??o.composedPath()[0];a!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,a,o.subscribe))},this.onProviderRequest=o=>{if(o.context!==this.context||(o.contextTarget??o.composedPath()[0])===this.host)return;const a=new Set;for(const[l,{consumerHost:c}]of this.subscriptions)a.has(l)||(a.add(l),c.dispatchEvent(new An(this.context,c,l,!0)));o.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(r=(n=this.host).addController)==null||r.call(n,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Cn(this.context,this.host))}}/**
284
- * @license
285
- * Copyright 2017 Google LLC
286
- * SPDX-License-Identifier: BSD-3-Clause
287
- */function En({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(n){return s.get(this).setValue(n),t.set.call(this,n)},init(n){return s.set(this,new De(this,{context:i,initialValue:n})),n}};{t.constructor.addInitializer(o=>{s.set(o,new De(o,{context:i}))});const n=Object.getOwnPropertyDescriptor(t,e);let r;if(n===void 0){const o=new WeakMap;r={get(){return o.get(this)},set(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=n.set;r={...n,set(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,r)}}}var On=Object.defineProperty,Fi=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&On(t,e,n),n};const Tn="application",me=class me extends A{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=xt(),this.fullscreen=!1,this.isReady=new hi(!1)}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&ji(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([s,n])=>{e.style.setProperty(`--${s}`,n)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var s,n;const t=this.application.settings.components.conversation;return((n=(s=t==null?void 0:t.properties)==null?void 0:s.chat)==null?void 0:n.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===at.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")),this.application.fullscreen&&this.renderRoot.host.classList.add("fullscreen"),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),m`<div class="widget-container" ${St(this.wrapperRef)}>
288
- ${Sn(this.nodes,r=>r)}
289
- </div>`}};me.styles=B`
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
-
306
- --text-weak: #00000070;
307
- --text-medium: #0000009E;
308
- --text-default: #000000CC
309
- --text-weak-negative: #FFFFFF5E;
310
- --text-medium-negative: #FFFFFFA8;
311
- --text-default-negative: #FFFFFFF2;
312
-
313
- --border-color-weak: #00000029;
314
- --border-color-medium: #00000054;
315
- --border-color-strong: #0000008a;
316
- --border-color-weak-negative: #ffffff29;
317
- --border-color-medium-negative: #ffffff54;
318
- --border-color-strong-negative: #ffffff8a;
319
-
320
- --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
321
- --border-radius: var(--spacing-sm);
322
- --border-radius-sm: var(--spacing-sm);
323
- --border-radius-lg: var(--spacing-lg);
324
- --border-radius-xl: var(--spacing-xl);
325
- --gap: var(--spacing-sm);
326
-
327
- --header-height: 69px;
328
- }
329
-
330
- :host {
331
- --voca-rem-multiplier: 0.625;
332
- box-sizing: border-box;
333
- display: block;
334
- }
335
-
336
- :host(.inline) {
337
- height: 100%;
338
- position: fixed;
339
- inset: 0 0 0 0;
340
- }
341
-
342
- :host(.floating) {
343
- z-index: 6;
344
- position: fixed;
345
- }
346
-
347
- :host(.fullscreen.floating) {
348
- inset: 0 !important;
349
- height: 100% !important;
350
- width: auto !important;
351
- max-height: none !important;
352
- }
353
-
354
- :host(.fullscreen.floating) .widget-container {
355
- box-shadow: none !important;
356
- border-radius: 0 !important;
357
- }
358
-
359
- @media screen and (max-width: 800px) {
360
- :host(.floating) {
361
- inset: 0;
362
- height: 100%;
363
- }
364
-
365
- :host(.third-party) {
366
- inset: 0;
367
- height: 100vh;
368
- }
369
- }
370
-
371
- @media screen and (min-width: 801px) {
372
- :host(.floating) {
373
- inset: auto 20px 20px auto;
374
- max-height: calc(100vh - 120px);
375
- width: 400px;
376
- height: 775px;
377
- }
378
-
379
- :host(.third-party) {
380
- max-width: 1000px;
381
- height: 100vh;
382
- position: relative;
383
- left: 50%;
384
- transform: translateX(-50%);
385
- margin: -10px 0;
386
- }
387
-
388
- :host(.floating.bottom-right) {
389
- inset: auto 20px 20px auto;
390
- }
391
-
392
- :host(.floating.bottom-left) {
393
- inset: auto auto 20px 20px;
394
- }
395
- }
396
-
397
- :host(.floating) .widget-container {
398
- box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
399
- border-radius: 0.7rem;
400
-
401
- @media screen and (max-width: 800px) {
402
- border-radius: 0;
403
- }
404
- }
405
-
406
- * {
407
- box-sizing: border-box;
408
- }
409
-
410
- .widget-container {
411
- height: 100%;
412
- background-color: var(--primary-background);
413
- padding: var(--spacing-sm);
414
- border: var(--widget-border, none);
415
- }
416
-
417
- @keyframes slideDown {
418
- from {
419
- transform: translateY(0);
420
- opacity: 1;
421
- }
422
- to {
423
- transform: translateY(100%);
424
- opacity: 0;
425
- }
426
- }
427
-
428
- @keyframes slideUp {
429
- from {
430
- transform: translateY(100%);
431
- opacity: 0;
432
- }
433
- to {
434
- transform: translateY(0);
435
- opacity: 1;
436
- }
437
- }
438
-
439
- :host(.expanded) {
440
- opacity: 1;
441
- animation: slideUp 0.3s linear;
442
- }
443
-
444
- :host(.hidden) {
445
- opacity: 0;
446
- animation: slideDown 0.3s linear;
447
- pointer-events: none;
448
- }
449
-
450
- :host(.hidden.embedded),
451
- :host(.expanded.embedded) {
452
- animation: none;
453
- }
454
- `;let lt=me;Fi([_({attribute:!0})],lt.prototype,"fullscreen");Fi([_({attribute:!1}),En({context:Tn})],lt.prototype,"application");const Ot=class Ot{constructor(t=Ot.endpoint){this._endpoint=t}async getSite(t){const s=await(await fetch(t)).json();return s?{id:s.id,triggers:s.triggers||[],apps:(s.widgets||[]).map(n=>{let r=at.Trigger;n.renderStrategy.toLowerCase()==="inline"&&(r=at.Inline);const o=n.widgetId?n.widgetId:n.id,a=typeof n.autoActivate=="boolean"?n.autoActivate:!1,l=typeof n.anchor=="string"?n.anchor:"BottomRight",c=typeof n.triggerIcon=="string"?n.triggerIcon:"question";return{id:o,widgetId:o,renderStrategy:r,autoActivate:a,anchor:l,triggerIcon:{type:"Telia",content:c}}})}:null}async getWidget(t){const s=await(await fetch(`${this._endpoint}/widget/${t}`)).json();return s?{name:s.name,config:JSON.parse(s.configuration)}:null}};Ot.endpoint="https://widgets.ace.teliacompany.net/api";let We=Ot;var Pn=Object.defineProperty,ue=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&Pn(t,e,n),n};const ye=class ye extends A{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 p;if(this.widget.renderStrategy===at.Trigger){const t=new O;return t.application=this.widget,t}return this.widget.render()}};ye.styles=[B`
455
- :host {
456
- display: block;
457
- }
458
- `];let X=ye;ue([_({attribute:!0})],X.prototype,"name");ue([x()],X.prototype,"widget");ue([x()],X.prototype,"status");customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",_t);customElements.get("ace-trigger")||customElements.define("ace-trigger",O);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",Jt);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",lt);customElements.get("ace-widget")||customElements.define("ace-widget",X);const In=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,i=>(+i^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+i/4).toString(16)),Ln=()=>typeof crypto.randomUUID=="function"?crypto.randomUUID():In();class Rn{constructor(t,e,s,n,r,o,a=!0){this.label=t,this.icon=e,this.onClick=s,this.closeOnClick=n,this.key=r,this.update=new It,this.id=Ln(),this._controller=o,this.enabled=a}updateLabel(t){this.label=t,this.update.next()}updateIcon(t){this.icon=t,this.update.next()}remove(){this._controller.removeOption(this)}subscribe(){return this.update.asObservable()}}class Un{constructor(t){this._options=[],this._subscription=null,this._host=t,t.addController(this)}hostConnected(){}hostDisconnected(){this._subscription&&this._subscription.unsubscribe(),this._options=[]}addOption(t){const e=new Rn(t.label,t.icon,t.onClick,t.closeOnClick,t.key,this);return this._options.push(e),this.handleUpdate(),e}removeOption(t){this._options=this._options.filter(e=>e.id!==t.id)}handleUpdate(){this._subscription&&this._subscription.unsubscribe();const t=this._options.map(e=>e.subscribe());this._subscription=Ns(t).subscribe(()=>{this._host.requestUpdate()})}set options(t){this._options=t,this._host.requestUpdate()}get options(){return this._options}hasOptions(){return this._options.length>0}}const z={allRenderFn:!1,cmpDidLoad:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!0,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!0,hostListenerTargetDocument:!0,hostListenerTargetBody:!0,hostListenerTargetParent:!1,hostListenerTarget:!0,member:!0,method:!0,mode:!0,observeAttribute:!0,prop:!0,propMutable:!0,reflect:!0,scoped:!0,shadowDom:!0,slot:!0,cssAnnotations:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomXlink:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomPropOrAttr:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,hotModuleReplacement:!1,isDebug:!1,isDev:!1,isTesting:!1,hydrateServerSide:!1,hydrateClientSide:!1,lifecycleDOMEvents:!1,lazyLoad:!1,profile:!1,slotRelocation:!0,appendChildSlotFix:!1,cloneNodeFix:!1,hydratedAttribute:!1,hydratedClass:!0,safari10:!1,scriptDataOpts:!1,scopedSlotTextContentFix:!1,shadowDomShim:!1,slotChildNodesFix:!1,invisiblePrehydration:!0,propBoolean:!0,propNumber:!0,propString:!0,cssVarShim:!1,constructableCSS:!0,cmpShouldUpdate:!0,devTools:!1,dynamicImportShim:!1,shadowDelegatesFocus:!0,initializeNextTick:!1,asyncLoading:!1,asyncQueue:!1,transformTagName:!1,attachStyles:!0};let D,Bi,Rt,Hi=!1,At=!1,he=!1,b=!1,qe=null,Vt=!1;const Ut=typeof window<"u"?window:{},k=Ut.document||{head:{}},zi=Ut.HTMLElement||class{},y={$flags$:0,$resourcesUrl$:"",jmp:i=>i(),raf:i=>requestAnimationFrame(i),ael:(i,t,e,s)=>i.addEventListener(t,e,s),rel:(i,t,e,s)=>i.removeEventListener(t,e,s),ce:(i,t)=>new CustomEvent(i,t)},Mn=(()=>{let i=!1;try{k.addEventListener("e",null,Object.defineProperty({},"passive",{get(){i=!0}}))}catch{}return i})(),jn=i=>Promise.resolve(i),Nn=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),Di=(i,t,e,s)=>{e&&e.map(([n,r,o])=>{const a=Bn(i,n),l=Fn(t,o),c=Hn(n);y.ael(a,r,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>y.rel(a,r,l,c))})},Fn=(i,t)=>e=>{try{z.lazyLoad||i.$hostElement$[t](e)}catch(s){dt(s)}},Bn=(i,t)=>t&4?k:t&8?Ut:t&16?k.body:i,Hn=i=>Mn?{passive:(i&1)!==0,capture:(i&2)!==0}:(i&2)!==0,Ge="http://www.w3.org/1999/xlink",F=(i,t="")=>()=>{},Ye=new WeakMap,zn=(i,t,e)=>{let s=Et.get(i);Nn&&e?(s=s||new CSSStyleSheet,s.replace(t)):s=t,Et.set(i,s)},Dn=(i,t,e,s)=>{let n=Wi(t,e),r=Et.get(n);if(i=i.nodeType===11?i:k,r)if(typeof r=="string"){i=i.head||i;let o=Ye.get(i),a;o||Ye.set(i,o=new Set),o.has(n)||(a=k.createElement("style"),a.innerHTML=r,i.insertBefore(a,i.querySelector("link")),o&&o.add(n))}else i.adoptedStyleSheets.includes(r)||(i.adoptedStyleSheets=[...i.adoptedStyleSheets,r]);return n},Wn=i=>{const t=i.$cmpMeta$,e=i.$hostElement$,s=t.$flags$,n=F("attachStyles",t.$tagName$),r=Dn(e.shadowRoot?e.shadowRoot:e.getRootNode(),t,i.$modeName$);s&10&&(e["s-sc"]=r,e.classList.add(r+"-h"),s&2&&e.classList.add(r+"-s")),n()},Wi=(i,t)=>"sc-"+(t&&i.$flags$&32?i.$tagName$+"-"+t:i.$tagName$),qn=i=>yr.map(t=>t(i)).find(t=>!!t),Ze={},Gn="http://www.w3.org/2000/svg",Yn="http://www.w3.org/1999/xhtml",Zn=i=>i!=null,de=i=>(i=typeof i,i==="object"||i==="function"),G=(i,t,...e)=>{let s=null,n=null,r=null,o=!1,a=!1,l=[];const c=h=>{for(let d=0;d<h.length;d++)s=h[d],Array.isArray(s)?c(s):s!=null&&typeof s!="boolean"&&((o=typeof i!="function"&&!de(s))&&(s=String(s)),o&&a?l[l.length-1].$text$+=s:l.push(o?kt(null,s):s),a=o)};if(c(e),t){t.key&&(n=t.key),t.name&&(r=t.name);{const h=t.className||t.class;h&&(t.class=typeof h!="object"?h:Object.keys(h).filter(d=>h[d]).join(" "))}}if(typeof i=="function")return i(t===null?{}:t,l,Xn);const u=kt(i,null);return u.$attrs$=t,l.length>0&&(u.$children$=l),u.$key$=n,u.$name$=r,u},kt=(i,t)=>{const e={$flags$:0,$tag$:i,$text$:t,$elm$:null,$children$:null};return e.$attrs$=null,e.$key$=null,e.$name$=null,e},fe={},Kn=i=>i&&i.$tag$===fe,Xn={forEach:(i,t)=>i.map(Ke).forEach(t),map:(i,t)=>i.map(Ke).map(t).map(Qn)},Ke=i=>({vattrs:i.$attrs$,vchildren:i.$children$,vkey:i.$key$,vname:i.$name$,vtag:i.$tag$,vtext:i.$text$}),Qn=i=>{if(typeof i.vtag=="function"){const e=Object.assign({},i.vattrs);return i.vkey&&(e.key=i.vkey),i.vname&&(e.name=i.vname),G(i.vtag,e,...i.vchildren||[])}const t=kt(i.vtag,i.vtext);return t.$attrs$=i.vattrs,t.$children$=i.vchildren,t.$key$=i.vkey,t.$name$=i.vname,t},Xe=(i,t,e,s,n,r)=>{if(e!==s){let o=ti(i,t),a=t.toLowerCase();if(t==="class"){const l=i.classList,c=Qe(e),u=Qe(s);l.remove(...c.filter(h=>h&&!u.includes(h))),l.add(...u.filter(h=>h&&!c.includes(h)))}else if(t==="style"){for(const l in e)(!s||s[l]==null)&&(l.includes("-")?i.style.removeProperty(l):i.style[l]="");for(const l in s)(!e||s[l]!==e[l])&&(l.includes("-")?i.style.setProperty(l,s[l]):i.style[l]=s[l])}else if(t!=="key")if(t==="ref")s&&s(i);else if(!i.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n")t[2]==="-"?t=t.slice(3):ti(Ut,a)?t=a.slice(2):t=a[2]+t.slice(3),e&&y.rel(i,t,e,!1),s&&y.ael(i,t,s,!1);else{const l=de(s);if((o||l&&s!==null)&&!n)try{if(i.tagName.includes("-"))i[t]=s;else{let u=s??"";t==="list"?o=!1:(e==null||i[t]!=u)&&(i[t]=u)}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),s==null||s===!1?(s!==!1||i.getAttribute(t)==="")&&(c?i.removeAttributeNS(Ge,t):i.removeAttribute(t)):(!o||r&4||n)&&!l&&(s=s===!0?"":s,c?i.setAttributeNS(Ge,t,s):i.setAttribute(t,s))}}},Jn=/\s/,Qe=i=>i?i.split(Jn):[],qi=(i,t,e,s)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=i&&i.$attrs$||Ze,o=t.$attrs$||Ze;for(s in r)s in o||Xe(n,s,r[s],void 0,e,t.$flags$);for(s in o)Xe(n,s,r[s],o[s],e,t.$flags$)},Ct=(i,t,e,s)=>{let n=t.$children$[e],r=0,o,a,l;if(Hi||(he=!0,n.$tag$==="slot"&&(D&&s.classList.add(D+"-s"),n.$flags$|=n.$children$?2:1)),n.$text$!==null)o=n.$elm$=k.createTextNode(n.$text$);else if(n.$flags$&1)o=n.$elm$=k.createTextNode("");else{if(b||(b=n.$tag$==="svg"),o=n.$elm$=k.createElementNS(b?Gn:Yn,n.$flags$&2?"slot-fb":n.$tag$),b&&n.$tag$==="foreignObject"&&(b=!1),qi(null,n,b),Zn(D)&&o["s-si"]!==D&&o.classList.add(o["s-si"]=D),n.$children$)for(r=0;r<n.$children$.length;++r)a=Ct(i,n,r,o),a&&o.appendChild(a);n.$tag$==="svg"?b=!1:o.tagName==="foreignObject"&&(b=!0)}return o["s-hn"]=Rt,n.$flags$&3&&(o["s-sr"]=!0,o["s-cr"]=Bi,o["s-sn"]=n.$name$||"",l=i&&i.$children$&&i.$children$[e],l&&l.$tag$===n.$tag$&&i.$elm$&&ct(i.$elm$,!1)),o},ct=(i,t)=>{y.$flags$|=1;const e=i.childNodes;for(let s=e.length-1;s>=0;s--){const n=e[s];n["s-hn"]!==Rt&&n["s-ol"]&&(Zi(n).insertBefore(n,pe(n)),n["s-ol"].remove(),n["s-ol"]=void 0,he=!0),t&&ct(n,t)}y.$flags$&=-2},Gi=(i,t,e,s,n,r)=>{let o=i["s-cr"]&&i["s-cr"].parentNode||i,a;for(o.shadowRoot&&o.tagName===Rt&&(o=o.shadowRoot);n<=r;++n)s[n]&&(a=Ct(null,e,n,i),a&&(s[n].$elm$=a,o.insertBefore(a,pe(t))))},Yi=(i,t,e,s,n)=>{for(;t<=e;++t)(s=i[t])&&(n=s.$elm$,Qi(s),At=!0,n["s-ol"]?n["s-ol"].remove():ct(n,!0),n.remove())},Vn=(i,t,e,s)=>{let n=0,r=0,o=0,a=0,l=t.length-1,c=t[0],u=t[l],h=s.length-1,d=s[0],f=s[h],v,g;for(;n<=l&&r<=h;)if(c==null)c=t[++n];else if(u==null)u=t[--l];else if(d==null)d=s[++r];else if(f==null)f=s[--h];else if(gt(c,d))W(c,d),c=t[++n],d=s[++r];else if(gt(u,f))W(u,f),u=t[--l],f=s[--h];else if(gt(c,f))(c.$tag$==="slot"||f.$tag$==="slot")&&ct(c.$elm$.parentNode,!1),W(c,f),i.insertBefore(c.$elm$,u.$elm$.nextSibling),c=t[++n],f=s[--h];else if(gt(u,d))(c.$tag$==="slot"||f.$tag$==="slot")&&ct(u.$elm$.parentNode,!1),W(u,d),i.insertBefore(u.$elm$,c.$elm$),u=t[--l],d=s[++r];else{for(o=-1,a=n;a<=l;++a)if(t[a]&&t[a].$key$!==null&&t[a].$key$===d.$key$){o=a;break}o>=0?(g=t[o],g.$tag$!==d.$tag$?v=Ct(t&&t[r],e,o,i):(W(g,d),t[o]=void 0,v=g.$elm$),d=s[++r]):(v=Ct(t&&t[r],e,r,i),d=s[++r]),v&&Zi(c.$elm$).insertBefore(v,pe(c.$elm$))}n>l?Gi(i,s[h+1]==null?null:s[h+1].$elm$,e,s,r,h):r>h&&Yi(t,n,l)},gt=(i,t)=>i.$tag$===t.$tag$?i.$tag$==="slot"?i.$name$===t.$name$:i.$key$===t.$key$:!1,pe=i=>i&&i["s-ol"]||i,Zi=i=>(i["s-ol"]?i["s-ol"]:i).parentNode,W=(i,t)=>{const e=t.$elm$=i.$elm$,s=i.$children$,n=t.$children$,r=t.$tag$,o=t.$text$;let a;o===null?(b=r==="svg"?!0:r==="foreignObject"?!1:b,r==="slot"||qi(i,t,b),s!==null&&n!==null?Vn(e,s,t,n):n!==null?(i.$text$!==null&&(e.textContent=""),Gi(e,null,t,n,0,n.length-1)):s!==null&&Yi(s,0,s.length-1),b&&r==="svg"&&(b=!1)):(a=e["s-cr"])?a.parentNode.textContent=o:i.$text$!==o&&(e.data=o)},Ki=i=>{let t=i.childNodes,e,s,n,r,o,a;for(s=0,n=t.length;s<n;s++)if(e=t[s],e.nodeType===1){if(e["s-sr"]){for(o=e["s-sn"],e.hidden=!1,r=0;r<n;r++)if(a=t[r].nodeType,t[r]["s-hn"]!==e["s-hn"]||o!==""){if(a===1&&o===t[r].getAttribute("slot")){e.hidden=!0;break}}else if(a===1||a===3&&t[r].textContent.trim()!==""){e.hidden=!0;break}}Ki(e)}},S=[],Xi=i=>{let t,e,s,n,r,o,a=0,l=i.childNodes,c=l.length;for(;a<c;a++){if(t=l[a],t["s-sr"]&&(e=t["s-cr"])&&e.parentNode)for(s=e.parentNode.childNodes,n=t["s-sn"],o=s.length-1;o>=0;o--)e=s[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"]&&(Je(e,n)?(r=S.find(u=>u.$nodeToRelocate$===e),At=!0,e["s-sn"]=e["s-sn"]||n,r?r.$slotRefNode$=t:S.push({$slotRefNode$:t,$nodeToRelocate$:e}),e["s-sr"]&&S.map(u=>{Je(u.$nodeToRelocate$,e["s-sn"])&&(r=S.find(h=>h.$nodeToRelocate$===e),r&&!u.$slotRefNode$&&(u.$slotRefNode$=r.$slotRefNode$))})):S.some(u=>u.$nodeToRelocate$===e)||S.push({$nodeToRelocate$:e}));t.nodeType===1&&Xi(t)}},Je=(i,t)=>i.nodeType===1?i.getAttribute("slot")===null&&t===""||i.getAttribute("slot")===t:i["s-sn"]===t?!0:t==="",Qi=i=>{i.$attrs$&&i.$attrs$.ref&&i.$attrs$.ref(null),i.$children$&&i.$children$.map(Qi)},tr=(i,t)=>{const e=i.$hostElement$,s=i.$cmpMeta$,n=i.$vnode$||kt(null,null),r=Kn(t)?t:G(null,null,t);Rt=e.tagName,s.$attrsToReflect$&&(r.$attrs$=r.$attrs$||{},s.$attrsToReflect$.map(([o,a])=>r.$attrs$[a]=e[o])),r.$tag$=null,r.$flags$|=4,i.$vnode$=r,r.$elm$=n.$elm$=e.shadowRoot||e,D=e["s-sc"],Bi=e["s-cr"],Hi=(s.$flags$&1)!==0,At=!1,W(n,r);{if(y.$flags$|=1,he){Xi(r.$elm$);let o,a,l,c,u,h,d=0;for(;d<S.length;d++)o=S[d],a=o.$nodeToRelocate$,a["s-ol"]||(l=k.createTextNode(""),l["s-nr"]=a,a.parentNode.insertBefore(a["s-ol"]=l,a));for(d=0;d<S.length;d++)if(o=S[d],a=o.$nodeToRelocate$,o.$slotRefNode$){for(c=o.$slotRefNode$.parentNode,u=o.$slotRefNode$.nextSibling,l=a["s-ol"];l=l.previousSibling;)if(h=l["s-nr"],h&&h["s-sn"]===a["s-sn"]&&c===h.parentNode&&(h=h.nextSibling,!h||!h["s-nr"])){u=h;break}(!u&&c!==a.parentNode||a.nextSibling!==u)&&a!==u&&(!a["s-hn"]&&a["s-ol"]&&(a["s-hn"]=a["s-ol"].parentNode.nodeName),c.insertBefore(a,u))}else a.nodeType===1&&(a.hidden=!0)}At&&Ki(r.$elm$),y.$flags$&=-2,S.length=0}},er=i=>i,ir=(i,t,e)=>{const s=er(i);return{emit:n=>sr(s,t,{bubbles:!0,composed:!0,cancelable:!0,detail:n})}},sr=(i,t,e)=>{const s=y.ce(t,e);return i.dispatchEvent(s),s},nr=(i,t)=>{},Ji=(i,t)=>(i.$flags$|=16,nr(i,i.$ancestorComponent$),wr(()=>rr(i,t))),rr=(i,t)=>{const e=i.$hostElement$,s=F("scheduleUpdate",i.$cmpMeta$.$tagName$),n=e;let r;return t?r=Y(n,"componentWillLoad"):r=Y(n,"componentWillUpdate"),r=Ve(r,()=>Y(n,"componentWillRender")),s(),Ve(r,()=>or(i,n,t))},or=async(i,t,e)=>{const s=i.$hostElement$,n=F("update",i.$cmpMeta$.$tagName$);s["s-rc"],e&&Wn(i);const r=F("render",i.$cmpMeta$.$tagName$);ar(i,t,s),r(),n(),lr(i)},ar=(i,t,e)=>{try{qe=t,t=t.render&&t.render(),i.$flags$&=-17,i.$flags$|=2,(z.hasRenderFn||z.reflect)&&(z.vdomRender||z.reflect)&&(z.hydrateServerSide||tr(i,t))}catch(a){dt(a,i.$hostElement$)}return qe=null,null},lr=i=>{const t=i.$cmpMeta$.$tagName$,e=i.$hostElement$,s=F("postUpdate",t),n=e;i.$ancestorComponent$,Y(n,"componentDidRender"),i.$flags$&64?(Y(n,"componentDidUpdate"),s()):(i.$flags$|=64,Y(n,"componentDidLoad"),s())},Y=(i,t,e)=>{if(i&&i[t])try{return i[t](e)}catch(s){dt(s)}},Ve=(i,t)=>i&&i.then?i.then(t):t(),cr=(i,t)=>i!=null&&!de(i)?t&4?i==="false"?!1:i===""||!!i:t&2?parseFloat(i):t&1?String(i):i:i,ur=(i,t)=>Mt(i).$instanceValues$.get(t),hr=(i,t,e,s)=>{const n=Mt(i),r=i,o=n.$instanceValues$.get(t),a=n.$flags$,l=r;e=cr(e,s.$members$[t][0]);const c=Number.isNaN(o)&&Number.isNaN(e);if(e!==o&&!c){n.$instanceValues$.set(t,e);{if(s.$watchers$&&a&128){const h=s.$watchers$[t];h&&h.map(d=>{try{l[d](e,o,t)}catch(f){dt(f,r)}})}if((a&18)===2){if(l.componentShouldUpdate&&l.componentShouldUpdate(e,o,t)===!1)return;Ji(n,!1)}}}},dr=(i,t,e)=>{if(t.$members$){i.watchers&&(t.$watchers$=i.watchers);const s=Object.entries(t.$members$),n=i.prototype;s.map(([r,[o]])=>{(o&31||o&32)&&Object.defineProperty(n,r,{get(){return ur(this,r)},set(a){hr(this,r,a,t)},configurable:!0,enumerable:!0})});{const r=new Map;n.attributeChangedCallback=function(o,a,l){y.jmp(()=>{const c=r.get(o);if(this.hasOwnProperty(c))l=this[c],delete this[c];else if(n.hasOwnProperty(c)&&typeof this[c]=="number"&&this[c]==l)return;this[c]=l===null&&typeof this[c]=="boolean"?!1:l})},i.observedAttributes=s.filter(([o,a])=>a[0]&15).map(([o,a])=>{const l=a[1]||o;return r.set(l,o),a[0]&512&&t.$attrsToReflect$.push([o,l]),l})}}return i},fr=async(i,t,e,s,n)=>{if((t.$flags$&32)===0&&(n=i.constructor,t.$flags$|=32,customElements.whenDefined(e.$tagName$).then(()=>t.$flags$|=128),n.style)){let o=n.style;typeof o!="string"&&(o=o[t.$modeName$=qn(i)]);const a=Wi(e,t.$modeName$);if(!Et.has(a)){const l=F("registerStyles",e.$tagName$);zn(a,o,!!(e.$flags$&1)),l()}}t.$ancestorComponent$,Ji(t,!0)},pr=i=>{},gr=i=>{if((y.$flags$&1)===0){const t=Mt(i),e=t.$cmpMeta$,s=F("connectedCallback",e.$tagName$);t.$flags$&1?(Di(i,t,e.$listeners$),pr(t.$lazyInstance$)):(t.$flags$|=1,e.$flags$&12&&vr(i),e.$members$&&Object.entries(e.$members$).map(([n,[r]])=>{if(r&31&&i.hasOwnProperty(n)){const o=i[n];delete i[n],i[n]=o}}),fr(i,t,e)),s()}},vr=i=>{const t=i["s-cr"]=k.createComment("");t["s-cn"]=!0,i.insertBefore(t,i.firstChild)},$r=i=>{if((y.$flags$&1)===0){const t=Mt(i);t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0)}},Vi=(i,t)=>{const e={$flags$:t[0],$tagName$:t[1]};e.$members$=t[2],e.$listeners$=t[3],e.$watchers$=i.$watchers$,e.$attrsToReflect$=[];const s=i.prototype.connectedCallback,n=i.prototype.disconnectedCallback;return Object.assign(i.prototype,{__registerHost(){mr(this,e)},connectedCallback(){gr(this),s&&s.call(this)},disconnectedCallback(){$r(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)})}}),i.is=e.$tagName$,dr(i,e)},ts=new WeakMap,Mt=i=>ts.get(i),mr=(i,t)=>{const e={$flags$:0,$hostElement$:i,$cmpMeta$:t,$instanceValues$:new Map};return Di(i,e,t.$listeners$),ts.set(i,e)},ti=(i,t)=>t in i,dt=(i,t)=>(0,console.error)(i,t),Et=new Map,yr=[],ei=[],es=[],br=(i,t)=>e=>{i.push(e),Vt||(Vt=!0,t&&y.$flags$&4?_r(te):y.raf(te))},ii=i=>{for(let t=0;t<i.length;t++)try{i[t](performance.now())}catch(e){dt(e)}i.length=0},te=()=>{ii(ei),ii(es),(Vt=ei.length>0)&&y.raf(te)},_r=i=>jn().then(i),wr=br(es,!0),xr=(i={})=>{const{content:t="",title:e,attributes:s=[]}=i;let n="",r=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},...s];return e&&(n=`<title>${e}</title>`),`<svg ${r.map(a=>`${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`},Sr=i=>i.replace(/<(\/?)svg([^>]*)>/g,"").trim();function Ar(i){return`${i.getFullYear()}.${i.getMonth()+1}`}class kr{constructor(t){this.voca_component=t,this.voca_added=Ar(new Date)}}const Cr="telia-vst{display:none}",Er=Vi(class extends zi{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=ir(this,"vocaInternalUStats")}connectedCallback(){this.vocaInternalUStats.emit(new kr(this.dataTrackingId))}render(){return G(fe,null)}static get style(){return Cr}},[0,"telia-vst",{dataTrackingId:[1,"data-tracking-id"]}]);function is(){if(typeof customElements>"u")return;["telia-vst"].forEach(t=>{switch(t){case"telia-vst":customElements.get(t)||customElements.define(t,Er);break}})}is();function ee(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function Or(){if(typeof ee().vocadsIcons!==void 0)return ee().vocadsIcons}function Tr(){return ee().vocadsIconsRegistered}const Pr=".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}",Ir=Vi(class extends zi{constructor(){super(),this.__registerHost(),this.size="md",this.allyTitle=null,this.dataTrackingId="telia-icon"}getSvgString(){if(this.svg)return this.svg;if(Tr()&&this.name){const i=Or();return i[this.name]?i[this.name].svg:""}return this.name&&console.warn(this.name,"Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"),""}render(){let i=this.getSvgString(),t=[{name:"viewBox",value:"0 0 64 64"}];this.allyTitle?t=[...t,{name:"role",value:"img"}]:t=[...t,{name:"aria-hidden",value:"true"}];const e=xr({content:Sr(i),attributes:t,title:this.allyTitle});return G(fe,{class:`telia-icon telia-icon--${this.size}`},G("span",{"aria-label":this.allyTitle,class:"telia-icon__container",innerHTML:e}),G("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return Pr}},[0,"telia-icon",{name:[1],svg:[1],size:[1],allyTitle:[1,"ally-title"],dataTestid:[1,"data-testid"]}]);function Lr(){if(typeof customElements>"u")return;["telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-icon":customElements.get(t)||customElements.define(t,Ir);break;case"telia-vst":customElements.get(t)||is();break}})}Lr();var Rr=Object.defineProperty,V=(i,t,e,s)=>{for(var n=void 0,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=o(t,e,n)||n);return n&&Rr(t,e,n),n};const si=Ni(A),be=class be extends si{constructor(){super(...arguments),this.optionsIsVisible=!1,this.authState="non-authenticated",this.UserName="",this.authUrl="",this.provider=void 0,this.idref=void 0,this.options=new Un(this),this.optionsRef=xt(),this.optionsTriggerRef=xt(),this._onClickOutside=t=>{!this.optionsTriggerRef.value||!this.optionsRef.value||t.composedPath().includes(this.optionsTriggerRef.value)||t.composedPath().includes(this.optionsRef.value)||(this.optionsIsVisible=!1)}}addOption(t){return this.options.addOption(t)}removeOption(t){return this.options.removeOption(t)}_onToggleOptionsMenuClick(){this.optionsIsVisible=!this.optionsIsVisible}_onMinimizeClick(){this.application.trigger?this.application.trigger.toggleActive():(this.notify("widget-minimize",{widgetId:this.application.id}),this.application.storage.set("open",!1))}notify(t,e={}){window!=null&&window.parent&&window.parent.postMessage({type:t,data:e},"*")}connectedCallback(){super.connectedCallback();const t=this.application.storage.get("auth");t!=null&&t.authenticated&&(this.UserName=t==null?void 0:t.name,this.authState="authenticated"),document.addEventListener("click",this._onClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onClickOutside)}_onStartAuth(){this.provider.handleAuthentication(this.idref)}_showLogoutForm(){this.provider.showLogoutConfirmDialog()}_logout(){this.application.storage.removeItem("auth"),this.authState="non-authenticated",this.UserName="",this.authUrl=""}render(){var l,c,u,h,d;const t=this.application.branding(),e=(l=t==null?void 0:t.graphics)==null?void 0:l.logotype,s=this.application.texts,n=s.get("widget-header.header","ACE Widget"),r=this.application.settings.components.conversation,o=(u=(c=this.application.settings)==null?void 0:c.auth)==null?void 0:u.shouldUseAuth,a=(d=(h=r==null?void 0:r.properties)==null?void 0:h.chat)==null?void 0:d.isThirdPartyWidget;return m` <div class="widget-header">
459
- ${e?m` <img
460
- src=${e}
461
- class="logotype"
462
- alt=${s.getOrFallback("widget-header.logo-alt","Logo")}
463
- />`:p}
464
-
465
- <div>
466
- <h1>${n}</h1>
467
-
468
- <!-- ${this.properties.tagline?m`<p>${this.properties.tagline}</p>`:p} -->
469
- </div>
470
- <div class="widget-header__action-buttons">
471
- <button
472
- @click=${this._onToggleOptionsMenuClick}
473
- class="widget-header__action-button"
474
- ${St(this.optionsTriggerRef)}
475
- title=${s.getOrFallback("widget-header.ellipses","Options")}
476
- data-testid="options-button"
477
- >
478
- <telia-icon svg=${yn.svg}></telia-icon>
479
- </button>
480
- ${this.optionsIsVisible?m` <div
481
- class="options-menu"
482
- ${St(this.optionsRef)}
483
- ${Mi({keyframeOptions:{duration:120},in:Ne,out:Ne,stabilizeOut:!0,skipInitial:!1})}
484
- >
485
- <h3>
486
- ${s.getOrFallback("widget-header.OptionsLabel","Options")}
487
- </h3>
488
- ${o?m`<div class="options-menu__auth-container">
489
- <p class="options-menu__auth-helper-text">
490
- ${s.getOrFallback("widget-header.authentication-text","AUTHENTICATED AS")}
491
- </p>
492
- ${this.authState==="non-authenticated"?m` <div class="options-menu__auth">
493
- <p class="options-menu__auth-status">
494
- ${s.getOrFallback("widget-header.not-authenticated","Not authenticated")}
495
- </p>
496
- <a
497
- href="${this.authUrl}"
498
- @click=${this._onStartAuth}
499
- target="_blank"
500
- class="options-menu__auth-link"
501
- >
502
- ${s.getOrFallback("widget-header.identify","Identify")}
503
- </a>
504
- </div>`:m` <div class="options-menu__auth">
505
- <p class="options-menu__auth-status">
506
- ${this.UserName}
507
- </p>
508
- ${this.authState==="authenticated"?m`<button
509
- @click=${this._showLogoutForm}
510
- href="#"
511
- target="_blank"
512
- class="options-menu__auth-link"
513
- >
514
- ${s.getOrFallback("widget-header.log-out","Log out")}
515
- </button>`:p}
516
- </div>`}
517
- </div>`:p}
518
- ${this.options.options.map(f=>m`<button
519
- class="options-menu__item"
520
- data-testid="${f.key}"
521
- @click=${()=>{f.closeOnClick&&this._onToggleOptionsMenuClick(),f.onClick(),this.requestUpdate()}}
522
- ?disabled="${!f.enabled}"
523
- >
524
- ${f.icon?m`<telia-icon
525
- class="option-icon"
526
- svg=${f.icon}
527
- size="sm"
528
- ></telia-icon>`:p}
529
- ${f.label}
530
- </button>`)}
531
- </div>`:p}
532
- ${a?p:m`<button
533
- @click=${this._onMinimizeClick}
534
- class="widget-header__action-button"
535
- title=${s.getOrFallback("widget-header.minimize","Minimize")}
536
- data-testid="minimize-button"
537
- >
538
- <telia-icon svg=${mn.svg}></telia-icon>
539
- </button>`}
540
- </div>
541
- </div>`}};be.styles=[si.styles||[],B`
542
- :host {
543
- --header-text-color: var(--text-on-primary-background);
544
- }
545
-
546
- :focus {
547
- outline-color: var(--focus-color);
548
- }
549
-
550
- img {
551
- max-width: 140px;
552
- max-height: 80%;
553
- }
554
-
555
- .widget-header {
556
- background-color: transparent;
557
- color: var(--header-text-color);
558
- height: var(--header-height);
559
- display: flex;
560
- gap: var(--spacing-md);
561
- flex-direction: row;
562
- justify-content: space-between;
563
- align-items: center;
564
- border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
565
- padding: 0 var(--spacing-md);
566
- }
567
-
568
- h1 {
569
- font-size: 1.2rem;
570
- }
571
-
572
- h1,
573
- p {
574
- margin: 0;
575
- padding: 0;
576
- }
577
-
578
- button {
579
- background-color: transparent;
580
- border: none;
581
- font-family: inherit;
582
- font-size: inherit;
583
- cursor: pointer;
584
-
585
- transition: all 300ms ease-in-out;
586
- padding: var(--spacing-sm);
587
- }
588
-
589
- .widget-header__action-buttons {
590
- display: flex;
591
- gap: var(--spacing-md);
592
- }
593
-
594
- .widget-header__action-button {
595
- border-radius: var(--border-radius);
596
- color: var(--header-text-color);
597
- display: flex;
598
- align-items: center;
599
- justify-content: center;
600
- }
601
-
602
- .widget-header__action-button:hover {
603
- background-color: rgba(255, 255, 255, 0.1);
604
- }
605
- .widget-header__action-button:active {
606
- transform: scale(0.8);
607
- }
608
-
609
- .options-menu {
610
- position: absolute;
611
- top: 70px;
612
- right: 20px;
613
- background-color: white;
614
- color: #222;
615
- overflow: visible;
616
- padding: var(--spacing-md);
617
- border-radius: var(--border-radius);
618
- z-index: 10;
619
- box-shadow: rgba(0, 18, 46, 0.16) 0px 6px 32px 0px;
620
- min-width: 200px;
621
- gap: var(--spacing-md);
622
- display: flex;
623
- flex-direction: column;
624
- background-color: var(--primary-background);
625
- border: 1px solid var(--border-color-weak);
626
-
627
- h3 {
628
- margin: 0;
629
- }
630
- }
631
-
632
- .options-menu__item {
633
- transition: all 300ms ease-in-out;
634
- cursor: pointer;
635
- border-radius: var(--border-radius);
636
- width: 100%;
637
- display: flex;
638
- gap: var(--spacing-sm);
639
- align-items: center;
640
- padding: 0;
641
- color: var(--interactive-primary-background);
642
- font-weight: 500;
643
- }
644
-
645
- .options-menu__auth-helper-text {
646
- font-weight: 300;
647
- font-size: 0.8rem;
648
- color: #6e6e6e;
649
- letter-spacing: 1.5px;
650
- margin-bottom: var(--spacing-sm);
651
- }
652
-
653
- .options-menu__auth {
654
- display: flex;
655
- justify-content: space-between;
656
- align-items: center;
657
- }
658
-
659
- .options-menu__auth-status {
660
- font-weight: 500;
661
- }
662
- .options-menu__auth-link {
663
- color: var(--interactive-primary-background);
664
- font-weight: 500;
665
- text-decoration: none;
666
- margin-left: var(--spacing-sm);
667
- }
668
-
669
- .options-menu__item:hover {
670
- background-color: var(--secondary-background);
671
- color: var(--text-on-secondary-background);
672
- }
673
-
674
- .options-menu__item:disabled,
675
- .options-menu__item[disabled] {
676
- cursor: default;
677
- pointer-events: none;
678
- }
679
- `];let C=be;V([x()],C.prototype,"optionsIsVisible");V([x()],C.prototype,"authState");V([x()],C.prototype,"UserName");V([x()],C.prototype,"authUrl");V([x()],C.prototype,"provider");V([x()],C.prototype,"idref");exports.WidgetHeader=C;exports.default=C;