@uxland/primary-shell 1.0.5 → 1.0.7

package/dist/index.umd.cjs

@@ -0,0 +1,282 @@
+(function(T,Z){typeof exports=="object"&&typeof module<"u"?Z(exports):typeof define=="function"&&define.amd?define(["exports"],Z):(T=typeof globalThis<"u"?globalThis:T||self,Z(T["@uxland/primary-shell"]={}))})(this,function(T){"use strict";/*
+ * @license
+ * BSD License
+ *
+ * Copyright (c) 2020, UXLand
+ *
+ * All rights reserved.
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ * 1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+ * 3. All advertising materials mentioning features or use of this software must display the following acknowledgement: This product includes software developed by the <copyright holder>.
+ * 4. Neither the name of the <copyright holder> nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ''AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */var kr;const Z=()=>{};function f(r){return r!=null&&typeof r=="object"&&r["@@functional/placeholder"]===!0}function $(r){return function t(e){return arguments.length===0||f(e)?t:r.apply(this,arguments)}}function g(r){return function t(e,i){switch(arguments.length){case 0:return t;case 1:return f(e)?t:$(function(s){return r(e,s)});default:return f(e)&&f(i)?t:f(e)?$(function(s){return r(s,i)}):f(i)?$(function(s){return r(e,s)}):r(e,i)}}}function Hr(r){var t=Object.prototype.toString.call(r);return t==="[object Function]"||t==="[object AsyncFunction]"||t==="[object GeneratorFunction]"||t==="[object AsyncGeneratorFunction]"}function $e(r){for(var t=[],e;!(e=r.next()).done;)t.push(e.value);return t}function _e(r,t,e){for(var i=0,s=e.length;i<s;){if(r(t,e[i]))return!0;i+=1}return!1}function jr(r){var t=String(r).match(/^function (\w*)/);return t==null?"":t[1]}function gt(r,t){return Object.prototype.hasOwnProperty.call(t,r)}function Lr(r,t){return r===t?r!==0||1/r===1/t:r!==r&&t!==t}const It=typeof Object.is=="function"?Object.is:Lr;var be=Object.prototype.toString,Vr=function(){return be.call(arguments)==="[object Arguments]"?function(t){return be.call(t)==="[object Arguments]"}:function(t){return gt("callee",t)}}(),Dr=!{toString:null}.propertyIsEnumerable("toString"),we=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],Ae=function(){return arguments.propertyIsEnumerable("length")}(),zr=function(t,e){for(var i=0;i<t.length;){if(t[i]===e)return!0;i+=1}return!1},O=$(typeof Object.keys=="function"&&!Ae?function(t){return Object(t)!==t?[]:Object.keys(t)}:function(t){if(Object(t)!==t)return[];var e,i,s=[],n=Ae&&Vr(t);for(e in t)gt(e,t)&&(!n||e!=="length")&&(s[s.length]=e);if(Dr)for(i=we.length-1;i>=0;)e=we[i],gt(e,t)&&!zr(s,e)&&(s[s.length]=e),i-=1;return s}),Ee=$(function(t){return t===null?"Null":t===void 0?"Undefined":Object.prototype.toString.call(t).slice(8,-1)});function Se(r,t,e,i){var s=$e(r),n=$e(t);function o(a,c){return Nt(a,c,e.slice(),i.slice())}return!_e(function(a,c){return!_e(o,c,a)},n,s)}function Nt(r,t,e,i){if(It(r,t))return!0;var s=Ee(r);if(s!==Ee(t)||r==null||t==null)return!1;if(typeof r["fantasy-land/equals"]=="function"||typeof t["fantasy-land/equals"]=="function")return typeof r["fantasy-land/equals"]=="function"&&r["fantasy-land/equals"](t)&&typeof t["fantasy-land/equals"]=="function"&&t["fantasy-land/equals"](r);if(typeof r.equals=="function"||typeof t.equals=="function")return typeof r.equals=="function"&&r.equals(t)&&typeof t.equals=="function"&&t.equals(r);switch(s){case"Arguments":case"Array":case"Object":if(typeof r.constructor=="function"&&jr(r.constructor)==="Promise")return r===t;break;case"Boolean":case"Number":case"String":if(!(typeof r==typeof t&&It(r.valueOf(),t.valueOf())))return!1;break;case"Date":if(!It(r.valueOf(),t.valueOf()))return!1;break;case"Error":return r.name===t.name&&r.message===t.message;case"RegExp":if(!(r.source===t.source&&r.global===t.global&&r.ignoreCase===t.ignoreCase&&r.multiline===t.multiline&&r.sticky===t.sticky&&r.unicode===t.unicode))return!1;break}for(var n=e.length-1;n>=0;){if(e[n]===r)return i[n]===t;n-=1}switch(s){case"Map":return r.size!==t.size?!1:Se(r.entries(),t.entries(),e.concat([r]),i.concat([t]));case"Set":return r.size!==t.size?!1:Se(r.values(),t.values(),e.concat([r]),i.concat([t]));case"Arguments":case"Array":case"Object":case"Boolean":case"Number":case"String":case"Date":case"Error":case"RegExp":case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"ArrayBuffer":break;default:return!1}var o=O(r);if(o.length!==O(t).length)return!1;var a=e.concat([r]),c=i.concat([t]);for(n=o.length-1;n>=0;){var l=o[n];if(!(gt(l,t)&&Nt(t[l],r[l],a,c)))return!1;n-=1}return!0}var Br=g(function(t,e){return Nt(t,e,[],[])});function Fr(r,t,e){var i,s;if(typeof r.indexOf=="function")switch(typeof t){case"number":if(t===0){for(i=1/t;e<r.length;){if(s=r[e],s===0&&1/s===i)return e;e+=1}return-1}else if(t!==t){for(;e<r.length;){if(s=r[e],typeof s=="number"&&s!==s)return e;e+=1}return-1}return r.indexOf(t,e);case"string":case"boolean":case"function":case"undefined":return r.indexOf(t,e);case"object":if(t===null)return r.indexOf(t,e)}for(;e<r.length;){if(Br(r[e],t))return e;e+=1}return-1}function qr(r,t){return Fr(t,r,0)>=0}function vt(r,t){for(var e=0,i=t.length,s=Array(i);e<i;)s[e]=r(t[e]),e+=1;return s}function kt(r){var t=r.replace(/\\/g,"\\\\").replace(/[\b]/g,"\\b").replace(/\f/g,"\\f").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t").replace(/\v/g,"\\v").replace(/\0/g,"\\0");return'"'+t.replace(/"/g,'\\"')+'"'}var Q=function(t){return(t<10?"0":"")+t},Wr=typeof Date.prototype.toISOString=="function"?function(t){return t.toISOString()}:function(t){return t.getUTCFullYear()+"-"+Q(t.getUTCMonth()+1)+"-"+Q(t.getUTCDate())+"T"+Q(t.getUTCHours())+":"+Q(t.getUTCMinutes())+":"+Q(t.getUTCSeconds())+"."+(t.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z"};function Gr(r){return function(){return!r.apply(this,arguments)}}const Mt=Array.isArray||function(t){return t!=null&&t.length>=0&&Object.prototype.toString.call(t)==="[object Array]"};function Kr(r){return r!=null&&typeof r["@@transducer/step"]=="function"}function Ce(r,t,e){return function(){if(arguments.length===0)return e();var i=Array.prototype.slice.call(arguments,0),s=i.pop();if(!Mt(s)){for(var n=0;n<r.length;){if(typeof s[r[n]]=="function")return s[r[n]].apply(s,i);n+=1}if(Kr(s)){var o=t.apply(null,i);return o(s)}}return e.apply(this,arguments)}}function Yr(r,t){for(var e=0,i=t.length,s=[];e<i;)r(t[e])&&(s[s.length]=t[e]),e+=1;return s}function Xr(r){return Object.prototype.toString.call(r)==="[object Object]"}function xe(r){return Object.prototype.toString.call(r)==="[object String]"}var Zr=$(function(t){return Mt(t)?!0:!t||typeof t!="object"||xe(t)?!1:t.nodeType===1?!!t.length:t.length===0?!0:t.length>0?t.hasOwnProperty(0)&&t.hasOwnProperty(t.length-1):!1}),Qr=function(){function r(t){this.f=t}return r.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},r.prototype["@@transducer/result"]=function(t){return t},r.prototype["@@transducer/step"]=function(t,e){return this.f(t,e)},r}();function Jr(r){return new Qr(r)}function J(r,t){switch(r){case 0:return function(){return t.apply(this,arguments)};case 1:return function(e){return t.apply(this,arguments)};case 2:return function(e,i){return t.apply(this,arguments)};case 3:return function(e,i,s){return t.apply(this,arguments)};case 4:return function(e,i,s,n){return t.apply(this,arguments)};case 5:return function(e,i,s,n,o){return t.apply(this,arguments)};case 6:return function(e,i,s,n,o,a){return t.apply(this,arguments)};case 7:return function(e,i,s,n,o,a,c){return t.apply(this,arguments)};case 8:return function(e,i,s,n,o,a,c,l){return t.apply(this,arguments)};case 9:return function(e,i,s,n,o,a,c,l,u){return t.apply(this,arguments)};case 10:return function(e,i,s,n,o,a,c,l,u,h){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}var D=g(function(t,e){return J(t.length,function(){return t.apply(e,arguments)})});function ti(r,t,e){for(var i=0,s=e.length;i<s;){if(t=r["@@transducer/step"](t,e[i]),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}i+=1}return r["@@transducer/result"](t)}function Re(r,t,e){for(var i=e.next();!i.done;){if(t=r["@@transducer/step"](t,i.value),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}i=e.next()}return r["@@transducer/result"](t)}function Pe(r,t,e,i){return r["@@transducer/result"](e[i](D(r["@@transducer/step"],r),t))}var Te=typeof Symbol<"u"?Symbol.iterator:"@@iterator";function Ut(r,t,e){if(typeof r=="function"&&(r=Jr(r)),Zr(e))return ti(r,t,e);if(typeof e["fantasy-land/reduce"]=="function")return Pe(r,t,e,"fantasy-land/reduce");if(e[Te]!=null)return Re(r,t,e[Te]());if(typeof e.next=="function")return Re(r,t,e);if(typeof e.reduce=="function")return Pe(r,t,e,"reduce");throw new TypeError("reduce: list must be array or iterable")}const mt={init:function(){return this.xf["@@transducer/init"]()},result:function(r){return this.xf["@@transducer/result"](r)}};var ei=function(){function r(t,e){this.xf=e,this.f=t}return r.prototype["@@transducer/init"]=mt.init,r.prototype["@@transducer/result"]=mt.result,r.prototype["@@transducer/step"]=function(t,e){return this.f(e)?this.xf["@@transducer/step"](t,e):t},r}(),ri=g(function(t,e){return new ei(t,e)}),ii=g(Ce(["filter"],ri,function(r,t){return Xr(t)?Ut(function(e,i){return r(t[i])&&(e[i]=t[i]),e},{},O(t)):Yr(r,t)})),Oe=g(function(t,e){return ii(Gr(t),e)});function Ie(r,t){var e=function(o){var a=t.concat([r]);return qr(o,a)?"<Circular>":Ie(o,a)},i=function(n,o){return vt(function(a){return kt(a)+": "+e(n[a])},o.slice().sort())};switch(Object.prototype.toString.call(r)){case"[object Arguments]":return"(function() { return arguments; }("+vt(e,r).join(", ")+"))";case"[object Array]":return"["+vt(e,r).concat(i(r,Oe(function(n){return/^\d+$/.test(n)},O(r)))).join(", ")+"]";case"[object Boolean]":return typeof r=="object"?"new Boolean("+e(r.valueOf())+")":r.toString();case"[object Date]":return"new Date("+(isNaN(r.valueOf())?e(NaN):kt(Wr(r)))+")";case"[object Null]":return"null";case"[object Number]":return typeof r=="object"?"new Number("+e(r.valueOf())+")":1/r===-1/0?"-0":r.toString(10);case"[object String]":return typeof r=="object"?"new String("+e(r.valueOf())+")":kt(r);case"[object Undefined]":return"undefined";default:if(typeof r.toString=="function"){var s=r.toString();if(s!=="[object Object]")return s}return"{"+i(r,O(r)).join(", ")+"}"}}function si(r,t){if(t==null||!Hr(t.then))throw new TypeError("`"+r+"` expected a Promise, received "+Ie(t,[]))}var z=g(function(t,e){return si("andThen",e),e.then(t)}),ni=function(){function r(t,e){this.xf=e,this.f=t}return r.prototype["@@transducer/init"]=mt.init,r.prototype["@@transducer/result"]=mt.result,r.prototype["@@transducer/step"]=function(t,e){return this.xf["@@transducer/step"](t,this.f(e))},r}(),oi=g(function(t,e){return new ni(t,e)});function Ne(r,t,e){return function(){for(var i=[],s=0,n=r,o=0;o<t.length||s<arguments.length;){var a;o<t.length&&(!f(t[o])||s>=arguments.length)?a=t[o]:(a=arguments[s],s+=1),i[o]=a,f(a)||(n-=1),o+=1}return n<=0?e.apply(this,i):J(n,Ne(r,i,e))}}var ai=g(function(t,e){return t===1?$(e):J(t,Ne(t,[],e))}),tt=g(Ce(["fantasy-land/map","map"],oi,function(t,e){switch(Object.prototype.toString.call(e)){case"[object Function]":return ai(e.length,function(){return t.call(this,e.apply(this,arguments))});case"[object Object]":return Ut(function(i,s){return i[s]=t(e[s]),i},{},O(e));default:return vt(t,e)}}));function ci(r,t){return function(){return t.call(this,r.apply(this,arguments))}}function ke(r){return function t(e,i,s){switch(arguments.length){case 0:return t;case 1:return f(e)?t:g(function(n,o){return r(e,n,o)});case 2:return f(e)&&f(i)?t:f(e)?g(function(n,o){return r(n,i,o)}):f(i)?g(function(n,o){return r(e,n,o)}):$(function(n){return r(e,i,n)});default:return f(e)&&f(i)&&f(s)?t:f(e)&&f(i)?g(function(n,o){return r(n,o,s)}):f(e)&&f(s)?g(function(n,o){return r(n,i,o)}):f(i)&&f(s)?g(function(n,o){return r(e,n,o)}):f(e)?$(function(n){return r(n,i,s)}):f(i)?$(function(n){return r(e,n,s)}):f(s)?$(function(n){return r(e,i,n)}):r(e,i,s)}}}var Me=ke(Ut);function Ht(r,t){return function(){var e=arguments.length;if(e===0)return t();var i=arguments[e-1];return Mt(i)||typeof i[r]!="function"?t.apply(this,arguments):i[r].apply(i,Array.prototype.slice.call(arguments,0,e-1))}}var li=ke(Ht("slice",function(t,e,i){return Array.prototype.slice.call(i,t,e)})),hi=$(Ht("tail",li(1,1/0)));function I(){if(arguments.length===0)throw new Error("pipe requires at least one argument");return J(arguments[0].length,Me(ci,arguments[0],hi(arguments)))}let ui=class{constructor(t){this.targetRegion=t}async attach(){const t=this.targetRegion.regionManager.getRegisteredViews(this.targetRegion.name);return I(tt(e=>this.targetRegion.addView(e.key,e.view)),D(Promise.all,Promise),z(Z))(t)}detach(){return Promise.resolve()}},di=class{constructor(){this.registry=[]}get behaviors(){return[...this.registry]}register(t){this.behaviors.some(e=>e===t)||this.registry.push(t)}};const Ue=new di;Ue.register(ui);const pi=Ue;let fi=class{constructor(t){this.host=t}get behaviors(){return pi.behaviors.map(t=>new t(this.host.uxlRegion))}activateView(t){return this.host.contains(t)||this.addViewToHost(t),t.hidden=!1,Promise.resolve(void 0)}deactivateView(t){return t.view&&t.view.removeFromDomWhenDeactivated?this.removeViewFromHost(t):t.hidden=!0,Promise.resolve(null)}removeView(t){this.removeViewFromHost(t)}viewAdded(t){}addViewToHost(t){this.host.appendChild(t)}removeViewFromHost(t){this.host.removeChild(t),this.host.uxlRegion.viewRemovedFromDom(t.view)}};const gi=(r,t)=>!r.sortHint&&!t.sortHint||!t.sortHint?-1:r.sortHint?r.sortHint.localeCompare(t.sortHint):1;let vi=class extends fi{async viewAdded(t){await this.host.uxlRegion.activate(t)}addViewToHost(t){const e=this.host.uxlRegion.currentActiveViews.sort(gi).indexOf(t.view);e>=this.host.children.length?super.addViewToHost(t):this.host.insertBefore(t,this.host.children[e])}};const mi=(r,t)=>new vi(t),S=(r,t)=>{if(r=typeof r=="function"?r():r,!r)throw new Error(t)},yi=r=>typeof HTMLElement=="object"?r instanceof HTMLElement:r&&typeof r=="object"&&r!=null&&r.nodeType===1&&typeof r.nodeName=="string",$i=r=>{if(!r.htmlTag&&!r.element&&!r.factory)throw new Error("One of properties htmlTag, factory or element must be set");return r.htmlTag&&S(typeof r.htmlTag=="string","htmlTag property must be an string"),r.factory&&S(typeof r.factory=="function","factory property must be a function"),r.element&&S(yi(r.element),"element property must be an HTMLElement"),!0},_i=async(r,t,e)=>{let i;return r.element?i=r.element:r.factory?i=await r.factory():r.htmlTag&&(r.htmlUrl&&await import(r.htmlUrl),i=window.document.createElement(r.htmlTag)),i.view=r,i.region=t,i.viewKey=e,i};let bi=class{constructor(t,e,i,s,n){this.name=t,this.regionManager=e,this.host=i,this.adapter=s,this.definition=n,this.views={},this.activeViews=[],this.components=new WeakMap,this.host.uxlRegion=this}async addView(t,e){return $i(e),S(typeof this.getView(t)>"u",`Already exists a view with key ${t}`),this.views[t]=e,await this.adapter.viewAdded(e),this}async removeView(t){await this.deactivate(t),this.remove(t),delete this.views[t]}async removeViews(){Object.keys(this.views).forEach(t=>this.removeView(t))}get context(){return this._context}set context(t){this._context=t,Object.keys(this.views).forEach(e=>{const i=this.views[e];if(this.components.has(i)){const s=this.components.get(i);s&&(s.regionContext=this._context)}})}async activate(t){let e=t;if(typeof t=="string"?(e=this.getView(t),S(e,`Region does not contain a view with key ${t}`)):S(Object.keys(this.views).some(i=>typeof this.views[i]<"u"),"Region does not contain this view"),!this.activeViews.some(i=>i===e)){if(!this.components.has(e)){const s=await _i(e,this,typeof t=="string"?t:this.getKey(e));s.regionContext=this.context,this.components.set(e,s)}const i=this.components.get(e);this.activeViews.push(e),i.active=!0,await this.adapter.activateView(i)}return this}viewRemovedFromDom(t){this.components.delete(t)}remove(t){const e=typeof t=="string"?this.getView(t):t,i=this.components.get(e);i&&this.adapter.removeView(i)}async deactivate(t){const e=typeof t=="string"?this.getView(t):t,i=this.activeViews.indexOf(e);i!==-1&&this.activeViews.splice(i,1);const s=this.components.get(e);s&&(s.active=!1,await this.adapter.deactivateView(s))}getView(t){return this.views[t]}get currentViews(){return Object.keys(this.views).map(t=>this.views[t])}get currentActiveViews(){return[...this.activeViews]}getKey(t){return Object.keys(this.views).find(e=>this.views[e]==t)}containsView(t){return typeof t=="string"?this.getView(t)!==void 0:Object.keys(this.views).some(e=>this.views[e]==t)}isViewActive(t){if(this.containsView(t)){const e=typeof t=="string"?this.getView(t):t;return this.activeViews.indexOf(e)!==-1}throw new Error(`region ${this.name} doest not contain this view`)}async toggleViewActive(t){if(this.containsView(t))return this.isViewActive(t)?(await this.deactivate(t),!1):(await this.activate(t),!0);throw new Error(`region ${this.name} doest not contain this view`)}};const jt="default",He="dynamic";let wi=class{constructor(){this.adapterRegistry=new Map,this.adapterRegistry.set(He,[])}registerAdapterFactory(t,e){this.adapterRegistry.set(t,e)}get dynamicFactories(){return this.adapterRegistry.get(He)}registerDynamicAdapterFactory(t){this.dynamicFactories.indexOf(t)===-1&&this.dynamicFactories.push(t)}getDynamicFactory(t){return this.dynamicFactories.reduce((e,i)=>e||i(t),null)}getAdapterFactory(t){return this.getDynamicFactory(t)||(this.adapterRegistry.has(t.constructor)?this.adapterRegistry.get(t.constructor):this.adapterRegistry.has(t.localName)?this.adapterRegistry.get(t.localName):this.adapterRegistry.has(t.tagName)?this.adapterRegistry.get(t.tagName):this.adapterRegistry.has(jt)?this.adapterRegistry.get(jt):null)}registerDefaultAdapterFactory(t){this.adapterRegistry.set(jt,t)}};const je=new wi,Lt="__uxl_regions__",yt=r=>(t,e)=>{t.constructor[Lt]={...t.constructor[Lt],[e]:r}},Ai=(r,t,e)=>{const i=e.getAdapterFactory(t);return S(typeof i=="function","No region adapter factory found for the host"),i(r,t)},Ei=async(r,t,e,i)=>{await t._updatePromise;const s=t.shadowRoot.querySelector(`#${r.targetId}`);if(s){const n=r.adapterFactory?r.adapterFactory(r,s):Ai(r,s,i);S(n,"No region adapter found for the host");const o=r.scoped?e.createRegionManager():e,a=new bi(r.name,o,s,n,r);return o.add(r.name,a),a}else console.warn(`region host with id ${r.targetId} not found for region named ${r.name}`)};/*
+ * @license
+ * BSD License
+ *
+ * Copyright (c) 2020, UXLand
+ *
+ * All rights reserved.
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ * 1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+ * 3. All advertising materials mentioning features or use of this software must display the following acknowledgement: This product includes software developed by the <copyright holder>.
+ * 4. Neither the name of the <copyright holder> nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ''AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */let Si=class{constructor(t){this._ownQueue=[],this.isProcessing=!1,this.executor=t}enqueueItem(...t){this._ownQueue.push([...t]),this.tryProcessQueue()}async tryProcessQueue(){if(!this.isProcessing&&this._ownQueue.length){this.isProcessing=!0;const t=this._ownQueue.pop();await this.executor.apply(void 0,[...t]),this.isProcessing=!1,this.tryProcessQueue()}}};const Le=new WeakMap;function Ci(r,t){let e=t;for(;e;){if(Le.get(e)===r)return!0;e=Object.getPrototypeOf(e)}return!1}function Vt(r){return t=>{if(Ci(r,t))return t;const e=r(t);return Le.set(e,r),e}}/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const $t=window,Dt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ve=Symbol(),De=new WeakMap;let xi=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==Ve)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(Dt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=De.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&De.set(e,t))}return t}toString(){return this.cssText}};const Ri=r=>new xi(typeof r=="string"?r:r+"",void 0,Ve),Pi=(r,t)=>{Dt?r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),s=$t.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=e.cssText,r.appendChild(i)})},ze=Dt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return Ri(e)})(r):r;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var zt;const _t=window,Be=_t.trustedTypes,Ti=Be?Be.emptyScript:"",Fe=_t.reactiveElementPolyfillSupport,Bt={toAttribute(r,t){switch(t){case Boolean:r=r?Ti:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},Ft=(r,t)=>t!==r&&(t==t||r==r),qt={attribute:!0,type:String,converter:Bt,reflect:!1,hasChanged:Ft},Wt="finalized";let B=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const s=this._$Ep(i,e);s!==void 0&&(this._$Ev.set(s,i),t.push(s))}),t}static createProperty(t,e=qt){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);s!==void 0&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const n=this[t];this[e]=s,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||qt}static finalize(){if(this.hasOwnProperty(Wt))return!1;this[Wt]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const s of i)this.createProperty(s,e[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const s of i)e.unshift(ze(s))}else t!==void 0&&e.push(ze(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return Pi(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=qt){var s;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const o=(((s=i.converter)===null||s===void 0?void 0:s.toAttribute)!==void 0?i.converter:Bt).toAttribute(e,i.type);this._$El=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,n=s._$Ev.get(t);if(n!==void 0&&this._$El!==n){const o=s.getPropertyOptions(n),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:Bt;this._$El=n,this[n]=a.fromAttribute(e,o.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Ft)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((s,n)=>this[n]=s),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(s=>{var n;return(n=s.hostUpdate)===null||n===void 0?void 0:n.call(s)}),this.update(i)):this._$Ek()}catch(s){throw e=!1,this._$Ek(),s}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdated)===null||s===void 0?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};B[Wt]=!0,B.elementProperties=new Map,B.elementStyles=[],B.shadowRootOptions={mode:"open"},Fe==null||Fe({ReactiveElement:B}),((zt=_t.reactiveElementVersions)!==null&&zt!==void 0?zt:_t.reactiveElementVersions=[]).push("1.6.3");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var Gt;const bt=window,F=bt.trustedTypes,qe=F?F.createPolicy("lit-html",{createHTML:r=>r}):void 0,Kt="$lit$",C=`lit$${(Math.random()+"").slice(9)}$`,We="?"+C,Oi=`<${We}>`,N=document,et=()=>N.createComment(""),rt=r=>r===null||typeof r!="object"&&typeof r!="function",Ge=Array.isArray,Ii=r=>Ge(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",Yt=`[ 	
+\f\r]`,it=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ke=/-->/g,Ye=/>/g,k=RegExp(`>|${Yt}(?:([^\\s"'>=/]+)(${Yt}*=${Yt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Xe=/'/g,Ze=/"/g,Qe=/^(?:script|style|textarea|title)$/i,q=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),Je=new WeakMap,M=N.createTreeWalker(N,129,null,!1);function tr(r,t){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return qe!==void 0?qe.createHTML(t):t}const Ni=(r,t)=>{const e=r.length-1,i=[];let s,n=t===2?"<svg>":"",o=it;for(let a=0;a<e;a++){const c=r[a];let l,u,h=-1,p=0;for(;p<c.length&&(o.lastIndex=p,u=o.exec(c),u!==null);)p=o.lastIndex,o===it?u[1]==="!--"?o=Ke:u[1]!==void 0?o=Ye:u[2]!==void 0?(Qe.test(u[2])&&(s=RegExp("</"+u[2],"g")),o=k):u[3]!==void 0&&(o=k):o===k?u[0]===">"?(o=s??it,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,l=u[1],o=u[3]===void 0?k:u[3]==='"'?Ze:Xe):o===Ze||o===Xe?o=k:o===Ke||o===Ye?o=it:(o=k,s=void 0);const m=o===k&&r[a+1].startsWith("/>")?" ":"";n+=o===it?c+Oi:h>=0?(i.push(l),c.slice(0,h)+Kt+c.slice(h)+C+m):c+C+(h===-2?(i.push(void 0),a):m)}return[tr(r,n+(r[e]||"<?>")+(t===2?"</svg>":"")),i]};let Xt=class Mr{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,o=0;const a=t.length-1,c=this.parts,[l,u]=Ni(t,e);if(this.el=Mr.createElement(l,i),M.currentNode=this.el.content,e===2){const h=this.el.content,p=h.firstChild;p.remove(),h.append(...p.childNodes)}for(;(s=M.nextNode())!==null&&c.length<a;){if(s.nodeType===1){if(s.hasAttributes()){const h=[];for(const p of s.getAttributeNames())if(p.endsWith(Kt)||p.startsWith(C)){const m=u[o++];if(h.push(p),m!==void 0){const X=s.getAttribute(m.toLowerCase()+Kt).split(C),Ot=/([.?@])?(.*)/.exec(m);c.push({type:1,index:n,name:Ot[2],strings:X,ctor:Ot[1]==="."?Mi:Ot[1]==="?"?Hi:Ot[1]==="@"?ji:wt})}else c.push({type:6,index:n})}for(const p of h)s.removeAttribute(p)}if(Qe.test(s.tagName)){const h=s.textContent.split(C),p=h.length-1;if(p>0){s.textContent=F?F.emptyScript:"";for(let m=0;m<p;m++)s.append(h[m],et()),M.nextNode(),c.push({type:2,index:++n});s.append(h[p],et())}}}else if(s.nodeType===8)if(s.data===We)c.push({type:2,index:n});else{let h=-1;for(;(h=s.data.indexOf(C,h+1))!==-1;)c.push({type:7,index:n}),h+=C.length-1}n++}}static createElement(t,e){const i=N.createElement("template");return i.innerHTML=t,i}};function W(r,t,e=r,i){var s,n,o,a;if(t===q)return t;let c=i!==void 0?(s=e._$Co)===null||s===void 0?void 0:s[i]:e._$Cl;const l=rt(t)?void 0:t._$litDirective$;return(c==null?void 0:c.constructor)!==l&&((n=c==null?void 0:c._$AO)===null||n===void 0||n.call(c,!1),l===void 0?c=void 0:(c=new l(r),c._$AT(r,e,i)),i!==void 0?((o=(a=e)._$Co)!==null&&o!==void 0?o:a._$Co=[])[i]=c:e._$Cl=c),c!==void 0&&(t=W(r,c._$AS(r,t.values),c,i)),t}let ki=class{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){var e;const{el:{content:i},parts:s}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:N).importNode(i,!0);M.currentNode=n;let o=M.nextNode(),a=0,c=0,l=s[0];for(;l!==void 0;){if(a===l.index){let u;l.type===2?u=new Zt(o,o.nextSibling,this,t):l.type===1?u=new l.ctor(o,l.name,l.strings,this,t):l.type===6&&(u=new Li(o,this,t)),this._$AV.push(u),l=s[++c]}a!==(l==null?void 0:l.index)&&(o=M.nextNode(),a++)}return M.currentNode=N,n}v(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},Zt=class Ur{constructor(t,e,i,s){var n;this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=(n=s==null?void 0:s.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cp}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=W(this,t,e),rt(t)?t===y||t==null||t===""?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==q&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Ii(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==y&&rt(this._$AH)?this._$AA.nextSibling.data=t:this.$(N.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=Xt.createElement(tr(s.h,s.h[0]),this.options)),s);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.v(i);else{const o=new ki(n,this),a=o.u(this.options);o.v(i),this.$(a),this._$AH=o}}_$AC(t){let e=Je.get(t.strings);return e===void 0&&Je.set(t.strings,e=new Xt(t)),e}T(t){Ge(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new Ur(this.k(et()),this.k(et()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cp=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},wt=class{constructor(t,e,i,s,n){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const n=this.strings;let o=!1;if(n===void 0)t=W(this,t,e,0),o=!rt(t)||t!==this._$AH&&t!==q,o&&(this._$AH=t);else{const a=t;let c,l;for(t=n[0],c=0;c<n.length-1;c++)l=W(this,a[i+c],e,c),l===q&&(l=this._$AH[c]),o||(o=!rt(l)||l!==this._$AH[c]),l===y?t=y:t!==y&&(t+=(l??"")+n[c+1]),this._$AH[c]=l}o&&!s&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Mi=class extends wt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}};const Ui=F?F.emptyScript:"";let Hi=class extends wt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==y?this.element.setAttribute(this.name,Ui):this.element.removeAttribute(this.name)}};class ji extends wt{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=W(this,t,e,0))!==null&&i!==void 0?i:y)===q)return;const s=this._$AH,n=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==y&&(s===y||n);n&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}let Li=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){W(this,t)}};const er=bt.litHtmlPolyfillSupport;er==null||er(Xt,Zt),((Gt=bt.litHtmlVersions)!==null&&Gt!==void 0?Gt:bt.litHtmlVersions=[]).push("2.8.0");const Vi=(r,t,e)=>{var i,s;const n=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let o=n._$litPart$;if(o===void 0){const a=(s=e==null?void 0:e.renderBefore)!==null&&s!==void 0?s:null;n._$litPart$=o=new Zt(t.insertBefore(et(),a),a,void 0,e??{})}return o._$AI(r),o};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var Qt,Jt;let At=class extends B{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Vi(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return q}};At.finalized=!0,At._$litElement$=!0,(Qt=globalThis.litElementHydrateSupport)===null||Qt===void 0||Qt.call(globalThis,{LitElement:At});const rr=globalThis.litElementPolyfillSupport;rr==null||rr({LitElement:At}),((Jt=globalThis.litElementVersions)!==null&&Jt!==void 0?Jt:globalThis.litElementVersions=[]).push("3.3.3");var Di=g(function(t,e){return e==null||e!==e?t:e});const zi=(r,t)=>t.constructor._classProperties?t.constructor._classProperties.get(r).hasChanged:void 0,Bi=I(zi,Di(Ft)),Fi=Vt(r=>{class t extends r{requestUpdate(i,s){const n=super.requestUpdate?super.requestUpdate(i,s):Promise.resolve(null);return Bi(i,this)(this[i],s)&&this[`${String(i)}Changed`]&&this[`${String(i)}Changed`](this[i],s),n}}return t});var qi=function(){return!0},Et=$(function(t){return function(){return t}}),Wi=g(function(t,e){return e>t?e:t}),Gi=$(function(t){var e=Me(Wi,0,tt(function(i){return i[0].length},t));return J(e,function(){for(var i=0;i<t.length;){if(t[i][0].apply(this,arguments))return t[i][1].apply(this,arguments);i+=1}})}),Ki=g(Ht("forEach",function(t,e){for(var i=e.length,s=0;s<i;)t(e[s]),s+=1;return e})),te=$(function(t){return t==null});const Yi=Number.isInteger||function(t){return t<<0===t};var Xi=g(function(t,e){var i=t<0?e.length+t:t;return xe(e)?e.charAt(i):e[i]}),Zi=g(function(t,e){return t.map(function(i){for(var s=e,n=0,o;n<i.length;){if(s==null)return;o=i[n],s=Yi(o)?Xi(o,s):s[o],n+=1}return s})}),Qi=g(function(t,e){return Zi([t],e)[0]}),Ji=g(function(t,e){return Qi([t],e)});const ir=r=>t=>I(Ji(t.key),te)(r),ts=r=>t=>!ir(r)(t)&&te(r.shadowRoot.querySelector(`#${t.definition.targetId}`)),es=r=>t=>{const e=r[t.key];e.regionManager.remove(e);const i=e.adapter?e.adapter.behaviors||[]:[];return delete r[t.key],I(tt(s=>s.detach),D(Promise.all,Promise),z(()=>delete r[t.key]),z(Et(void 0)))(i)},rs=(r,t,e)=>i=>Ei(i.definition,r,t,e).then(s=>{if(s){r[i.key]=s;const n=s.adapter?s.adapter.behaviors||[]:[];return I(tt(o=>o.attach()),D(Promise.all,Promise),z(Et(s)))(n)}else return}).catch(Et(void 0)),is=r=>I(O,tt(t=>({key:t,definition:r[t]})))(r),sr=r=>r.constructor[Lt]||{},ss=(r,t,e)=>{const i=ir(r),s=ts(r),n=es(r),o=rs(r,t,e);return a=>Gi([[i,o],[s,n],[qi,Et(Promise.resolve(void 0))]])(a)},ns=(r,t)=>Vt(e=>{class i extends e{constructor(...n){super(),this.enqueuer=new Si(this.runRegionCreation.bind(this))}updated(n){super.updated(n),this.create()}createRegions(){const n=sr(this),o=ss(this,r,t);return I(is,Ki(o),D(Promise.all,Promise),z(Oe(te)),z(D(this.regionsCreated,this)))(n)}create(){this.enqueuer.enqueueItem()}runRegionCreation(){return new Promise(n=>{this.createRegions().then(n).catch(n)})}regionsCreated(n){}disconnectedCallback(){super.disconnectedCallback();const n=sr(this);Object.keys(n).forEach(o=>{const a=this[o];a&&(a.regionManager.remove(a),(a.adapter?a.adapter.behaviors||[]:[]).forEach(c=>c.detach()))})}}return i});je.registerDefaultAdapterFactory(mi);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const os=(r,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,r)}},as=(r,t,e)=>{t.constructor.createProperty(e,r)};function nr(r){return(t,e)=>e!==void 0?as(r,t,e):os(r,t)}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var ee;((ee=window.HTMLSlotElement)===null||ee===void 0?void 0:ee.prototype.assignedElements)!=null;var cs=Object.defineProperty,or=(r,t,e,i)=>{for(var s=void 0,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=o(t,e,s)||s);return s&&cs(t,e,s),s};const ls=Vt(r=>{class t extends Fi(r){activeChanged(i,s){}regionContextChanged(i,s){}}return or([nr({type:Boolean})],t.prototype,"active"),or([nr()],t.prototype,"regionContext"),t});function hs(r){return ls(r)}const us=r=>ns(r,je);class ds{constructor(){this.viewsByRegion={},this.regions={}}registerRegion(t,e){this.regions[t]=[...this.regions[t]||[],e]}unregisterRegion(t,e){this.regions[t]=this.getRegionsByName(t).filter(i=>i!==e)}registerView(t,e,i){this.viewsByRegion[t]=[...this.viewsByRegion[t]||[],{key:e,view:i}]}getRegisteredViews(t){return this.viewsByRegion[t]||[]}getRegionsByName(t){return this.regions[t]||[]}destroy(){this.viewsByRegion={},this.regions={}}clear(){this.viewsByRegion={}}}class re{constructor(t){this._viewRegistry=t,this._regions={}}add(t,e){if(this.getRegion(t))throw new Error("A region with the same name already exists");return this._regions[t]=e,this._viewRegistry.registerRegion(t,e),this}getRegion(t){return this._regions[t]}remove(t){let e,i="";return typeof t=="string"?(e=this.getRegion(t),i=t,delete this._regions[t]):typeof t=="object"&&(i=Object.keys(this._regions).find(s=>this._regions[s]===t),i&&(e=t,delete this._regions[i])),i&&e&&this._viewRegistry.unregisterRegion(i,e),e}addViewToRegion(t,e,i){const s=this.getRegion(t);if(!s)throw new Error(`Couldn't find a region with name: ${t}`);return s.addView(e,i),this}registerViewWithRegion(t,e,i){return this._viewRegistry.registerView(t,e,i),this._viewRegistry.getRegionsByName(t).forEach(s=>s.addView(e,i)),this}getRegisteredViews(t){return this._viewRegistry.getRegisteredViews(t)}clear(){return Object.values(this._viewRegistry.regions).forEach(t=>{t!=null&&t.length&&Object.keys(t[0].views).forEach(e=>{var i;return(i=t[0])==null?void 0:i.removeView(e)})}),this}destroy(){return this.clear(),Object.values(this._viewRegistry.regions).forEach(t=>this.remove(t[0])),this._regions={},this}createRegionManager(){return new re(this._viewRegistry)}}class ps extends re{constructor(t){const e=new ds;super(e),this._name=t}clear(){return super.clear(),this._viewRegistry.clear(),this}destroy(){return super.destroy(),this._viewRegistry.destroy(),this}}const fs=(r=>new ps(r))("SHELL-LIT"),gs=us(fs);/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const St=globalThis,ie=St.ShadowRoot&&(St.ShadyCSS===void 0||St.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,se=Symbol(),ar=new WeakMap;let cr=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==se)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(ie&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=ar.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ar.set(e,t))}return t}toString(){return this.cssText}};const vs=r=>new cr(typeof r=="string"?r:r+"",void 0,se),U=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((i,s,n)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+r[n+1],r[0]);return new cr(e,r,se)},ms=(r,t)=>{if(ie)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),s=St.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=e.cssText,r.appendChild(i)}},lr=ie?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return vs(e)})(r):r;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:ys,defineProperty:$s,getOwnPropertyDescriptor:_s,getOwnPropertyNames:bs,getOwnPropertySymbols:ws,getPrototypeOf:As}=Object,x=globalThis,hr=x.trustedTypes,Es=hr?hr.emptyScript:"",ne=x.reactiveElementPolyfillSupport,st=(r,t)=>r,Ct={toAttribute(r,t){switch(t){case Boolean:r=r?Es:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},oe=(r,t)=>!ys(r,t),ur={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:oe};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),x.litPropertyMetadata??(x.litPropertyMetadata=new WeakMap);class G 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=ur){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);s!==void 0&&$s(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:n}=_s(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return s==null?void 0:s.call(this)},set(o){const a=s==null?void 0:s.call(this);n.call(this,o),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ur}static _$Ei(){if(this.hasOwnProperty(st("elementProperties")))return;const t=As(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(st("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(st("properties"))){const e=this.properties,i=[...bs(e),...ws(e)];for(const s of i)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,s]of e)this.elementProperties.set(i,s)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const s=this._$Eu(e,i);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const s of i)e.unshift(lr(s))}else t!==void 0&&e.push(lr(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ms(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){var n;const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(s!==void 0&&i.reflect===!0){const o=(((n=i.converter)==null?void 0:n.toAttribute)!==void 0?i.converter:Ct).toAttribute(e,i.type);this._$Em=t,o==null?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(t,e){var n;const i=this.constructor,s=i._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const o=i.getPropertyOptions(s),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((n=o.converter)==null?void 0:n.fromAttribute)!==void 0?o.converter:Ct;this._$Em=s,this[s]=a.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,i){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??oe)(this[t],e))return;this.P(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[n,o]of s)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(s=>{var n;return(n=s.hostUpdate)==null?void 0:n.call(s)}),this.update(e)):this._$EU()}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var s;return(s=i.hostUpdated)==null?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}G.elementStyles=[],G.shadowRootOptions={mode:"open"},G[st("elementProperties")]=new Map,G[st("finalized")]=new Map,ne==null||ne({ReactiveElement:G}),(x.reactiveElementVersions??(x.reactiveElementVersions=[])).push("2.0.4");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const nt=globalThis,xt=nt.trustedTypes,dr=xt?xt.createPolicy("lit-html",{createHTML:r=>r}):void 0,pr="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,fr="?"+R,Ss=`<${fr}>`,H=document,ot=()=>H.createComment(""),at=r=>r===null||typeof r!="object"&&typeof r!="function",gr=Array.isArray,Cs=r=>gr(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",ae=`[ 	
+\f\r]`,ct=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vr=/-->/g,mr=/>/g,j=RegExp(`>|${ae}(?:([^\\s"'>=/]+)(${ae}*=${ae}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),yr=/'/g,$r=/"/g,_r=/^(?:script|style|textarea|title)$/i,xs=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),A=xs(1),L=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),br=new WeakMap,V=H.createTreeWalker(H,129);function wr(r,t){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return dr!==void 0?dr.createHTML(t):t}const Rs=(r,t)=>{const e=r.length-1,i=[];let s,n=t===2?"<svg>":"",o=ct;for(let a=0;a<e;a++){const c=r[a];let l,u,h=-1,p=0;for(;p<c.length&&(o.lastIndex=p,u=o.exec(c),u!==null);)p=o.lastIndex,o===ct?u[1]==="!--"?o=vr:u[1]!==void 0?o=mr:u[2]!==void 0?(_r.test(u[2])&&(s=RegExp("</"+u[2],"g")),o=j):u[3]!==void 0&&(o=j):o===j?u[0]===">"?(o=s??ct,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,l=u[1],o=u[3]===void 0?j:u[3]==='"'?$r:yr):o===$r||o===yr?o=j:o===vr||o===mr?o=ct:(o=j,s=void 0);const m=o===j&&r[a+1].startsWith("/>")?" ":"";n+=o===ct?c+Ss:h>=0?(i.push(l),c.slice(0,h)+pr+c.slice(h)+R+m):c+R+(h===-2?a:m)}return[wr(r,n+(r[e]||"<?>")+(t===2?"</svg>":"")),i]};class lt{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,o=0;const a=t.length-1,c=this.parts,[l,u]=Rs(t,e);if(this.el=lt.createElement(l,i),V.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=V.nextNode())!==null&&c.length<a;){if(s.nodeType===1){if(s.hasAttributes())for(const h of s.getAttributeNames())if(h.endsWith(pr)){const p=u[o++],m=s.getAttribute(h).split(R),X=/([.?@])?(.*)/.exec(p);c.push({type:1,index:n,name:X[2],strings:m,ctor:X[1]==="."?Ts:X[1]==="?"?Os:X[1]==="@"?Is:Rt}),s.removeAttribute(h)}else h.startsWith(R)&&(c.push({type:6,index:n}),s.removeAttribute(h));if(_r.test(s.tagName)){const h=s.textContent.split(R),p=h.length-1;if(p>0){s.textContent=xt?xt.emptyScript:"";for(let m=0;m<p;m++)s.append(h[m],ot()),V.nextNode(),c.push({type:2,index:++n});s.append(h[p],ot())}}}else if(s.nodeType===8)if(s.data===fr)c.push({type:2,index:n});else{let h=-1;for(;(h=s.data.indexOf(R,h+1))!==-1;)c.push({type:7,index:n}),h+=R.length-1}n++}}static createElement(t,e){const i=H.createElement("template");return i.innerHTML=t,i}}function K(r,t,e=r,i){var o,a;if(t===L)return t;let s=i!==void 0?(o=e._$Co)==null?void 0:o[i]:e._$Cl;const n=at(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==n&&((a=s==null?void 0:s._$AO)==null||a.call(s,!1),n===void 0?s=void 0:(s=new n(r),s._$AT(r,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=s:e._$Cl=s),s!==void 0&&(t=K(r,s._$AS(r,t.values),s,i)),t}class Ps{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,s=((t==null?void 0:t.creationScope)??H).importNode(e,!0);V.currentNode=s;let n=V.nextNode(),o=0,a=0,c=i[0];for(;c!==void 0;){if(o===c.index){let l;c.type===2?l=new ht(n,n.nextSibling,this,t):c.type===1?l=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(l=new Ns(n,this,t)),this._$AV.push(l),c=i[++a]}o!==(c==null?void 0:c.index)&&(n=V.nextNode(),o++)}return V.currentNode=H,s}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class ht{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=K(this,t,e),at(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==L&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Cs(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!==d&&at(this._$AH)?this._$AA.nextSibling.data=t:this.T(H.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:i}=t,s=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=lt.createElement(wr(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===s)this._$AH.p(e);else{const o=new Ps(s,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=br.get(t.strings);return e===void 0&&br.set(t.strings,e=new lt(t)),e}k(t){gr(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new ht(this.S(ot()),this.S(ot()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Rt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,s,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=d}_$AI(t,e=this,i,s){const n=this.strings;let o=!1;if(n===void 0)t=K(this,t,e,0),o=!at(t)||t!==this._$AH&&t!==L,o&&(this._$AH=t);else{const a=t;let c,l;for(t=n[0],c=0;c<n.length-1;c++)l=K(this,a[i+c],e,c),l===L&&(l=this._$AH[c]),o||(o=!at(l)||l!==this._$AH[c]),l===d?t=d:t!==d&&(t+=(l??"")+n[c+1]),this._$AH[c]=l}o&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ts extends Rt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Os extends Rt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Is extends Rt{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){if((t=K(this,t,e,0)??d)===L)return;const i=this._$AH,s=t===d&&i!==d||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==d&&(i===d||s);s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ns{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}}const ce=nt.litHtmlPolyfillSupport;ce==null||ce(lt,ht),(nt.litHtmlVersions??(nt.litHtmlVersions=[])).push("3.1.3");const ks=(r,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let s=i._$litPart$;if(s===void 0){const n=(e==null?void 0:e.renderBefore)??null;i._$litPart$=s=new ht(t.insertBefore(ot(),n),n,void 0,e??{})}return s._$AI(r),s};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let E=class extends G{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=ks(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 L}};E._$litElement$=!0,E.finalized=!0,(kr=globalThis.litElementHydrateSupport)==null||kr.call(globalThis,{LitElement:E});const le=globalThis.litElementPolyfillSupport;le==null||le({LitElement:E}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.5");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Y=r=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(r,t)}):customElements.define(r,t)};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Ms={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:oe},Us=(r=Ms,t,e)=>{const{kind:i,metadata:s}=e;let n=globalThis.litPropertyMetadata.get(s);if(n===void 0&&globalThis.litPropertyMetadata.set(s,n=new Map),n.set(e.name,r),i==="accessor"){const{name:o}=e;return{set(a){const c=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,c,r)},init(a){return a!==void 0&&this.P(o,void 0,r),a}}}if(i==="setter"){const{name:o}=e;return function(a){const c=this[o];t.call(this,a),this.requestUpdate(o,c,r)}}throw Error("Unsupported decorator location: "+i)};function _(r){return(t,e)=>typeof e=="object"?Us(r,t,e):((i,s,n)=>{const o=s.hasOwnProperty(n);return s.constructor.createProperty(n,o?{...i,wrapped:!0}:i),o?Object.getOwnPropertyDescriptor(s,n):void 0})(r,t,e)}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function he(r){return _({...r,state:!0,attribute:!1})}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Hs=(r,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,e),e);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function js(r,t){return(e,i,s)=>{const n=o=>{var a;return((a=o.renderRoot)==null?void 0:a.querySelector(r))??null};return Hs(e,i,{get(){return n(this)}})}}const ut={header:"header-region",actionsToolbar:"actions-toolbar-region",main:"main-region",sidebar:"asidebar-region",footer:"footer-region"};function v(r,t,e,i){var s=arguments.length,n=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,e,i);else for(var a=r.length-1;a>=0;a--)(o=r[a])&&(n=(s<3?o(n):s>3?o(t,e,n):o(t,e))||n);return s>3&&n&&Object.defineProperty(t,e,n),n}typeof SuppressedError=="function"&&SuppressedError;/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */class Ls extends E{render(){return A`<slot></slot>`}connectedCallback(){if(super.connectedCallback(),this.getAttribute("aria-hidden")==="false"){this.removeAttribute("aria-hidden");return}this.setAttribute("aria-hidden","true")}}/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Vs=U`:host{font-size:var(--md-icon-size, 24px);width:var(--md-icon-size, 24px);height:var(--md-icon-size, 24px);color:inherit;font-variation-settings:inherit;font-weight:400;font-family:var(--md-icon-font, Material Symbols Outlined);display:inline-flex;font-style:normal;place-items:center;place-content:center;line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;user-select:none;white-space:nowrap;word-wrap:normal;flex-shrink:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}::slotted(svg){fill:currentColor}::slotted(*){height:100%;width:100%}
+`;/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */let ue=class extends Ls{};ue.styles=[Vs],ue=v([Y("md-icon")],ue);/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Ar=Symbol("attachableController");let Pt;Pt=new MutationObserver(r=>{var t;for(const e of r)(t=e.target[Ar])==null||t.hostConnected()});class Er{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(t){t===null?this.host.removeAttribute("for"):this.host.setAttribute("for",t)}get control(){return this.host.hasAttribute("for")?!this.htmlFor||!this.host.isConnected?null:this.host.getRootNode().querySelector(`#${this.htmlFor}`):this.currentControl||this.host.parentElement}set control(t){t?this.attach(t):this.detach()}constructor(t,e){this.host=t,this.onControlChange=e,this.currentControl=null,t.addController(this),t[Ar]=this,Pt==null||Pt.observe(t,{attributeFilter:["for"]})}attach(t){t!==this.currentControl&&(this.setCurrentControl(t),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(t){this.onControlChange(this.currentControl,t),this.currentControl=t}}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Ds=["focusin","focusout","pointerdown"];class de extends E{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new Er(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){var e;if(!t[Sr]){switch(t.type){default:return;case"focusin":this.visible=((e=this.control)==null?void 0:e.matches(":focus-visible"))??!1;break;case"focusout":case"pointerdown":this.visible=!1;break}t[Sr]=!0}}onControlChange(t,e){for(const i of Ds)t==null||t.removeEventListener(i,this),e==null||e.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}v([_({type:Boolean,reflect:!0})],de.prototype,"visible",void 0),v([_({type:Boolean,reflect:!0})],de.prototype,"inward",void 0);const Sr=Symbol("handledByFocusRing");/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const zs=U`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+`;/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */let pe=class extends de{};pe.styles=[zs],pe=v([Y("md-focus-ring")],pe);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Bs={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Fs=r=>(...t)=>({_$litDirective$:r,values:t});class qs{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Cr=Fs(class extends qs{constructor(r){var t;if(super(r),r.type!==Bs.ATTRIBUTE||r.name!=="class"||((t=r.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(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var i,s;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((i=this.nt)!=null&&i.has(n))&&this.st.add(n);return this.render(t)}const e=r.element.classList;for(const n of this.st)n in t||(e.remove(n),this.st.delete(n));for(const n in t){const o=!!t[n];o===this.st.has(n)||(s=this.nt)!=null&&s.has(n)||(o?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return L}});/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Ws={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",STANDARD_ACCELERATE:"cubic-bezier(.3,0,1,1)",STANDARD_DECELERATE:"cubic-bezier(0,0,0,1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)",EMPHASIZED_ACCELERATE:"cubic-bezier(.3,0,.8,.15)",EMPHASIZED_DECELERATE:"cubic-bezier(.05,.7,.1,1)"};/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Gs=450,xr=225,Ks=.2,Ys=10,Xs=75,Zs=.35,Qs="::after",Js="forwards";var b;(function(r){r[r.INACTIVE=0]="INACTIVE",r[r.TOUCH_DELAY=1]="TOUCH_DELAY",r[r.HOLDING=2]="HOLDING",r[r.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(b||(b={}));const tn=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],en=150,fe=window.matchMedia("(forced-colors: active)");class dt extends E{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=b.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new Er(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return A`<div class="surface ${Cr(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==b.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state===b.HOLDING){this.state=b.WAITING_FOR_CLICK;return}if(this.state===b.TOUCH_DELAY){this.state=b.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t)){this.state=b.WAITING_FOR_CLICK,this.startPressAnimation(t);return}this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=b.TOUCH_DELAY,await new Promise(e=>{setTimeout(e,en)}),this.state===b.TOUCH_DELAY&&(this.state=b.HOLDING,this.startPressAnimation(t)))}}handleClick(){if(!this.disabled){if(this.state===b.WAITING_FOR_CLICK){this.endPressAnimation();return}this.state===b.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation())}}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),s=Math.max(Zs*i,Xs),n=Math.floor(i*Ks),a=Math.sqrt(e**2+t**2)+Ys;this.initialSize=n,this.rippleScale=`${(a+s)/n}`,this.rippleSize=`${n}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:s,top:n}=this.getBoundingClientRect(),o=e+s,a=i+n,{pageX:c,pageY:l}=t;return{x:c-o,y:l-a}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),s={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let n;return t instanceof PointerEvent?n=this.getNormalizedPointerEventCoords(t):n={x:i/2,y:e/2},n={x:n.x-this.initialSize/2,y:n.y-this.initialSize/2},{startPoint:n,endPoint:s}}startPressAnimation(t){var o;if(!this.mdRoot)return;this.pressed=!0,(o=this.growAnimation)==null||o.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),s=`${e.x}px, ${e.y}px`,n=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${s}) scale(1)`,`translate(${n}) scale(${this.rippleScale})`]},{pseudoElement:Qs,duration:Gs,easing:Ws.STANDARD,fill:Js})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=b.INACTIVE;const t=this.growAnimation;let e=1/0;if(typeof(t==null?void 0:t.currentTime)=="number"?e=t.currentTime:t!=null&&t.currentTime&&(e=t.currentTime.to("ms").value),e>=xr){this.pressed=!1;return}await new Promise(i=>{setTimeout(i,xr-e)}),this.growAnimation===t&&(this.pressed=!1)}shouldReactToEvent(t){if(this.disabled||!t.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if(t.type==="pointerenter"||t.type==="pointerleave")return!this.isTouch(t);const e=t.buttons===1;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:s,bottom:n,right:o}=this.getBoundingClientRect();return t>=s&&t<=o&&e>=i&&e<=n}isTouch({pointerType:t}){return t==="touch"}async handleEvent(t){if(!(fe!=null&&fe.matches))switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t);break}}onControlChange(t,e){for(const i of tn)t==null||t.removeEventListener(i,this),e==null||e.addEventListener(i,this)}}v([_({type:Boolean,reflect:!0})],dt.prototype,"disabled",void 0),v([he()],dt.prototype,"hovered",void 0),v([he()],dt.prototype,"pressed",void 0),v([js(".surface")],dt.prototype,"mdRoot",void 0);/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const rn=U`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+`;/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */let ge=class extends dt{};ge.styles=[rn],ge=v([Y("md-ripple")],ge);/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Rr=Symbol.for(""),sn=r=>{if((r==null?void 0:r.r)===Rr)return r==null?void 0:r._$litStatic$},Pr=(r,...t)=>({_$litStatic$:t.reduce((e,i,s)=>e+(n=>{if(n._$litStatic$!==void 0)return n._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${n}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`)})(i)+r[s+1],r[0]),r:Rr}),Tr=new Map,nn=r=>(t,...e)=>{const i=e.length;let s,n;const o=[],a=[];let c,l=0,u=!1;for(;l<i;){for(c=t[l];l<i&&(n=e[l],(s=sn(n))!==void 0);)c+=s+t[++l],u=!0;l!==i&&a.push(n),o.push(c),l++}if(l===i&&o.push(t[i]),u){const h=o.join("$$lit$$");(t=Tr.get(h))===void 0&&(o.raw=o,Tr.set(h,t=o)),e=a}return r(t,...e)},on=nn(A);/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Or=["ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"];Or.map(Ir);function Ir(r){return r.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */function an(r){for(const t of Or)r.createProperty(t,{attribute:Ir(t),reflect:!0});r.addInitializer(t=>{const e={hostConnected(){t.setAttribute("role","presentation")}};t.addController(e)})}/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const Tt=Symbol("internals"),ve=Symbol("privateInternals");function cn(r){class t extends r{get[Tt](){return this[ve]||(this[ve]=this.attachInternals()),this[ve]}}return t}/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */function ln(r){r.addInitializer(t=>{const e=t;e.addEventListener("click",async i=>{const{type:s,[Tt]:n}=e,{form:o}=n;if(!(!o||s==="button")&&(await new Promise(a=>{setTimeout(a)}),!i.defaultPrevented)){if(s==="reset"){o.reset();return}o.addEventListener("submit",a=>{Object.defineProperty(a,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */function Nr(r,t=!0){return t&&getComputedStyle(r).getPropertyValue("direction").trim()==="rtl"}/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const hn=cn(E);class w extends hn{constructor(){super(...arguments),this.disabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=Nr(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[Tt].form}get labels(){return this[Tt].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const t=this.href?Pr`div`:Pr`button`,{ariaLabel:e,ariaHasPopup:i,ariaExpanded:s}=this,n=e&&this.ariaLabelSelected,o=this.toggle?this.selected:d;let a=d;return this.href||(a=n&&this.selected?this.ariaLabelSelected:e),on`<${t}
+        class="icon-button ${Cr(this.getRenderClasses())}"
+        id="button"
+        aria-label="${a||d}"
+        aria-haspopup="${!this.href&&i||d}"
+        aria-expanded="${!this.href&&s||d}"
+        aria-pressed="${o}"
+        ?disabled="${!this.href&&this.disabled}"
+        @click="${this.handleClick}">
+        ${this.renderFocusRing()}
+        ${this.renderRipple()}
+        ${this.selected?d:this.renderIcon()}
+        ${this.selected?this.renderSelectedIcon():d}
+        ${this.renderTouchTarget()}
+        ${this.href&&this.renderLink()}
+  </${t}>`}renderLink(){const{ariaLabel:t}=this;return A`
+      <a
+        class="link"
+        id="link"
+        href="${this.href}"
+        target="${this.target||d}"
+        aria-label="${t||d}"></a>
+    `}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return A`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return A`<span class="icon icon--selected"
+      ><slot name="selected"><slot></slot></slot
+    ></span>`}renderTouchTarget(){return A`<span class="touch"></span>`}renderFocusRing(){return A`<md-focus-ring
+      part="focus-ring"
+      for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return A`<md-ripple
+      for=${this.href?"link":d}
+      ?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=Nr(this,this.flipIconInRtl),super.connectedCallback()}async handleClick(t){await 0,!(!this.toggle||this.disabled||t.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}}an(w),ln(w),w.formAssociated=!0,w.shadowRootOptions={mode:"open",delegatesFocus:!0},v([_({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),v([_({type:Boolean,attribute:"flip-icon-in-rtl"})],w.prototype,"flipIconInRtl",void 0),v([_()],w.prototype,"href",void 0),v([_()],w.prototype,"target",void 0),v([_({attribute:"aria-label-selected"})],w.prototype,"ariaLabelSelected",void 0),v([_({type:Boolean})],w.prototype,"toggle",void 0),v([_({type:Boolean,reflect:!0})],w.prototype,"selected",void 0),v([_()],w.prototype,"type",void 0),v([_({reflect:!0})],w.prototype,"value",void 0),v([he()],w.prototype,"flipIcon",void 0);/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const un=U`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host([disabled]){--_disabled-icon-opacity: 1}}
+`;/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const dn=U`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:disabled{color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:disabled .icon{opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}
+`;/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */let me=class extends w{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};me.styles=[un,dn],me=v([Y("md-icon-button")],me);var pn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,ye=(r,t,e,i)=>{for(var s=i>1?void 0:i?fn(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&pn(t,e,s),s};let pt=class extends hs(E){render(){return A`
+            <div class="container">
+                <md-icon-button aria-label="${this.description}">
+                    <md-icon>${this.icon}</md-icon>
+                </md-icon-button>
+            </div>
+    `}};pt.styles=U`
+    :host {
+        color: red;
+    }
+  `,ye([_()],pt.prototype,"icon",2),ye([_()],pt.prototype,"description",2),pt=ye([Y("action-toolbar-item")],pt);var gn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,ft=(r,t,e,i)=>{for(var s=i>1?void 0:i?vn(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&gn(t,e,s),s};let P=class extends gs(E){render(){return A` <div class="container">
+      <div class="header">
+        <div id="header-region-container"></div>
+        <div id="actions-toolbar-region-container"></div>
+      </div>
+
+      <div class="main-container">
+        <div id="sidebar-region-region-container"></div>
+        <div id="main-region-region-container"></div>
+      </div>
+    </div>`}};P.styles=U`
+  :host {
+    width: 100%;
+    overflow: hidden;
+  }
+  .container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: aliceblue;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    background-color: blue;
+    height: 60px;
+    background-color: white;
+    color: black;
+    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+    z-index: 1;
+
+    #actions-toolbar-region-container{
+      display: flex;
+      flex-direction:row;
+    }
+  }
+  .main-container {
+    min-height: 1px;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    #sidebar-region-region-container {
+      background: white;
+      width: 15vw;
+      box-shadow: rgba(0, 0, 0, 0.12) 4px -1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+    }
+  }
+  `,ft([yt({targetId:"header-region-container",name:ut.header})],P.prototype,"headerRegion",2),ft([yt({targetId:"actions-toolbar-region-container",name:ut.actionsToolbar})],P.prototype,"actionsToolbarRegion",2),ft([yt({targetId:"sidebar-region-region-container",name:ut.sidebar})],P.prototype,"sidebarRegion",2),ft([yt({targetId:"main-region-region-container",name:ut.main})],P.prototype,"mainRegion",2),P=ft([Y("primary-shell")],P);const mn=r=>{const t=new P;r.appendChild(t)};T.initializeShell=mn,T.regions=ut,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Framework Integració modular",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/fim-sandbox/tree/app#readme",
   "license": "UNLICENSED",
+  "type": "module",
   "main": "src/index.ts",
   "types": "dist/index.d.ts",
+  "module": "dist/index.js",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "publishConfig": {
     "access": "public",

package/src/initializer.ts

@@ -0,0 +1,6 @@
+import { PrimaryShell } from "./primary-shell";
+
+export const initializeShell = (element: HTMLElement) => {
+    const shell = new PrimaryShell();
+    element.appendChild(shell as any);
+}

package/src/primary-shell.ts

@@ -0,0 +1,78 @@
+import {ShellLitRegionHost} from '@uxland/fim-core';
+import {IRegion, region} from '@uxland/regions';
+import {LitElement, css, html} from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { regions } from './regions';
+import '@uxland/primary-ui-components';
+
+//@ts-ignore
+@customElement('primary-shell')
+//@ts-ignore
+export class PrimaryShell extends ShellLitRegionHost(LitElement) {
+   render() {
+    return html` <div class="container">
+      <div class="header">
+        <div id="header-region-container"></div>
+        <div id="actions-toolbar-region-container"></div>
+      </div>
+
+      <div class="main-container">
+        <div id="sidebar-region-region-container"></div>
+        <div id="main-region-region-container"></div>
+      </div>
+    </div>`;
+  }
+
+  static styles = css`
+  :host {
+    width: 100%;
+    overflow: hidden;
+  }
+  .container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: aliceblue;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    background-color: blue;
+    height: 60px;
+    background-color: white;
+    color: black;
+    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+    z-index: 1;
+
+    #actions-toolbar-region-container{
+      display: flex;
+      flex-direction:row;
+    }
+  }
+  .main-container {
+    min-height: 1px;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    #sidebar-region-region-container {
+      background: white;
+      width: 15vw;
+      box-shadow: rgba(0, 0, 0, 0.12) 4px -1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+    }
+  }
+  `;
+
+  @region({targetId: 'header-region-container', name: regions.header})
+  headerRegion: IRegion | undefined;
+
+  @region({targetId: 'actions-toolbar-region-container', name: regions.actionsToolbar})
+  actionsToolbarRegion: IRegion | undefined;
+
+  @region({targetId: 'sidebar-region-region-container', name: regions.sidebar})
+  sidebarRegion: IRegion | undefined;
+
+  @region({targetId: 'main-region-region-container', name: regions.main})
+  mainRegion: IRegion | undefined;
+}

package/src/regions.ts

@@ -0,0 +1,7 @@
+export const regions = {
+  header: 'header-region',
+  actionsToolbar: 'actions-toolbar-region',
+  main: 'main-region',
+  sidebar: 'asidebar-region',
+  footer: 'footer-region'
+};