@telia-ace/widget-side-menu 1.0.0
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/controllers/options-controller.d.ts +17 -0
- package/index.d.ts +2 -0
- package/index.js +1 -0
- package/index.mjs +6 -0
- package/package.json +15 -0
- package/side-menu-230e200b.mjs +3668 -0
- package/side-menu-c7df7430.js +504 -0
- package/side-menu-component.d.ts +2 -0
- package/side-menu-option.d.ts +17 -0
- package/side-menu.d.ts +19 -0
- package/types.d.ts +7 -0
- package/utils/uuid.d.ts +1 -0
|
@@ -0,0 +1,504 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var zt=function(i,t){return zt=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])},zt(i,t)};function K(i,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");zt(i,t);function e(){this.constructor=i}i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function Gi(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 Ke(i,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:a(0),throw:a(1),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 q(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 pt(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 gt(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 F(i){return this instanceof F?(this.v=i,this):new F(i)}function Ki(i,t,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var s=e.apply(i,t||[]),n,r=[];return n={},o("next"),o("throw"),o("return"),n[Symbol.asyncIterator]=function(){return this},n;function o(d){s[d]&&(n[d]=function(f){return new Promise(function($,g){r.push([d,f,$,g])>1||a(d,f)})})}function a(d,f){try{l(s[d](f))}catch($){h(r[0][3],$)}}function l(d){d.value instanceof F?Promise.resolve(d.value.v).then(c,u):h(r[0][2],d)}function c(d){a("next",d)}function u(d){a("throw",d)}function h(d,f){d(f),r.shift(),r.length&&a(r[0][0],r[0][1])}}function Xi(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 q=="function"?q(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 v(i){return typeof i=="function"}function Xe(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 It=Xe(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 Ft(i,t){if(i){var e=i.indexOf(t);0<=e&&i.splice(e,1)}}var At=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=q(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(v(u))try{u()}catch(g){r=g instanceof It?g.errors:[g]}var h=this._finalizers;if(h){this._finalizers=null;try{for(var d=q(h),f=d.next();!f.done;f=d.next()){var $=f.value;try{de($)}catch(g){r=r??[],g instanceof It?r=gt(gt([],pt(r)),pt(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 It(r)}},i.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)de(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)&&Ft(e,t)},i.prototype.remove=function(t){var e=this._finalizers;e&&Ft(e,t),t instanceof i&&t._removeParent(this)},i.EMPTY=function(){var t=new i;return t.closed=!0,t}(),i}(),Ze=At.EMPTY;function Qe(i){return i instanceof At||i&&"closed"in i&&v(i.remove)&&v(i.add)&&v(i.unsubscribe)}function de(i){v(i)?i():i.unsubscribe()}var Je={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Wt={setTimeout:function(i,t){for(var e=[],s=2;s<arguments.length;s++)e[s-2]=arguments[s];var n=Wt.delegate;return n!=null&&n.setTimeout?n.setTimeout.apply(n,gt([i,t],pt(e))):setTimeout.apply(void 0,gt([i,t],pt(e)))},clearTimeout:function(i){var t=Wt.delegate;return((t==null?void 0:t.clearTimeout)||clearTimeout)(i)},delegate:void 0};function Ve(i){Wt.setTimeout(function(){throw i})}function fe(){}function dt(i){i()}var Xt=function(i){K(t,i);function t(e){var s=i.call(this)||this;return s.isStopped=!1,e?(s.destination=e,Qe(e)&&e.add(s)):s.destination=Vi,s}return t.create=function(e,s,n){return new Yt(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}(At),Zi=Function.prototype.bind;function Rt(i,t){return Zi.call(i,t)}var Qi=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){ut(s)}},i.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(s){ut(s)}else ut(t)},i.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){ut(e)}},i}(),Yt=function(i){K(t,i);function t(e,s,n){var r=i.call(this)||this,o;if(v(e)||!e)o={next:e??void 0,error:s??void 0,complete:n??void 0};else{var a;r&&Je.useDeprecatedNextContext?(a=Object.create(e),a.unsubscribe=function(){return r.unsubscribe()},o={next:e.next&&Rt(e.next,a),error:e.error&&Rt(e.error,a),complete:e.complete&&Rt(e.complete,a)}):o=e}return r.destination=new Qi(o),r}return t}(Xt);function ut(i){Ve(i)}function Ji(i){throw i}var Vi={closed:!0,next:fe,error:Ji,complete:fe},Zt=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function ti(i){return i}function ts(i){return i.length===0?ti:i.length===1?i[0]:function(e){return i.reduce(function(s,n){return n(s)},e)}}var _=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=is(t)?t:new Yt(t,e,s);return dt(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=pe(e),new e(function(n,r){var o=new Yt({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[Zt]=function(){return this},i.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return ts(t)(this)},i.prototype.toPromise=function(t){var e=this;return t=pe(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 pe(i){var t;return(t=i??Je.Promise)!==null&&t!==void 0?t:Promise}function es(i){return i&&v(i.next)&&v(i.error)&&v(i.complete)}function is(i){return i&&i instanceof Xt||es(i)&&Qe(i)}function ss(i){return v(i==null?void 0:i.lift)}function Et(i){return function(t){if(ss(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 $t(i,t,e,s,n){return new ns(i,t,e,s,n)}var ns=function(i){K(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}(Xt),rs=Xe(function(i){return function(){i(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),Ct=function(i){K(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 ge(this,this);return s.operator=e,s},t.prototype._throwIfClosed=function(){if(this.closed)throw new rs},t.prototype.next=function(e){var s=this;dt(function(){var n,r;if(s._throwIfClosed(),!s.isStopped){s.currentObservers||(s.currentObservers=Array.from(s.observers));try{for(var o=q(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;dt(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;dt(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?Ze:(this.currentObservers=null,a.push(e),new At(function(){s.currentObservers=null,Ft(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 _;return e.source=this,e},t.create=function(e,s){return new ge(e,s)},t}(_),ge=function(i){K(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:Ze},t}(Ct),os=function(i){K(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}(Ct),as=new _(function(i){return i.complete()});function ls(i){return i&&v(i.schedule)}function ei(i){return i[i.length-1]}function cs(i){return ls(ei(i))?i.pop():void 0}function us(i,t){return typeof ei(i)=="number"?i.pop():t}var ii=function(i){return i&&typeof i.length=="number"&&typeof i!="function"};function si(i){return v(i==null?void 0:i.then)}function ni(i){return v(i[Zt])}function ri(i){return Symbol.asyncIterator&&v(i==null?void 0:i[Symbol.asyncIterator])}function oi(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 hs(){return typeof Symbol!="function"||!Symbol.iterator?"@@iterator":Symbol.iterator}var ai=hs();function li(i){return v(i==null?void 0:i[ai])}function ci(i){return Ki(this,arguments,function(){var e,s,n,r;return Ke(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,F(e.read())];case 3:return s=o.sent(),n=s.value,r=s.done,r?[4,F(void 0)]:[3,5];case 4:return[2,o.sent()];case 5:return[4,F(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 ui(i){return v(i==null?void 0:i.getReader)}function X(i){if(i instanceof _)return i;if(i!=null){if(ni(i))return ds(i);if(ii(i))return fs(i);if(si(i))return ps(i);if(ri(i))return hi(i);if(li(i))return gs(i);if(ui(i))return $s(i)}throw oi(i)}function ds(i){return new _(function(t){var e=i[Zt]();if(v(e.subscribe))return e.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}function fs(i){return new _(function(t){for(var e=0;e<i.length&&!t.closed;e++)t.next(i[e]);t.complete()})}function ps(i){return new _(function(t){i.then(function(e){t.closed||(t.next(e),t.complete())},function(e){return t.error(e)}).then(null,Ve)})}function gs(i){return new _(function(t){var e,s;try{for(var n=q(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 hi(i){return new _(function(t){vs(i,t).catch(function(e){return t.error(e)})})}function $s(i){return hi(ci(i))}function vs(i,t){var e,s,n,r;return Gi(this,void 0,void 0,function(){var o,a;return Ke(this,function(l){switch(l.label){case 0:l.trys.push([0,5,6,11]),e=Xi(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 k(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 di(i,t){return t===void 0&&(t=0),Et(function(e,s){e.subscribe($t(s,function(n){return k(s,i,function(){return s.next(n)},t)},function(){return k(s,i,function(){return s.complete()},t)},function(n){return k(s,i,function(){return s.error(n)},t)}))})}function fi(i,t){return t===void 0&&(t=0),Et(function(e,s){s.add(i.schedule(function(){return e.subscribe(s)},t))})}function ms(i,t){return X(i).pipe(fi(t),di(t))}function ys(i,t){return X(i).pipe(fi(t),di(t))}function bs(i,t){return new _(function(e){var s=0;return t.schedule(function(){s===i.length?e.complete():(e.next(i[s++]),e.closed||this.schedule())})})}function _s(i,t){return new _(function(e){var s;return k(e,t,function(){s=i[ai](),k(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 v(s==null?void 0:s.return)&&s.return()}})}function pi(i,t){if(!i)throw new Error("Iterable cannot be null");return new _(function(e){k(e,t,function(){var s=i[Symbol.asyncIterator]();k(e,t,function(){s.next().then(function(n){n.done?e.complete():e.next(n.value)})},0,!0)})})}function ws(i,t){return pi(ci(i),t)}function xs(i,t){if(i!=null){if(ni(i))return ms(i,t);if(ii(i))return bs(i,t);if(si(i))return ys(i,t);if(ri(i))return pi(i,t);if(li(i))return _s(i,t);if(ui(i))return ws(i,t)}throw oi(i)}function Ss(i,t){return t?xs(i,t):X(i)}function As(i,t){return Et(function(e,s){var n=0;e.subscribe($t(s,function(r){s.next(i.call(t,r,n++))}))})}function Es(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?$(g):l.push(g)},$=function(g){r&&t.next(g),c++;var he=!1;X(e(g,u++)).subscribe($t(t,function(Z){n==null||n(Z),r?f(Z):t.next(Z)},function(){he=!0},void 0,function(){if(he)try{c--;for(var Z=function(){var ct=l.shift();o?k(t,o,function(){return $(ct)}):$(ct)};l.length&&c<s;)Z();d()}catch(ct){t.error(ct)}}))};return i.subscribe($t(t,f,function(){h=!0,d()})),function(){a==null||a()}}function gi(i,t,e){return e===void 0&&(e=1/0),v(t)?gi(function(s,n){return As(function(r,o){return t(s,r,n,o)})(X(i(s,n)))},e):(typeof t=="number"&&(e=t),Et(function(s,n){return Es(s,n,i,e)}))}function Cs(i){return i===void 0&&(i=1/0),gi(ti,i)}function ks(){for(var i=[],t=0;t<arguments.length;t++)i[t]=arguments[t];var e=cs(i),s=us(i,1/0),n=i;return n.length?n.length===1?X(n[0]):Cs(s)(Ss(n,e)):as}/**
|
|
4
|
+
* @license
|
|
5
|
+
* Copyright 2019 Google LLC
|
|
6
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
7
|
+
*/const ft=globalThis,Qt=ft.ShadowRoot&&(ft.ShadyCSS===void 0||ft.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Jt=Symbol(),$e=new WeakMap;let $i=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Jt)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(Qt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=$e.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&$e.set(e,t))}return t}toString(){return this.cssText}};const Os=i=>new $i(typeof i=="string"?i:i+"",void 0,Jt),M=(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 $i(e,i,Jt)},Ts=(i,t)=>{if(Qt)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=ft.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,i.appendChild(s)}},ve=Qt?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Os(e)})(i):i;/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/const{is:Ps,defineProperty:Ls,getOwnPropertyDescriptor:Is,getOwnPropertyNames:Rs,getOwnPropertySymbols:Us,getPrototypeOf:js}=Object,O=globalThis,me=O.trustedTypes,Ms=me?me.emptyScript:"",Ut=O.reactiveElementPolyfillSupport,J=(i,t)=>i,vt={toAttribute(i,t){switch(t){case Boolean:i=i?Ms: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}},Vt=(i,t)=>!Ps(i,t),ye={attribute:!0,type:String,converter:vt,reflect:!1,hasChanged:Vt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),O.litPropertyMetadata??(O.litPropertyMetadata=new WeakMap);let D=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=ye){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&Ls(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:r}=Is(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return n==null?void 0:n.call(this)},set(o){const a=n==null?void 0:n.call(this);r.call(this,o),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ye}static _$Ei(){if(this.hasOwnProperty(J("elementProperties")))return;const t=js(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(J("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(J("properties"))){const e=this.properties,s=[...Rs(e),...Us(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(ve(n))}else t!==void 0&&e.push(ve(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 Ts(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)}_$EC(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:vt).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null}}_$AK(t,e){var r;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const o=s.getPropertyOptions(n),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((r=o.converter)==null?void 0:r.fromAttribute)!==void 0?o.converter:vt;this._$Em=n,this[n]=a.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??Vt)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var 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)o.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.P(r,this[r],o)}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._$EU()}catch(n){throw t=!1,this._$EU(),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)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};D.elementStyles=[],D.shadowRootOptions={mode:"open"},D[J("elementProperties")]=new Map,D[J("finalized")]=new Map,Ut==null||Ut({ReactiveElement:D}),(O.reactiveElementVersions??(O.reactiveElementVersions=[])).push("2.0.4");/**
|
|
12
|
+
* @license
|
|
13
|
+
* Copyright 2017 Google LLC
|
|
14
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
15
|
+
*/const V=globalThis,mt=V.trustedTypes,be=mt?mt.createPolicy("lit-html",{createHTML:i=>i}):void 0,vi="$lit$",C=`lit$${(Math.random()+"").slice(9)}$`,mi="?"+C,Ns=`<${mi}>`,R=document,et=()=>R.createComment(""),it=i=>i===null||typeof i!="object"&&typeof i!="function",yi=Array.isArray,Ds=i=>yi(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",jt=`[
|
|
16
|
+
\f\r]`,Q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_e=/-->/g,we=/>/g,P=RegExp(`>|${jt}(?:([^\\s"'>=/]+)(${jt}*=${jt}*(?:[^
|
|
17
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,Se=/"/g,bi=/^(?:script|style|textarea|title)$/i,Hs=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),E=Hs(1),U=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),Ae=new WeakMap,I=R.createTreeWalker(R,129);function _i(i,t){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return be!==void 0?be.createHTML(t):t}const Bs=(i,t)=>{const e=i.length-1,s=[];let n,r=t===2?"<svg>":"",o=Q;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===Q?u[1]==="!--"?o=_e:u[1]!==void 0?o=we:u[2]!==void 0?(bi.test(u[2])&&(n=RegExp("</"+u[2],"g")),o=P):u[3]!==void 0&&(o=P):o===P?u[0]===">"?(o=n??Q,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,c=u[1],o=u[3]===void 0?P:u[3]==='"'?Se:xe):o===Se||o===xe?o=P:o===_e||o===we?o=Q:(o=P,n=void 0);const f=o===P&&i[a+1].startsWith("/>")?" ":"";r+=o===Q?l+Ns:h>=0?(s.push(c),l.slice(0,h)+vi+l.slice(h)+C+f):l+C+(h===-2?a:f)}return[_i(i,r+(i[e]||"<?>")+(t===2?"</svg>":"")),s]};class st{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]=Bs(t,e);if(this.el=st.createElement(c,s),I.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=I.nextNode())!==null&&l.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(const h of n.getAttributeNames())if(h.endsWith(vi)){const d=u[o++],f=n.getAttribute(h).split(C),$=/([.?@])?(.*)/.exec(d);l.push({type:1,index:r,name:$[2],strings:f,ctor:$[1]==="."?Fs:$[1]==="?"?Ws:$[1]==="@"?Ys:kt}),n.removeAttribute(h)}else h.startsWith(C)&&(l.push({type:6,index:r}),n.removeAttribute(h));if(bi.test(n.tagName)){const h=n.textContent.split(C),d=h.length-1;if(d>0){n.textContent=mt?mt.emptyScript:"";for(let f=0;f<d;f++)n.append(h[f],et()),I.nextNode(),l.push({type:2,index:++r});n.append(h[d],et())}}}else if(n.nodeType===8)if(n.data===mi)l.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(C,h+1))!==-1;)l.push({type:7,index:r}),h+=C.length-1}r++}}static createElement(t,e){const s=R.createElement("template");return s.innerHTML=t,s}}function G(i,t,e=i,s){var o,a;if(t===U)return t;let n=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const r=it(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=G(i,n._$AS(i,t.values),n,s)),t}class zs{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)??R).importNode(e,!0);I.currentNode=n;let r=I.nextNode(),o=0,a=0,l=s[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new rt(r,r.nextSibling,this,t):l.type===1?c=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(c=new qs(r,this,t)),this._$AV.push(c),l=s[++a]}o!==(l==null?void 0:l.index)&&(r=I.nextNode(),o++)}return I.currentNode=R,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 rt{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=G(this,t,e),it(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ds(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==p&&it(this._$AH)?this._$AA.nextSibling.data=t:this.T(R.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=st.createElement(_i(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 zs(n,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Ae.get(t.strings);return e===void 0&&Ae.set(t.strings,e=new st(t)),e}k(t){yi(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 rt(this.S(et()),this.S(et()),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 kt{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=G(this,t,e,0),o=!it(t)||t!==this._$AH&&t!==U,o&&(this._$AH=t);else{const a=t;let l,c;for(t=r[0],l=0;l<r.length-1;l++)c=G(this,a[s+l],e,l),c===U&&(c=this._$AH[l]),o||(o=!it(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??"")}}class Fs extends kt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}}let Ws=class extends kt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}};class Ys extends kt{constructor(t,e,s,n,r){super(t,e,s,n,r),this.type=5}_$AI(t,e=this){if((t=G(this,t,e,0)??p)===U)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 qs{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){G(this,t)}}const Mt=V.litHtmlPolyfillSupport;Mt==null||Mt(st,rt),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.1.2");const Gs=(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 rt(t.insertBefore(et(),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
|
+
*/let x=class extends D{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=Gs(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 U}};var Ge;x._$litElement$=!0,x.finalized=!0,(Ge=globalThis.litElementHydrateSupport)==null||Ge.call(globalThis,{LitElement:x});const Nt=globalThis.litElementPolyfillSupport;Nt==null||Nt({LitElement:x});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");/**
|
|
22
|
+
* @license
|
|
23
|
+
* Copyright 2017 Google LLC
|
|
24
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
+
*/const Ks={attribute:!0,type:String,converter:vt,reflect:!1,hasChanged:Vt},Xs=(i=Ks,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),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.P(o,void 0,i),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 b(i){return(t,e)=>typeof e=="object"?Xs(i,t,e):((s,n,r)=>{const o=n.hasOwnProperty(r);return n.constructor.createProperty(r,o?{...s,wrapped:!0}: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 N(i){return b({...i,state:!0,attribute:!1})}var Zs=Object.defineProperty,Qs=Object.getOwnPropertyDescriptor,Js=(i,t,e,s)=>{for(var n=s>1?void 0:s?Qs(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&Zs(t,e,n),n};class te extends x{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}}te.styles=[M`
|
|
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
|
+
`];Js([b({attribute:!0})],te.prototype,"anchor",2);/**
|
|
46
|
+
* @license
|
|
47
|
+
* Copyright 2017 Google LLC
|
|
48
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
+
*/const ee={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ie=i=>(...t)=>({_$litDirective$:i,values:t});let wi=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 Vs=i=>i.strings===void 0;/**
|
|
54
|
+
* @license
|
|
55
|
+
* Copyright 2017 Google LLC
|
|
56
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
|
+
*/const tt=(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),tt(n,t);return!0},yt=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)},xi=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),sn(t)}};function tn(i){this._$AN!==void 0?(yt(this),this._$AM=i,xi(this)):this._$AM=i}function en(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++)tt(s[r],!1),yt(s[r]);else s!=null&&(tt(s,!1),yt(s));else tt(this,i)}const sn=i=>{i.type==ee.CHILD&&(i._$AP??(i._$AP=en),i._$AQ??(i._$AQ=tn))};class Si extends wi{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),xi(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&&(tt(this,t),yt(this))}setValue(t){if(Vs(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 nn=new WeakMap;let Ee=0;const Dt=new Map,Ce=new WeakSet,ke=()=>new Promise(i=>requestAnimationFrame(i)),Oe=[{transform:"translateY(-100%) scale(0)",opacity:0}],rn=[{transform:"translateX(100%) scale(0)",opacity:0}],Te=(i,t)=>{const e=i-t;return e===0?void 0:e},Pe=(i,t)=>{const e=i/t;return e===1?void 0:e},Ht={left:(i,t)=>{const e=Te(i,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(i,t)=>{const e=Te(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=Pe(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=Pe(i,t);return{value:s,overrideFrom:e,transform:s==null||isNaN(s)?void 0:`scaleY(${s})`}}},on={duration:333,easing:"ease-in-out"},an=["left","top","width","height","opacity","color","background"],Le=new WeakMap;class ln extends Si{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===ee.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 nn.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,Le.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=an),this.options=t}m(){const t={},e=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach(n=>{const r=e[n]??(Ht[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 ke;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,Ee++,t.forEach(l=>l.zIndex=Ee)}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 ke(),(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=Le.get(e);s&&!s.isDisabled()&&s&&t.push(s)}return t}get isHostRendered(){const t=Ce.has(this.u);return t||this.u.updateComplete.then(()=>{Ce.add(this.u)}),t}j(t,e=this.O()){const s={...on};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 Ht){const h=Ht[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 Ai=ie(ln),cn={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 Ie=ie(class extends wi{constructor(i){var t;if(super(i),i.type!==ee.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 U}}),A=(i,t,e)=>{i&&e.style.setProperty(t,i)},Ei=(i,t)=>{var e,s,n,r,o,a,l,c,u;A((e=i.colors)==null?void 0:e.primaryBackground,"--primary-background",t),A((s=i.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),A((n=i.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),A((r=i.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t),A((o=i.colors)==null?void 0:o.interactiveDestructiveBackground,"--destructive-color",t),A((a=i.colors)==null?void 0:a.interactiveTextOnDestructiveBackground,"--text-on-destructive-color",t),A((l=i.colors)==null?void 0:l.interactivePrimaryBackground,"--interactive-primary-background",t),A((c=i.colors)==null?void 0:c.interactiveTextOnPrimaryBackground,"--interactive-text-on-primary-background",t),A((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 bt=()=>new un;let un=class{};const Bt=new WeakMap,se=ie(class extends Si{render(i){return p}update(i,[t]){var s;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),p}rt(i){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=Bt.get(t);e===void 0&&(e=new WeakMap,Bt.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,i),i!==void 0&&this.Y.call(this.ht,i)}else this.Y.value=i}get lt(){var i,t;return typeof this.Y=="function"?(i=Bt.get(this.ht??globalThis))==null?void 0:i.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var hn=Object.defineProperty,dn=Object.getOwnPropertyDescriptor,ot=(i,t,e,s)=>{for(var n=s>1?void 0:s?dn(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&hn(t,e,n),n};class T extends x{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=bt(),this.widgetActive$=new os(!1),this.componentIsDestroyed$=new Ct}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?(this.application.appendToDOM(),this.widgetActive$.next(!0)):(this.application.hide(),this.widgetActive$.next(!1))}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&Ei(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 E` <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=>cn,{type:r,content:o}=s;switch(r){case"Telia":{const u=await n();return u?E`<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 E`<div
|
|
70
|
+
class=${Ie({"trigger-container":!0,hidden:!this.triggerVisible})}
|
|
71
|
+
${se(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)?E`
|
|
74
|
+
<button
|
|
75
|
+
label="${this.application.settings.branding.other.buttonLabelText??"Widget trigger"}"
|
|
76
|
+
class="trigger-label"
|
|
77
|
+
@click=${this.toggleActive}
|
|
78
|
+
${Ai({keyframeOptions:{},in:rn,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=${Ie({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>`}}T.styles=[M`
|
|
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
|
+
.trigger-container {
|
|
129
|
+
display: flex;
|
|
130
|
+
align-items: center;
|
|
131
|
+
gap: 1rem;
|
|
132
|
+
}
|
|
133
|
+
.trigger-container.hidden {
|
|
134
|
+
display: none;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.trigger {
|
|
138
|
+
transform: scale(0);
|
|
139
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
|
140
|
+
z-index: 5;
|
|
141
|
+
display: flex;
|
|
142
|
+
align-items: center;
|
|
143
|
+
justify-content: center;
|
|
144
|
+
border: none;
|
|
145
|
+
line-height: 55px;
|
|
146
|
+
height: 55px;
|
|
147
|
+
width: 55px;
|
|
148
|
+
border-radius: 55px;
|
|
149
|
+
cursor: pointer;
|
|
150
|
+
background-color: var(
|
|
151
|
+
--interactive-primary-background,
|
|
152
|
+
var(--primary-background)
|
|
153
|
+
);
|
|
154
|
+
font-family: Lato;
|
|
155
|
+
text-decoration: none;
|
|
156
|
+
border: 3px dashed transparent;
|
|
157
|
+
box-sizing: border-box;
|
|
158
|
+
transition: transform 200ms ease-out;
|
|
159
|
+
}
|
|
160
|
+
.trigger:active {
|
|
161
|
+
transform: scale(0.8) !important;
|
|
162
|
+
}
|
|
163
|
+
.trigger:hover:not(:active) {
|
|
164
|
+
transform: scale(1.1) !important;
|
|
165
|
+
}
|
|
166
|
+
.trigger.rendered {
|
|
167
|
+
transform: scale(1);
|
|
168
|
+
}
|
|
169
|
+
.trigger.active .trigger-icon {
|
|
170
|
+
opacity: 0;
|
|
171
|
+
transform: rotate(-180deg) scale(0);
|
|
172
|
+
}
|
|
173
|
+
.trigger.active .trigger-close {
|
|
174
|
+
opacity: 1;
|
|
175
|
+
transform: rotate(0deg) scale(1);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.trigger-icon {
|
|
179
|
+
display: inline-block;
|
|
180
|
+
line-height: inherit;
|
|
181
|
+
text-align: center;
|
|
182
|
+
opacity: 1;
|
|
183
|
+
transform: rotate(0deg) scale(1);
|
|
184
|
+
transition: opacity 200ms ease-out, transform 200ms ease-out;
|
|
185
|
+
color: var(
|
|
186
|
+
--interactive-text-on-primary-background,
|
|
187
|
+
var(--text-on-primary-background)
|
|
188
|
+
);
|
|
189
|
+
}
|
|
190
|
+
.trigger-close {
|
|
191
|
+
opacity: 0;
|
|
192
|
+
transition: transform 200ms ease-out;
|
|
193
|
+
transform: rotate(180deg) scale(0);
|
|
194
|
+
position: absolute;
|
|
195
|
+
top: 0;
|
|
196
|
+
bottom: 0;
|
|
197
|
+
left: 0;
|
|
198
|
+
right: 0;
|
|
199
|
+
display: flex;
|
|
200
|
+
justify-content: center;
|
|
201
|
+
align-items: center;
|
|
202
|
+
}
|
|
203
|
+
.trigger-close svg path {
|
|
204
|
+
fill: var(
|
|
205
|
+
--interactive-text-on-primary-background,
|
|
206
|
+
var(--text-on-primary-background)
|
|
207
|
+
);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
img {
|
|
211
|
+
max-width: 100%;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.trigger-label {
|
|
215
|
+
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
|
216
|
+
background-color: var(--trigger-label-bg);
|
|
217
|
+
color: var(--trigger-label-text-color);
|
|
218
|
+
white-space: nowrap;
|
|
219
|
+
padding: 0.7rem 1rem;
|
|
220
|
+
border-radius: 0.3rem;
|
|
221
|
+
font-weight: 500;
|
|
222
|
+
display: flex;
|
|
223
|
+
justify-content: center;
|
|
224
|
+
align-items: center;
|
|
225
|
+
cursor: pointer;
|
|
226
|
+
border: none;
|
|
227
|
+
font-size: 1rem;
|
|
228
|
+
font-family: inherit;
|
|
229
|
+
transition: all 300ms ease-in-out;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.trigger-label:hover {
|
|
233
|
+
opacity: 0.8;
|
|
234
|
+
}
|
|
235
|
+
`];ot([b({attribute:!1})],T.prototype,"application",2);ot([N()],T.prototype,"active",2);ot([N()],T.prototype,"triggerVisible",2);ot([N()],T.prototype,"loaded",2);ot([N()],T.prototype,"icon",2);var fn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,L=(i,t,e,s)=>{for(var n=s>1?void 0:s?pn(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&fn(t,e,n),n};const Ci=i=>{class t extends i{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(s){this.properties=s}writeLayout(s){this.layout=s}writeContext(s){this.context=s}addChild(s){s.parent=this,this.nodes.push(s)}connectedCallback(){super.connectedCallback(),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),this.application.mountComponent(this)}}return t.styles=[M`
|
|
236
|
+
:host {
|
|
237
|
+
font-family: var(--font-family);
|
|
238
|
+
grid-column: span var(--width);
|
|
239
|
+
max-width: 100%;
|
|
240
|
+
overflow: hidden;
|
|
241
|
+
box-sizing: border-box;
|
|
242
|
+
display: block;
|
|
243
|
+
}
|
|
244
|
+
* {
|
|
245
|
+
box-sizing: border-box;
|
|
246
|
+
}
|
|
247
|
+
`],L([b()],t.prototype,"properties",2),L([b()],t.prototype,"context",2),L([b()],t.prototype,"layout",2),L([b()],t.prototype,"name",2),L([b()],t.prototype,"type",2),L([b({attribute:!1})],t.prototype,"application",2),L([b({attribute:!1})],t.prototype,"parent",2),t};class ki extends Ci(x){render(){return E`Non resolved component`}}ki.styles=[M`
|
|
248
|
+
:host {
|
|
249
|
+
display: block;
|
|
250
|
+
}
|
|
251
|
+
`];/**
|
|
252
|
+
* @license
|
|
253
|
+
* Copyright 2021 Google LLC
|
|
254
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
255
|
+
*/function*gn(i,t){if(i!==void 0){let e=0;for(const s of i)yield t(s,e++)}}var ne=(i=>(i.Inline="inline",i.Trigger="trigger",i))(ne||{});/**
|
|
256
|
+
* @license
|
|
257
|
+
* Copyright 2021 Google LLC
|
|
258
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
259
|
+
*/let $n=class extends Event{constructor(t,e,s){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=s??!1}};/**
|
|
260
|
+
* @license
|
|
261
|
+
* Copyright 2021 Google LLC
|
|
262
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
263
|
+
*//**
|
|
264
|
+
* @license
|
|
265
|
+
* Copyright 2021 Google LLC
|
|
266
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
267
|
+
*/class vn{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()}}/**
|
|
268
|
+
* @license
|
|
269
|
+
* Copyright 2021 Google LLC
|
|
270
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
271
|
+
*/let mn=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class Re extends vn{constructor(t,e,s){var n,r;super(e.context!==void 0?e.initialValue:s),this.onContextRequest=o=>{const a=o.composedPath()[0];o.context===this.context&&a!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,a,o.subscribe))},this.onProviderRequest=o=>{const a=o.composedPath()[0];if(o.context!==this.context||a===this.host)return;const l=new Set;for(const[c,{consumerHost:u}]of this.subscriptions)l.has(c)||(l.add(c),u.dispatchEvent(new $n(this.context,c,!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 mn(this.context))}}/**
|
|
272
|
+
* @license
|
|
273
|
+
* Copyright 2017 Google LLC
|
|
274
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
275
|
+
*/function yn({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){s.set(this,new Re(this,{context:i}))}),{get(){return t.get.call(this)},set(n){var r;return(r=s.get(this))==null||r.setValue(n),t.set.call(this,n)},init(n){var r;return(r=s.get(this))==null||r.setValue(n),n}};{t.constructor.addInitializer(o=>{s.set(o,new Re(o,{context:i}))});const n=Object.getOwnPropertyDescriptor(t,e);let r;if(n===void 0){const o=new WeakMap;r={get:function(){return o.get(this)},set:function(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=n.set;r={...n,set:function(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,r)}}}var bn=Object.defineProperty,_n=Object.getOwnPropertyDescriptor,wn=(i,t,e,s)=>{for(var n=s>1?void 0:s?_n(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&bn(t,e,n),n};const xn="application";class re extends x{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=bt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&Ei(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===ne.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")),E`<div class="widget-container" ${se(this.wrapperRef)}>
|
|
276
|
+
${gn(this.nodes,r=>r)}
|
|
277
|
+
</div>`}}re.styles=M`
|
|
278
|
+
:host {
|
|
279
|
+
--font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
|
280
|
+
--spacing-xs: 0.2rem;
|
|
281
|
+
--spacing-sm: 0.5rem;
|
|
282
|
+
--spacing-md: 1rem;
|
|
283
|
+
--spacing-lg: 1.2rem;
|
|
284
|
+
--spacing-xl: 1.8rem;
|
|
285
|
+
|
|
286
|
+
--inverted-spacing-lg: -1.2rem;
|
|
287
|
+
|
|
288
|
+
--text-color: #222222;
|
|
289
|
+
--link-color: #990ae3;
|
|
290
|
+
--gray-color: #f3f3f8;
|
|
291
|
+
--white-color: #fff;
|
|
292
|
+
--gray-dark-color: #a6a6a6;
|
|
293
|
+
--black-border-color: #00000054;
|
|
294
|
+
|
|
295
|
+
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
|
296
|
+
--border-radius: var(--spacing-sm);
|
|
297
|
+
--border-radius-sm: var(--spacing-sm);
|
|
298
|
+
--border-radius-lg: var(--spacing-lg);
|
|
299
|
+
--border-radius-xl: var(--spacing-xl);
|
|
300
|
+
--gap: var(--spacing-sm);
|
|
301
|
+
|
|
302
|
+
--header-height: 69px;
|
|
303
|
+
}
|
|
304
|
+
:host {
|
|
305
|
+
--voca-rem-multiplier: 0.625;
|
|
306
|
+
box-sizing: border-box;
|
|
307
|
+
display: block;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
:host(.inline) {
|
|
311
|
+
height: 100%;
|
|
312
|
+
position: fixed;
|
|
313
|
+
inset: 0 0 0 0;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
:host(.floating) {
|
|
317
|
+
z-index: 6;
|
|
318
|
+
position: fixed;
|
|
319
|
+
}
|
|
320
|
+
@media screen and (max-width: 800px) {
|
|
321
|
+
:host(.floating) {
|
|
322
|
+
inset: 0 0 95px 0;
|
|
323
|
+
height: 100%;
|
|
324
|
+
}
|
|
325
|
+
:host(.third-party) {
|
|
326
|
+
inset: 0 0 95px 0;
|
|
327
|
+
height: 100vh;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
@media screen and (min-width: 801px) {
|
|
331
|
+
:host(.floating) {
|
|
332
|
+
inset: auto 20px 95px auto;
|
|
333
|
+
max-height: calc(100vh - 120px);
|
|
334
|
+
width: 400px;
|
|
335
|
+
height: 700px;
|
|
336
|
+
}
|
|
337
|
+
:host(.third-party) {
|
|
338
|
+
max-width: 1000px;
|
|
339
|
+
height: 100vh;
|
|
340
|
+
position: relative;
|
|
341
|
+
left: 50%;
|
|
342
|
+
transform: translateX(-50%);
|
|
343
|
+
margin: -10px 0;
|
|
344
|
+
}
|
|
345
|
+
:host(.floating.bottom-right) {
|
|
346
|
+
inset: auto 20px 95px auto;
|
|
347
|
+
}
|
|
348
|
+
:host(.floating.bottom-left) {
|
|
349
|
+
inset: auto auto 95px 20px;
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
:host(.floating) .widget-container {
|
|
354
|
+
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
|
355
|
+
border-radius: 0.7rem;
|
|
356
|
+
|
|
357
|
+
@media screen and (max-width: 800px) {
|
|
358
|
+
border-radius: 0;
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
* {
|
|
363
|
+
box-sizing: border-box;
|
|
364
|
+
}
|
|
365
|
+
.widget-container {
|
|
366
|
+
height: 100%;
|
|
367
|
+
background-color: var(--primary-background);
|
|
368
|
+
padding: var(--spacing-sm);
|
|
369
|
+
border: var(--widget-border, none);
|
|
370
|
+
}
|
|
371
|
+
@keyframes slideDown {
|
|
372
|
+
from {
|
|
373
|
+
transform: translateY(0);
|
|
374
|
+
opacity: 1;
|
|
375
|
+
}
|
|
376
|
+
to {
|
|
377
|
+
transform: translateY(100%);
|
|
378
|
+
opacity: 0;
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
@keyframes slideUp {
|
|
382
|
+
from {
|
|
383
|
+
transform: translateY(100%);
|
|
384
|
+
opacity: 0;
|
|
385
|
+
}
|
|
386
|
+
to {
|
|
387
|
+
transform: translateY(0);
|
|
388
|
+
opacity: 1;
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
:host(.expanded) {
|
|
392
|
+
opacity: 1;
|
|
393
|
+
animation: slideUp 0.3s linear;
|
|
394
|
+
}
|
|
395
|
+
:host(.hidden) {
|
|
396
|
+
opacity: 0;
|
|
397
|
+
animation: slideDown 0.3s linear;
|
|
398
|
+
pointer-events: none;
|
|
399
|
+
}
|
|
400
|
+
`;wn([b({attribute:!1}),yn({context:xn})],re.prototype,"application",2);var Sn=Object.defineProperty,An=Object.getOwnPropertyDescriptor,oe=(i,t,e,s)=>{for(var n=s>1?void 0:s?An(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&Sn(t,e,n),n};class at extends x{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===ne.Trigger){const t=new T;return t.application=this.widget,t}return this.widget.render()}}at.styles=[M`
|
|
401
|
+
:host {
|
|
402
|
+
display: block;
|
|
403
|
+
}
|
|
404
|
+
`];oe([b({attribute:!0})],at.prototype,"name",2);oe([N()],at.prototype,"widget",2);oe([N()],at.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",te);customElements.get("ace-trigger")||customElements.define("ace-trigger",T);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",ki);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",re);customElements.get("ace-widget")||customElements.define("ace-widget",at);const En=()=>crypto.randomUUID();class Cn{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 Ct,this.id=En(),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 kn{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 Cn(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=ks(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 H={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 B,Oi,Ot,Ti=!1,_t=!1,ae=!1,y=!1,Ue=null,qt=!1;const Tt=typeof window<"u"?window:{},S=Tt.document||{head:{}},Pi=Tt.HTMLElement||class{},m={$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)},On=(()=>{let i=!1;try{S.addEventListener("e",null,Object.defineProperty({},"passive",{get(){i=!0}}))}catch{}return i})(),Tn=i=>Promise.resolve(i),Pn=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),Li=(i,t,e,s)=>{e&&e.map(([n,r,o])=>{const a=In(i,n),l=Ln(t,o),c=Rn(n);m.ael(a,r,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>m.rel(a,r,l,c))})},Ln=(i,t)=>e=>{try{H.lazyLoad||i.$hostElement$[t](e)}catch(s){lt(s)}},In=(i,t)=>t&4?S:t&8?Tt:t&16?S.body:i,Rn=i=>On?{passive:(i&1)!==0,capture:(i&2)!==0}:(i&2)!==0,je="http://www.w3.org/1999/xlink",j=(i,t="")=>()=>{},Me=new WeakMap,Un=(i,t,e)=>{let s=St.get(i);Pn&&e?(s=s||new CSSStyleSheet,s.replace(t)):s=t,St.set(i,s)},jn=(i,t,e,s)=>{let n=Ii(t,e),r=St.get(n);if(i=i.nodeType===11?i:S,r)if(typeof r=="string"){i=i.head||i;let o=Me.get(i),a;o||Me.set(i,o=new Set),o.has(n)||(a=S.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},Mn=i=>{const t=i.$cmpMeta$,e=i.$hostElement$,s=t.$flags$,n=j("attachStyles",t.$tagName$),r=jn(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()},Ii=(i,t)=>"sc-"+(t&&i.$flags$&32?i.$tagName$+"-"+t:i.$tagName$),Nn=i=>dr.map(t=>t(i)).find(t=>!!t),Ne={},Dn="http://www.w3.org/2000/svg",Hn="http://www.w3.org/1999/xhtml",Bn=i=>i!=null,le=i=>(i=typeof i,i==="object"||i==="function"),W=(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"&&!le(s))&&(s=String(s)),o&&a?l[l.length-1].$text$+=s:l.push(o?wt(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,Fn);const u=wt(i,null);return u.$attrs$=t,l.length>0&&(u.$children$=l),u.$key$=n,u.$name$=r,u},wt=(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},ce={},zn=i=>i&&i.$tag$===ce,Fn={forEach:(i,t)=>i.map(De).forEach(t),map:(i,t)=>i.map(De).map(t).map(Wn)},De=i=>({vattrs:i.$attrs$,vchildren:i.$children$,vkey:i.$key$,vname:i.$name$,vtag:i.$tag$,vtext:i.$text$}),Wn=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),W(i.vtag,e,...i.vchildren||[])}const t=wt(i.vtag,i.vtext);return t.$attrs$=i.vattrs,t.$children$=i.vchildren,t.$key$=i.vkey,t.$name$=i.vname,t},He=(i,t,e,s,n,r)=>{if(e!==s){let o=We(i,t),a=t.toLowerCase();if(t==="class"){const l=i.classList,c=Be(e),u=Be(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):We(Tt,a)?t=a.slice(2):t=a[2]+t.slice(3),e&&m.rel(i,t,e,!1),s&&m.ael(i,t,s,!1);else{const l=le(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(je,t):i.removeAttribute(t)):(!o||r&4||n)&&!l&&(s=s===!0?"":s,c?i.setAttributeNS(je,t,s):i.setAttribute(t,s))}}},Yn=/\s/,Be=i=>i?i.split(Yn):[],Ri=(i,t,e,s)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=i&&i.$attrs$||Ne,o=t.$attrs$||Ne;for(s in r)s in o||He(n,s,r[s],void 0,e,t.$flags$);for(s in o)He(n,s,r[s],o[s],e,t.$flags$)},xt=(i,t,e,s)=>{let n=t.$children$[e],r=0,o,a,l;if(Ti||(ae=!0,n.$tag$==="slot"&&(B&&s.classList.add(B+"-s"),n.$flags$|=n.$children$?2:1)),n.$text$!==null)o=n.$elm$=S.createTextNode(n.$text$);else if(n.$flags$&1)o=n.$elm$=S.createTextNode("");else{if(y||(y=n.$tag$==="svg"),o=n.$elm$=S.createElementNS(y?Dn:Hn,n.$flags$&2?"slot-fb":n.$tag$),y&&n.$tag$==="foreignObject"&&(y=!1),Ri(null,n,y),Bn(B)&&o["s-si"]!==B&&o.classList.add(o["s-si"]=B),n.$children$)for(r=0;r<n.$children$.length;++r)a=xt(i,n,r,o),a&&o.appendChild(a);n.$tag$==="svg"?y=!1:o.tagName==="foreignObject"&&(y=!0)}return o["s-hn"]=Ot,n.$flags$&3&&(o["s-sr"]=!0,o["s-cr"]=Oi,o["s-sn"]=n.$name$||"",l=i&&i.$children$&&i.$children$[e],l&&l.$tag$===n.$tag$&&i.$elm$&&nt(i.$elm$,!1)),o},nt=(i,t)=>{m.$flags$|=1;const e=i.childNodes;for(let s=e.length-1;s>=0;s--){const n=e[s];n["s-hn"]!==Ot&&n["s-ol"]&&(Mi(n).insertBefore(n,ue(n)),n["s-ol"].remove(),n["s-ol"]=void 0,ae=!0),t&&nt(n,t)}m.$flags$&=-2},Ui=(i,t,e,s,n,r)=>{let o=i["s-cr"]&&i["s-cr"].parentNode||i,a;for(o.shadowRoot&&o.tagName===Ot&&(o=o.shadowRoot);n<=r;++n)s[n]&&(a=xt(null,e,n,i),a&&(s[n].$elm$=a,o.insertBefore(a,ue(t))))},ji=(i,t,e,s,n)=>{for(;t<=e;++t)(s=i[t])&&(n=s.$elm$,Hi(s),_t=!0,n["s-ol"]?n["s-ol"].remove():nt(n,!0),n.remove())},qn=(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],$,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(ht(c,d))z(c,d),c=t[++n],d=s[++r];else if(ht(u,f))z(u,f),u=t[--l],f=s[--h];else if(ht(c,f))(c.$tag$==="slot"||f.$tag$==="slot")&&nt(c.$elm$.parentNode,!1),z(c,f),i.insertBefore(c.$elm$,u.$elm$.nextSibling),c=t[++n],f=s[--h];else if(ht(u,d))(c.$tag$==="slot"||f.$tag$==="slot")&&nt(u.$elm$.parentNode,!1),z(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$?$=xt(t&&t[r],e,o,i):(z(g,d),t[o]=void 0,$=g.$elm$),d=s[++r]):($=xt(t&&t[r],e,r,i),d=s[++r]),$&&Mi(c.$elm$).insertBefore($,ue(c.$elm$))}n>l?Ui(i,s[h+1]==null?null:s[h+1].$elm$,e,s,r,h):r>h&&ji(t,n,l)},ht=(i,t)=>i.$tag$===t.$tag$?i.$tag$==="slot"?i.$name$===t.$name$:i.$key$===t.$key$:!1,ue=i=>i&&i["s-ol"]||i,Mi=i=>(i["s-ol"]?i["s-ol"]:i).parentNode,z=(i,t)=>{const e=t.$elm$=i.$elm$,s=i.$children$,n=t.$children$,r=t.$tag$,o=t.$text$;let a;o===null?(y=r==="svg"?!0:r==="foreignObject"?!1:y,r==="slot"||Ri(i,t,y),s!==null&&n!==null?qn(e,s,t,n):n!==null?(i.$text$!==null&&(e.textContent=""),Ui(e,null,t,n,0,n.length-1)):s!==null&&ji(s,0,s.length-1),y&&r==="svg"&&(y=!1)):(a=e["s-cr"])?a.parentNode.textContent=o:i.$text$!==o&&(e.data=o)},Ni=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}}Ni(e)}},w=[],Di=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"]&&(ze(e,n)?(r=w.find(u=>u.$nodeToRelocate$===e),_t=!0,e["s-sn"]=e["s-sn"]||n,r?r.$slotRefNode$=t:w.push({$slotRefNode$:t,$nodeToRelocate$:e}),e["s-sr"]&&w.map(u=>{ze(u.$nodeToRelocate$,e["s-sn"])&&(r=w.find(h=>h.$nodeToRelocate$===e),r&&!u.$slotRefNode$&&(u.$slotRefNode$=r.$slotRefNode$))})):w.some(u=>u.$nodeToRelocate$===e)||w.push({$nodeToRelocate$:e}));t.nodeType===1&&Di(t)}},ze=(i,t)=>i.nodeType===1?i.getAttribute("slot")===null&&t===""||i.getAttribute("slot")===t:i["s-sn"]===t?!0:t==="",Hi=i=>{i.$attrs$&&i.$attrs$.ref&&i.$attrs$.ref(null),i.$children$&&i.$children$.map(Hi)},Gn=(i,t)=>{const e=i.$hostElement$,s=i.$cmpMeta$,n=i.$vnode$||wt(null,null),r=zn(t)?t:W(null,null,t);Ot=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,B=e["s-sc"],Oi=e["s-cr"],Ti=(s.$flags$&1)!==0,_t=!1,z(n,r);{if(m.$flags$|=1,ae){Di(r.$elm$);let o,a,l,c,u,h,d=0;for(;d<w.length;d++)o=w[d],a=o.$nodeToRelocate$,a["s-ol"]||(l=S.createTextNode(""),l["s-nr"]=a,a.parentNode.insertBefore(a["s-ol"]=l,a));for(d=0;d<w.length;d++)if(o=w[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)}_t&&Ni(r.$elm$),m.$flags$&=-2,w.length=0}},Kn=i=>i,Xn=(i,t,e)=>{const s=Kn(i);return{emit:n=>Zn(s,t,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:n})}},Zn=(i,t,e)=>{const s=m.ce(t,e);return i.dispatchEvent(s),s},Qn=(i,t)=>{},Bi=(i,t)=>(i.$flags$|=16,Qn(i,i.$ancestorComponent$),gr(()=>Jn(i,t))),Jn=(i,t)=>{const e=i.$hostElement$,s=j("scheduleUpdate",i.$cmpMeta$.$tagName$),n=e;let r;return t?r=Y(n,"componentWillLoad"):r=Y(n,"componentWillUpdate"),r=Fe(r,()=>Y(n,"componentWillRender")),s(),Fe(r,()=>Vn(i,n,t))},Vn=async(i,t,e)=>{const s=i.$hostElement$,n=j("update",i.$cmpMeta$.$tagName$);s["s-rc"],e&&Mn(i);const r=j("render",i.$cmpMeta$.$tagName$);tr(i,t,s),r(),n(),er(i)},tr=(i,t,e)=>{try{Ue=t,t=t.render&&t.render(),i.$flags$&=-17,i.$flags$|=2,(H.hasRenderFn||H.reflect)&&(H.vdomRender||H.reflect)&&(H.hydrateServerSide||Gn(i,t))}catch(a){lt(a,i.$hostElement$)}return Ue=null,null},er=i=>{const t=i.$cmpMeta$.$tagName$,e=i.$hostElement$,s=j("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){lt(s)}},Fe=(i,t)=>i&&i.then?i.then(t):t(),ir=(i,t)=>i!=null&&!le(i)?t&4?i==="false"?!1:i===""||!!i:t&2?parseFloat(i):t&1?String(i):i:i,sr=(i,t)=>Pt(i).$instanceValues$.get(t),nr=(i,t,e,s)=>{const n=Pt(i),r=i,o=n.$instanceValues$.get(t),a=n.$flags$,l=r;e=ir(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){lt(f,r)}})}if((a&18)===2){if(l.componentShouldUpdate&&l.componentShouldUpdate(e,o,t)===!1)return;Bi(n,!1)}}}},rr=(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 sr(this,r)},set(a){nr(this,r,a,t)},configurable:!0,enumerable:!0})});{const r=new Map;n.attributeChangedCallback=function(o,a,l){m.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},or=async(i,t,e,s,n)=>{if(!(t.$flags$&32)&&(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$=Nn(i)]);const a=Ii(e,t.$modeName$);if(!St.has(a)){const l=j("registerStyles",e.$tagName$);Un(a,o,!!(e.$flags$&1)),l()}}t.$ancestorComponent$,(()=>Bi(t,!0))()},ar=i=>{},lr=i=>{if(!(m.$flags$&1)){const t=Pt(i),e=t.$cmpMeta$,s=j("connectedCallback",e.$tagName$);t.$flags$&1?(Li(i,t,e.$listeners$),ar(t.$lazyInstance$)):(t.$flags$|=1,e.$flags$&12&&cr(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}}),or(i,t,e)),s()}},cr=i=>{const t=i["s-cr"]=S.createComment("");t["s-cn"]=!0,i.insertBefore(t,i.firstChild)},ur=i=>{if(!(m.$flags$&1)){const t=Pt(i);t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0)}},zi=(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(){hr(this,e)},connectedCallback(){lr(this),s&&s.call(this)},disconnectedCallback(){ur(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)})}}),i.is=e.$tagName$,rr(i,e)},Fi=new WeakMap,Pt=i=>Fi.get(i),hr=(i,t)=>{const e={$flags$:0,$hostElement$:i,$cmpMeta$:t,$instanceValues$:new Map};return Li(i,e,t.$listeners$),Fi.set(i,e)},We=(i,t)=>t in i,lt=(i,t)=>(0,console.error)(i,t),St=new Map,dr=[],Ye=[],Wi=[],fr=(i,t)=>e=>{i.push(e),qt||(qt=!0,t&&m.$flags$&4?pr(Gt):m.raf(Gt))},qe=i=>{for(let t=0;t<i.length;t++)try{i[t](performance.now())}catch(e){lt(e)}i.length=0},Gt=()=>{qe(Ye),qe(Wi),(qt=Ye.length>0)&&m.raf(Gt)},pr=i=>Tn().then(i),gr=fr(Wi,!0),$r=(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>`},vr=i=>i.replace(/<(\/?)svg([^>]*)>/g,"").trim();function mr(i){return`${i.getFullYear()}.${i.getMonth()+1}`}class yr{constructor(t){this.voca_component=t,this.voca_added=mr(new Date)}}const br="telia-vst{display:none}",_r=zi(class extends Pi{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=Xn(this,"vocaInternalUStats",7)}connectedCallback(){this.vocaInternalUStats.emit(new yr(this.dataTrackingId))}render(){return W(ce,null)}static get style(){return br}},[0,"telia-vst",{dataTrackingId:[1,"data-tracking-id"]}]);function Yi(){if(typeof customElements>"u")return;["telia-vst"].forEach(t=>{switch(t){case"telia-vst":customElements.get(t)||customElements.define(t,_r);break}})}Yi();function Kt(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function wr(){if(typeof Kt().vocadsIcons!==void 0)return Kt().vocadsIcons}function xr(){return Kt().vocadsIconsRegistered}const Sr=".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))}",Ar=zi(class extends Pi{constructor(){super(),this.__registerHost(),this.size="md",this.allyTitle=null,this.dataTrackingId="telia-icon"}getSvgString(){if(this.svg)return this.svg;if(xr()&&this.name){const i=wr();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=$r({content:vr(i),attributes:t,title:this.allyTitle});return W(ce,{class:`telia-icon telia-icon--${this.size}`},W("span",{"aria-label":this.allyTitle,class:"telia-icon__container",innerHTML:e}),W("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return Sr}},[0,"telia-icon",{name:[1],svg:[1],size:[1],allyTitle:[1,"ally-title"],dataTestid:[1,"data-testid"]}]);function Er(){if(typeof customElements>"u")return;["telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-icon":customElements.get(t)||customElements.define(t,Ar);break;case"telia-vst":customElements.get(t)||Yi();break}})}Er();var Cr=Object.defineProperty,kr=Object.getOwnPropertyDescriptor,Or=(i,t,e,s)=>{for(var n=s>1?void 0:s?kr(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&Cr(t,e,n),n};const qi=Ci(x);class Lt extends qi{constructor(){super(...arguments),this.optionsIsVisible=!1,this.options=new kn(this),this.optionsRef=bt(),this.optionsTriggerRef=bt(),this._onClickOutside=t=>{!this.optionsTriggerRef.value||!this.optionsRef.value||t.composedPath().includes(this.optionsTriggerRef.value)||t.composedPath().includes(this.optionsRef.value)||(this.optionsIsVisible=!1)}}addOption(t){return this.options.addOption(t)}removeOption(t){const e=this.options.removeOption(t);return this.requestUpdate(),e}_onToggleOptionsMenuClick(){this.optionsIsVisible=!this.optionsIsVisible}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onClickOutside)}render(){return this.options.options.length?E` <div class="side-menu">
|
|
405
|
+
<div
|
|
406
|
+
class="options-menu"
|
|
407
|
+
${se(this.optionsRef)}
|
|
408
|
+
${Ai({keyframeOptions:{duration:120},in:Oe,out:Oe,stabilizeOut:!0,skipInitial:!1})}
|
|
409
|
+
>
|
|
410
|
+
${this.options.options.map(t=>E`<button
|
|
411
|
+
class="options-menu__item"
|
|
412
|
+
data-testid="${t.key}"
|
|
413
|
+
@click=${()=>{t.closeOnClick&&this._onToggleOptionsMenuClick(),t.onClick(),this.requestUpdate()}}
|
|
414
|
+
?disabled="${!t.enabled}"
|
|
415
|
+
>
|
|
416
|
+
${t.icon?E`<telia-icon
|
|
417
|
+
class="option-icon"
|
|
418
|
+
svg=${t.icon}
|
|
419
|
+
size="sm"
|
|
420
|
+
></telia-icon>`:p}
|
|
421
|
+
</button>`)}
|
|
422
|
+
</div>
|
|
423
|
+
</div>`:p}}Lt.styles=[qi.styles||[],M`
|
|
424
|
+
:host {
|
|
425
|
+
--header-text-color: var(--text-on-primary-background);
|
|
426
|
+
overflow: revert;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.side-menu {
|
|
430
|
+
padding-left: var(--spacing-sm);
|
|
431
|
+
|
|
432
|
+
background-color: transparent;
|
|
433
|
+
color: var(--header-text-color);
|
|
434
|
+
display: flex;
|
|
435
|
+
gap: var(--spacing-md);
|
|
436
|
+
flex-direction: row;
|
|
437
|
+
justify-content: space-between;
|
|
438
|
+
align-items: center;
|
|
439
|
+
border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
|
|
440
|
+
/* padding: 0 var(--spacing-xs); */
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
button {
|
|
444
|
+
background-color: transparent;
|
|
445
|
+
//TODO: Add border color
|
|
446
|
+
border: 1px solid var(--header-text-color);
|
|
447
|
+
font-family: inherit;
|
|
448
|
+
font-size: inherit;
|
|
449
|
+
cursor: pointer;
|
|
450
|
+
|
|
451
|
+
transition: all 300ms ease-in-out;
|
|
452
|
+
padding: var(--spacing-sm);
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.side-menu__action-buttons {
|
|
456
|
+
display: flex;
|
|
457
|
+
flex-direction: column;
|
|
458
|
+
gap: var(--spacing-md);
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.side-menu__action-button {
|
|
462
|
+
border-radius: var(--border-radius-xl);
|
|
463
|
+
color: var(--header-text-color);
|
|
464
|
+
display: flex;
|
|
465
|
+
align-items: center;
|
|
466
|
+
justify-content: center;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.side-menu__action-button:hover {
|
|
470
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
471
|
+
}
|
|
472
|
+
.side-menu__action-button:active {
|
|
473
|
+
transform: scale(0.8);
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
.options-menu {
|
|
477
|
+
background-color: white;
|
|
478
|
+
color: #222;
|
|
479
|
+
overflow: visible;
|
|
480
|
+
padding: var(--spacing-sm);
|
|
481
|
+
border-radius: var(--border-radius-xl);
|
|
482
|
+
z-index: 1;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.options-menu__item {
|
|
486
|
+
padding: var(--border-radius);
|
|
487
|
+
transition: all 300ms ease-in-out;
|
|
488
|
+
cursor: pointer;
|
|
489
|
+
border-radius: var(--border-radius-xl);
|
|
490
|
+
display: flex;
|
|
491
|
+
gap: var(--spacing-sm);
|
|
492
|
+
align-items: center;
|
|
493
|
+
}
|
|
494
|
+
.options-menu__item:hover {
|
|
495
|
+
background-color: var(--secondary-background);
|
|
496
|
+
color: var(--text-on-secondary-background);
|
|
497
|
+
box-shadow: rgba(0, 18, 46, 0.16) 0px 6px 32px 0px;
|
|
498
|
+
}
|
|
499
|
+
.options-menu__item:disabled,
|
|
500
|
+
.options-menu__item[disabled] {
|
|
501
|
+
cursor: default;
|
|
502
|
+
pointer-events: none;
|
|
503
|
+
}
|
|
504
|
+
`];Or([N()],Lt.prototype,"optionsIsVisible",2);exports.SideMenu=Lt;exports.default=Lt;
|