@telia-ace/widget-components-widget-header-flamingo 1.1.120-rc.9 → 1.1.120
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/{widget-header-zHiwTPKk.mjs → widget-header-B0fVrAX0.mjs} +2120 -2114
- package/widget-header-vlffCnbj.js +699 -0
- package/widget-header.d.ts +23 -16
- package/widget-header-vMZgjB_p.js +0 -681
|
@@ -1,681 +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)},this.shouldUseAuth=!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={}){if(window!=null&&window.parent){const s=window.location.origin;window.parent.postMessage({type:t,data:e},s)}}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(t="non-authenticated"){this.authState=t,this.application.storage.removeItem("auth"),this.UserName="",this.authUrl=""}renderAuthSection(t){return this.shouldUseAuth&&this.authState!=="chat-ended"?m`<div class="options-menu__auth-container">
|
|
459
|
-
<p class="options-menu__auth-helper-text" data-testid="auth-helper-text">
|
|
460
|
-
${t.getOrFallback("widget-header.authentication-text","AUTHENTICATED AS")}
|
|
461
|
-
</p>
|
|
462
|
-
${this.renderAuthStatus(t)}
|
|
463
|
-
</div>`:p}renderAuthStatus(t){return this.authState==="non-authenticated"?m` <div class="options-menu__auth">
|
|
464
|
-
<p class="options-menu__auth-status" data-testid="auth-status">
|
|
465
|
-
${t.getOrFallback("widget-header.not-authenticated","Not authenticated")}
|
|
466
|
-
</p>
|
|
467
|
-
<a
|
|
468
|
-
href="${this.authUrl}"
|
|
469
|
-
@click=${this._onStartAuth}
|
|
470
|
-
target="_blank"
|
|
471
|
-
class="options-menu__auth-link"
|
|
472
|
-
data-testid="auth-link"
|
|
473
|
-
>
|
|
474
|
-
${t.getOrFallback("widget-header.identify","Identify")}
|
|
475
|
-
</a>
|
|
476
|
-
</div>`:m` <div class="options-menu__auth">
|
|
477
|
-
<p class="options-menu__auth-status" data-testid="auth-status">
|
|
478
|
-
${this.UserName}
|
|
479
|
-
</p>
|
|
480
|
-
${this.authState==="authenticated"?m`<button
|
|
481
|
-
@click=${this._showLogoutForm}
|
|
482
|
-
href="#"
|
|
483
|
-
target="_blank"
|
|
484
|
-
class="options-menu__auth-link"
|
|
485
|
-
data-testid="auth-link"
|
|
486
|
-
>
|
|
487
|
-
${t.getOrFallback("widget-header.log-out","Log out")}
|
|
488
|
-
</button>`:p}
|
|
489
|
-
</div>`}render(){var a,l,c,u,h;const t=this.application.branding(),e=(a=t==null?void 0:t.graphics)==null?void 0:a.logotype,s=this.application.texts,n=s.get("widget-header.header","ACE Widget"),r=this.application.settings.components.conversation;this.shouldUseAuth=(c=(l=this.application.settings)==null?void 0:l.auth)==null?void 0:c.shouldUseAuth;const o=(h=(u=r==null?void 0:r.properties)==null?void 0:u.chat)==null?void 0:h.isThirdPartyWidget;return m` <div class="widget-header">
|
|
490
|
-
${e?m` <img
|
|
491
|
-
src=${e}
|
|
492
|
-
class="logotype"
|
|
493
|
-
alt=${s.getOrFallback("widget-header.logo-alt","Logo")}
|
|
494
|
-
/>`:p}
|
|
495
|
-
|
|
496
|
-
<div>
|
|
497
|
-
<h1>${n}</h1>
|
|
498
|
-
|
|
499
|
-
<!-- ${this.properties.tagline?m`<p>${this.properties.tagline}</p>`:p} -->
|
|
500
|
-
</div>
|
|
501
|
-
<div class="widget-header__action-buttons">
|
|
502
|
-
<button
|
|
503
|
-
@click=${this._onToggleOptionsMenuClick}
|
|
504
|
-
class="widget-header__action-button"
|
|
505
|
-
${St(this.optionsTriggerRef)}
|
|
506
|
-
title=${s.getOrFallback("widget-header.ellipses","Options")}
|
|
507
|
-
data-testid="options-button"
|
|
508
|
-
>
|
|
509
|
-
<telia-icon svg=${yn.svg}></telia-icon>
|
|
510
|
-
</button>
|
|
511
|
-
${this.optionsIsVisible?m` <div
|
|
512
|
-
class="options-menu"
|
|
513
|
-
${St(this.optionsRef)}
|
|
514
|
-
${Mi({keyframeOptions:{duration:120},in:Ne,out:Ne,stabilizeOut:!0,skipInitial:!1})}
|
|
515
|
-
>
|
|
516
|
-
<h3>
|
|
517
|
-
${s.getOrFallback("widget-header.OptionsLabel","Options")}
|
|
518
|
-
</h3>
|
|
519
|
-
${this.renderAuthSection(s)}
|
|
520
|
-
${this.options.options.map(d=>m`<button
|
|
521
|
-
class="options-menu__item"
|
|
522
|
-
data-testid="${d.key}"
|
|
523
|
-
@click=${()=>{d.closeOnClick&&this._onToggleOptionsMenuClick(),d.onClick(),this.requestUpdate()}}
|
|
524
|
-
?disabled="${!d.enabled}"
|
|
525
|
-
>
|
|
526
|
-
${d.icon?m`<telia-icon
|
|
527
|
-
class="option-icon"
|
|
528
|
-
svg=${d.icon}
|
|
529
|
-
size="sm"
|
|
530
|
-
></telia-icon>`:p}
|
|
531
|
-
${d.label}
|
|
532
|
-
</button>`)}
|
|
533
|
-
</div>`:p}
|
|
534
|
-
${o?p:m`<button
|
|
535
|
-
@click=${this._onMinimizeClick}
|
|
536
|
-
class="widget-header__action-button"
|
|
537
|
-
title=${s.getOrFallback("widget-header.minimize","Minimize")}
|
|
538
|
-
data-testid="minimize-button"
|
|
539
|
-
>
|
|
540
|
-
<telia-icon svg=${mn.svg}></telia-icon>
|
|
541
|
-
</button>`}
|
|
542
|
-
</div>
|
|
543
|
-
</div>`}};be.styles=[si.styles||[],B`
|
|
544
|
-
:host {
|
|
545
|
-
--header-text-color: var(--text-on-primary-background);
|
|
546
|
-
}
|
|
547
|
-
|
|
548
|
-
:focus {
|
|
549
|
-
outline-color: var(--focus-color);
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
img {
|
|
553
|
-
max-width: 140px;
|
|
554
|
-
max-height: 80%;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
.widget-header {
|
|
558
|
-
background-color: transparent;
|
|
559
|
-
color: var(--header-text-color);
|
|
560
|
-
height: var(--header-height);
|
|
561
|
-
display: flex;
|
|
562
|
-
gap: var(--spacing-md);
|
|
563
|
-
flex-direction: row;
|
|
564
|
-
justify-content: space-between;
|
|
565
|
-
align-items: center;
|
|
566
|
-
border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
|
|
567
|
-
padding: 0 var(--spacing-md);
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
h1 {
|
|
571
|
-
font-size: 1.2rem;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
h1,
|
|
575
|
-
p {
|
|
576
|
-
margin: 0;
|
|
577
|
-
padding: 0;
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
button {
|
|
581
|
-
background-color: transparent;
|
|
582
|
-
border: none;
|
|
583
|
-
font-family: inherit;
|
|
584
|
-
font-size: inherit;
|
|
585
|
-
cursor: pointer;
|
|
586
|
-
|
|
587
|
-
transition: all 300ms ease-in-out;
|
|
588
|
-
padding: var(--spacing-sm);
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
.widget-header__action-buttons {
|
|
592
|
-
display: flex;
|
|
593
|
-
gap: var(--spacing-md);
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
.widget-header__action-button {
|
|
597
|
-
border-radius: var(--border-radius);
|
|
598
|
-
color: var(--header-text-color);
|
|
599
|
-
display: flex;
|
|
600
|
-
align-items: center;
|
|
601
|
-
justify-content: center;
|
|
602
|
-
}
|
|
603
|
-
|
|
604
|
-
.widget-header__action-button:hover {
|
|
605
|
-
background-color: rgba(255, 255, 255, 0.1);
|
|
606
|
-
}
|
|
607
|
-
.widget-header__action-button:active {
|
|
608
|
-
transform: scale(0.8);
|
|
609
|
-
}
|
|
610
|
-
|
|
611
|
-
.options-menu {
|
|
612
|
-
position: absolute;
|
|
613
|
-
top: 70px;
|
|
614
|
-
right: 20px;
|
|
615
|
-
background-color: white;
|
|
616
|
-
color: #222;
|
|
617
|
-
overflow: visible;
|
|
618
|
-
padding: var(--spacing-md);
|
|
619
|
-
border-radius: var(--border-radius);
|
|
620
|
-
z-index: 10;
|
|
621
|
-
box-shadow: rgba(0, 18, 46, 0.16) 0px 6px 32px 0px;
|
|
622
|
-
min-width: 200px;
|
|
623
|
-
gap: var(--spacing-md);
|
|
624
|
-
display: flex;
|
|
625
|
-
flex-direction: column;
|
|
626
|
-
background-color: var(--primary-background);
|
|
627
|
-
border: 1px solid var(--border-color-weak);
|
|
628
|
-
|
|
629
|
-
h3 {
|
|
630
|
-
margin: 0;
|
|
631
|
-
}
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.options-menu__item {
|
|
635
|
-
transition: all 300ms ease-in-out;
|
|
636
|
-
cursor: pointer;
|
|
637
|
-
border-radius: var(--border-radius);
|
|
638
|
-
width: 100%;
|
|
639
|
-
display: flex;
|
|
640
|
-
gap: var(--spacing-sm);
|
|
641
|
-
align-items: center;
|
|
642
|
-
padding: 0;
|
|
643
|
-
color: var(--interactive-primary-background);
|
|
644
|
-
font-weight: 500;
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
.options-menu__auth-helper-text {
|
|
648
|
-
font-weight: 300;
|
|
649
|
-
font-size: 0.8rem;
|
|
650
|
-
color: #6e6e6e;
|
|
651
|
-
letter-spacing: 1.5px;
|
|
652
|
-
margin-bottom: var(--spacing-sm);
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
.options-menu__auth {
|
|
656
|
-
display: flex;
|
|
657
|
-
justify-content: space-between;
|
|
658
|
-
align-items: center;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
.options-menu__auth-status {
|
|
662
|
-
font-weight: 500;
|
|
663
|
-
}
|
|
664
|
-
.options-menu__auth-link {
|
|
665
|
-
color: var(--interactive-primary-background);
|
|
666
|
-
font-weight: 500;
|
|
667
|
-
text-decoration: none;
|
|
668
|
-
margin-left: var(--spacing-sm);
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
.options-menu__item:hover {
|
|
672
|
-
background-color: var(--secondary-background);
|
|
673
|
-
color: var(--text-on-secondary-background);
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
.options-menu__item:disabled,
|
|
677
|
-
.options-menu__item[disabled] {
|
|
678
|
-
cursor: default;
|
|
679
|
-
pointer-events: none;
|
|
680
|
-
}
|
|
681
|
-
`];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;
|