flex-layout-system - npm Package Compare versions

Comparing version 0.1.7 to 0.1.8

dist/base.min.js

 /*! For license information please see base.min.js.LICENSE.txt */
-(()=>{"use strict";var t={732:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595);let a=o=class extends n.LitElement{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":o.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};a.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},a.styles=n.css`
+(()=>{"use strict";var t={814:function(t,e,s){var o=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.Base=void 0;const r=s(62),n=s(595);class l extends r.LitElement{constructor(){super(...arguments),this.className=""}updated(t){t.has("className")&&this._updateClass()}_updateClass(){this.className.split(" ").filter(Boolean).forEach((t=>{this.classList.add(t)}))}}o([(0,n.property)({type:String}),i("design:type",Object)],l.prototype,"className",void 0),e.Base=l},732:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595),a=s(814);let h=o=class extends a.Base{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":o.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};h.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},h.styles=n.css`
     :host([nowrap]) {
@@ -167,3 +167,3 @@ flex-wrap: nowrap;
     }
-  `,i([(0,l.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],a.prototype,"row",void 0),i([(0,l.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],a.prototype,"column",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"gap",void 0),a=o=i([(0,l.customElement)("flex-box")],a),e.FlexBox=a},858:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595);let a=o=class extends n.LitElement{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};a.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},a.styles=n.css`
+  `,i([(0,l.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],h.prototype,"row",void 0),i([(0,l.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],h.prototype,"column",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"gap",void 0),h=o=i([(0,l.customElement)("flex-box")],h),e.FlexBox=h},858:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595),a=s(814);let h=o=class extends a.Base{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};h.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},h.styles=n.css`
     :host {
@@ -189,3 +189,3 @@ box-sizing: border-box;
     }
-  `,i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"width",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"mg",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"pd",void 0),a=o=i([(0,l.customElement)("flex-canvas")],a),e.FlexCanvas=a},627:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595);let a=o=class extends n.LitElement{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};a.defaultProps={display:"block"},a.styles=n.css`
+  `,i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"width",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"mg",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"pd",void 0),h=o=i([(0,l.customElement)("flex-canvas")],h),e.FlexCanvas=h},627:function(t,e,s){var o,i=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595),a=s(814);let h=o=class extends a.Base{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};h.defaultProps={display:"block"},h.styles=n.css`
     :host {
@@ -391,3 +391,3 @@ box-sizing: border-box;
     }
-  `,i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],a.prototype,"order",void 0),i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],a.prototype,"grow",void 0),i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],a.prototype,"shrink",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"width",void 0),a=o=i([(0,l.customElement)("flex-cell")],a),e.FlexCell=a},580:function(t,e,s){var o=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const r=s(62),n=s(595);let l=class extends r.LitElement{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),r.html`<slot></slot>`}};l.styles=r.css`
+  `,i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],h.prototype,"order",void 0),i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],h.prototype,"grow",void 0),i([(0,l.property)({type:Number,reflect:!0}),r("design:type",Number)],h.prototype,"shrink",void 0),i([(0,l.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"width",void 0),h=o=i([(0,l.customElement)("flex-cell")],h),e.FlexCell=h},580:function(t,e,s){var o=this&&this.__decorate||function(t,e,s,o){var i,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(r<3?i(n):r>3?i(e,s,n):i(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const r=s(62),n=s(595),l=s(814);let a=class extends l.Base{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),r.html`<slot></slot>`}};a.styles=r.css`
     :host {
@@ -412,2 +412,2 @@ box-sizing: border-box;
     }
-  `,o([(0,n.property)({type:String,reflect:!0}),i("design:type",String)],l.prototype,"gap",void 0),l=o([(0,n.customElement)("flex-grid")],l),e.FlexGrid=l},929:(t,e,s)=>{Object.defineProperty(e,"__esModule",{value:!0}),s(858),s(732),s(627),s(580)},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>o,eventOptions:()=>a,property:()=>r,query:()=>h,queryAll:()=>d,queryAssignedElements:()=>f,queryAssignedNodes:()=>v,queryAsync:()=>c,state:()=>n});const o=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:o}=e;return{kind:s,elements:o,finisher(e){customElements.define(t,e)}}})(t,e),i=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function r(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):i(t,e)}function n(t){return r({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,o)=>{var i;if(void 0===o){const o=null!==(i=s.originalKey)&&void 0!==i?i:s.key,r=null!=e?{kind:"method",placement:"prototype",key:o,descriptor:e(s.key)}:{...s,key:o};return null!=t&&(r.finisher=function(e){t(e,o)}),r}{const i=s.constructor;void 0!==e&&Object.defineProperty(s,o,e(o)),null==t||t(i,o)}};function a(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function h(t,e){return l({descriptor:s=>{const o={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;o.get=function(){var s,o;return void 0===this[e]&&(this[e]=null!==(o=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==o?o:null),this[e]}}return o}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function c(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var u;const p=null!=(null===(u=window.HTMLSlotElement)||void 0===u?void 0:u.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function f(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:o=>({get(){var o;const i="slot"+(e?`[name=${e}]`:":not([name])"),r=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(i),n=null!=r?p(r,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function v(t,e,s){let o,i=t;return"object"==typeof t?(i=t.slot,o=t):o={flatten:e},s?f({slot:i,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(i?`[name=${i}]`:":not([name])"),r=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==r?void 0:r.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ut,ReactiveElement:()=>_,UpdatingElement:()=>ct,_$LE:()=>ft,_$LH:()=>nt,adoptStyles:()=>d,css:()=>h,defaultConverter:()=>g,getCompatibleStyle:()=>c,html:()=>q,isServer:()=>vt,noChange:()=>F,notEqual:()=>m,nothing:()=>W,render:()=>at,supportsAdoptingStyleSheets:()=>i,svg:()=>V,unsafeCSS:()=>a});const o=window,i=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==r)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(i&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l("string"==typeof t?t:t+"",void 0,r),h=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new l(s,t,r)},d=(t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),i=o.litNonce;void 0!==i&&s.setAttribute("nonce",i),s.textContent=e.cssText,t.appendChild(s)}))},c=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return a(e)})(t):t;var u;const p=window,f=p.trustedTypes,v=f?f.emptyScript:"",y=p.reactiveElementPolyfillSupport,g={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},m=(t,e)=>e!==t&&(e==e||t==t),$={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:m};class _ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const o=this._$Ep(s,e);void 0!==o&&(this._$Ev.set(o,s),t.push(o))})),t}static createProperty(t,e=$){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,s,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(o){const i=this[t];this[e]=o,this.requestUpdate(t,i,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||$}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=$){var o;const i=this.constructor._$Ep(t,s);if(void 0!==i&&!0===s.reflect){const r=(void 0!==(null===(o=s.converter)||void 0===o?void 0:o.toAttribute)?s.converter:g).toAttribute(e,s.type);this._$El=t,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$El=null}}_$AK(t,e){var s;const o=this.constructor,i=o._$Ev.get(t);if(void 0!==i&&this._$El!==i){const t=o.getPropertyOptions(i),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:g;this._$El=i,this[i]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let o=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||m)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var b;_.finalized=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:_}),(null!==(u=p.reactiveElementVersions)&&void 0!==u?u:p.reactiveElementVersions=[]).push("1.6.1");const x=window,w=x.trustedTypes,S=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",E=`lit$${(Math.random()+"").slice(9)}$`,P="?"+E,C=`<${P}>`,k=document,j=()=>k.createComment(""),R=t=>null===t||"object"!=typeof t&&"function"!=typeof t,O=Array.isArray,N=t=>O(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),U="[ \t\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,T=/>/g,z=RegExp(`>|${U}(?:([^\\s"'>=/]+)(${U}*=${U}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,B=/"/g,D=/^(?:script|style|textarea|title)$/i,I=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),q=I(1),V=I(2),F=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),K=new WeakMap,G=k.createTreeWalker(k,129,null,!1),J=(t,e)=>{const s=t.length-1,o=[];let i,r=2===e?"<svg>":"",n=H;for(let e=0;e<s;e++){const s=t[e];let l,a,h=-1,d=0;for(;d<s.length&&(n.lastIndex=d,a=n.exec(s),null!==a);)d=n.lastIndex,n===H?"!--"===a[1]?n=M:void 0!==a[1]?n=T:void 0!==a[2]?(D.test(a[2])&&(i=RegExp("</"+a[2],"g")),n=z):void 0!==a[3]&&(n=z):n===z?">"===a[0]?(n=null!=i?i:H,h=-1):void 0===a[1]?h=-2:(h=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?z:'"'===a[3]?B:L):n===B||n===L?n=z:n===M||n===T?n=H:(n=z,i=void 0);const c=n===z&&t[e+1].startsWith("/>")?" ":"";r+=n===H?s+C:h>=0?(o.push(l),s.slice(0,h)+A+s.slice(h)+E+c):s+E+(-2===h?(o.push(void 0),e):c)}const l=r+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==S?S.createHTML(l):l,o]};class Z{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,r=0;const n=t.length-1,l=this.parts,[a,h]=J(t,e);if(this.el=Z.createElement(a,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=G.nextNode())&&l.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(A)||e.startsWith(E)){const s=h[r++];if(t.push(e),void 0!==s){const t=o.getAttribute(s.toLowerCase()+A).split(E),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:i,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?ot:"@"===e[1]?it:tt})}else l.push({type:6,index:i})}for(const e of t)o.removeAttribute(e)}if(D.test(o.tagName)){const t=o.textContent.split(E),e=t.length-1;if(e>0){o.textContent=w?w.emptyScript:"";for(let s=0;s<e;s++)o.append(t[s],j()),G.nextNode(),l.push({type:2,index:++i});o.append(t[e],j())}}}else if(8===o.nodeType)if(o.data===P)l.push({type:2,index:i});else{let t=-1;for(;-1!==(t=o.data.indexOf(E,t+1));)l.push({type:7,index:i}),t+=E.length-1}i++}}static createElement(t,e){const s=k.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,o){var i,r,n,l;if(e===F)return e;let a=void 0!==o?null===(i=s._$Co)||void 0===i?void 0:i[o]:s._$Cl;const h=R(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,s,o)),void 0!==o?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[o]=a:s._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,o)),e}class X{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:s},parts:o}=this._$AD,i=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:k).importNode(s,!0);G.currentNode=i;let r=G.nextNode(),n=0,l=0,a=o[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new Y(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new rt(r,this,t)),this._$AV.push(e),a=o[++l]}n!==(null==a?void 0:a.index)&&(r=G.nextNode(),n++)}return G.currentNode=k,i}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,o){var i;this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cp=null===(i=null==o?void 0:o.isConnected)||void 0===i||i}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),R(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==F&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):N(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!==W&&R(this._$AH)?this._$AA.nextSibling.data=t:this.$(k.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Z.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===i)this._$AH.v(s);else{const t=new X(i,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){O(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const i of t)o===e.length?e.push(s=new Y(this.k(j()),this.k(j()),this,this.options)):s=e[o],s._$AI(i),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,o,i){this.type=1,this._$AH=W,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,o){const i=this.strings;let r=!1;if(void 0===i)t=Q(this,t,e,0),r=!R(t)||t!==this._$AH&&t!==F,r&&(this._$AH=t);else{const o=t;let n,l;for(t=i[0],n=0;n<i.length-1;n++)l=Q(this,o[s+n],e,n),l===F&&(l=this._$AH[n]),r||(r=!R(l)||l!==this._$AH[n]),l===W?t=W:t!==W&&(t+=(null!=l?l:"")+i[n+1]),this._$AH[n]=l}r&&!o&&this.j(t)}j(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===W?void 0:t}}const st=w?w.emptyScript:"";class ot extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==W?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class it extends tt{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:W)===F)return;const o=this._$AH,i=t===W&&o!==W||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==W&&(o===W||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class rt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:A,P:E,A:P,C:1,M:J,L:X,D:N,R:Q,I:Y,V:tt,H:ot,N:it,U:et,F:rt},lt=x.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(b=x.litHtmlVersions)&&void 0!==b?b:x.litHtmlVersions=[]).push("2.7.4");const at=(t,e,s)=>{var o,i;const r=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:e;let n=r._$litPart$;if(void 0===n){const t=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:null;r._$litPart$=n=new Y(e.insertBefore(j(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var ht,dt;const ct=_;class ut extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return F}}ut.finalized=!0,ut._$litElement$=!0,null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:ut});const pt=globalThis.litElementPolyfillSupport;null==pt||pt({LitElement:ut});const ft={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const vt=!1}},e={};function s(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={exports:{}};return t[o].call(r.exports,r,r.exports,s),r.exports}s.d=(t,e)=>{for(var o in e)s.o(e,o)&&!s.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(929)})();
+  `,o([(0,n.property)({type:String,reflect:!0}),i("design:type",String)],a.prototype,"gap",void 0),a=o([(0,n.customElement)("flex-grid")],a),e.FlexGrid=a},929:(t,e,s)=>{Object.defineProperty(e,"__esModule",{value:!0}),s(858),s(732),s(627),s(580)},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>o,eventOptions:()=>a,property:()=>r,query:()=>h,queryAll:()=>d,queryAssignedElements:()=>f,queryAssignedNodes:()=>v,queryAsync:()=>c,state:()=>n});const o=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:o}=e;return{kind:s,elements:o,finisher(e){customElements.define(t,e)}}})(t,e),i=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function r(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):i(t,e)}function n(t){return r({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,o)=>{var i;if(void 0===o){const o=null!==(i=s.originalKey)&&void 0!==i?i:s.key,r=null!=e?{kind:"method",placement:"prototype",key:o,descriptor:e(s.key)}:{...s,key:o};return null!=t&&(r.finisher=function(e){t(e,o)}),r}{const i=s.constructor;void 0!==e&&Object.defineProperty(s,o,e(o)),null==t||t(i,o)}};function a(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function h(t,e){return l({descriptor:s=>{const o={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;o.get=function(){var s,o;return void 0===this[e]&&(this[e]=null!==(o=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==o?o:null),this[e]}}return o}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function c(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var u;const p=null!=(null===(u=window.HTMLSlotElement)||void 0===u?void 0:u.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function f(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:o=>({get(){var o;const i="slot"+(e?`[name=${e}]`:":not([name])"),r=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(i),n=null!=r?p(r,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function v(t,e,s){let o,i=t;return"object"==typeof t?(i=t.slot,o=t):o={flatten:e},s?f({slot:i,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(i?`[name=${i}]`:":not([name])"),r=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==r?void 0:r.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ut,ReactiveElement:()=>_,UpdatingElement:()=>ct,_$LE:()=>ft,_$LH:()=>nt,adoptStyles:()=>d,css:()=>h,defaultConverter:()=>g,getCompatibleStyle:()=>c,html:()=>q,isServer:()=>vt,noChange:()=>F,notEqual:()=>m,nothing:()=>W,render:()=>at,supportsAdoptingStyleSheets:()=>i,svg:()=>V,unsafeCSS:()=>a});const o=window,i=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==r)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(i&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l("string"==typeof t?t:t+"",void 0,r),h=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new l(s,t,r)},d=(t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),i=o.litNonce;void 0!==i&&s.setAttribute("nonce",i),s.textContent=e.cssText,t.appendChild(s)}))},c=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return a(e)})(t):t;var u;const p=window,f=p.trustedTypes,v=f?f.emptyScript:"",y=p.reactiveElementPolyfillSupport,g={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},m=(t,e)=>e!==t&&(e==e||t==t),$={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:m};class _ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const o=this._$Ep(s,e);void 0!==o&&(this._$Ev.set(o,s),t.push(o))})),t}static createProperty(t,e=$){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,s,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(o){const i=this[t];this[e]=o,this.requestUpdate(t,i,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||$}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=$){var o;const i=this.constructor._$Ep(t,s);if(void 0!==i&&!0===s.reflect){const r=(void 0!==(null===(o=s.converter)||void 0===o?void 0:o.toAttribute)?s.converter:g).toAttribute(e,s.type);this._$El=t,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$El=null}}_$AK(t,e){var s;const o=this.constructor,i=o._$Ev.get(t);if(void 0!==i&&this._$El!==i){const t=o.getPropertyOptions(i),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:g;this._$El=i,this[i]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let o=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||m)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var b;_.finalized=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:_}),(null!==(u=p.reactiveElementVersions)&&void 0!==u?u:p.reactiveElementVersions=[]).push("1.6.1");const x=window,w=x.trustedTypes,S=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",E=`lit$${(Math.random()+"").slice(9)}$`,P="?"+E,C=`<${P}>`,j=document,k=()=>j.createComment(""),R=t=>null===t||"object"!=typeof t&&"function"!=typeof t,O=Array.isArray,N=t=>O(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),U="[ \t\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,T=/>/g,z=RegExp(`>|${U}(?:([^\\s"'>=/]+)(${U}*=${U}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),B=/'/g,L=/"/g,D=/^(?:script|style|textarea|title)$/i,I=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),q=I(1),V=I(2),F=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),K=new WeakMap,G=j.createTreeWalker(j,129,null,!1),J=(t,e)=>{const s=t.length-1,o=[];let i,r=2===e?"<svg>":"",n=H;for(let e=0;e<s;e++){const s=t[e];let l,a,h=-1,d=0;for(;d<s.length&&(n.lastIndex=d,a=n.exec(s),null!==a);)d=n.lastIndex,n===H?"!--"===a[1]?n=M:void 0!==a[1]?n=T:void 0!==a[2]?(D.test(a[2])&&(i=RegExp("</"+a[2],"g")),n=z):void 0!==a[3]&&(n=z):n===z?">"===a[0]?(n=null!=i?i:H,h=-1):void 0===a[1]?h=-2:(h=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?z:'"'===a[3]?L:B):n===L||n===B?n=z:n===M||n===T?n=H:(n=z,i=void 0);const c=n===z&&t[e+1].startsWith("/>")?" ":"";r+=n===H?s+C:h>=0?(o.push(l),s.slice(0,h)+A+s.slice(h)+E+c):s+E+(-2===h?(o.push(void 0),e):c)}const l=r+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==S?S.createHTML(l):l,o]};class Z{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,r=0;const n=t.length-1,l=this.parts,[a,h]=J(t,e);if(this.el=Z.createElement(a,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=G.nextNode())&&l.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(A)||e.startsWith(E)){const s=h[r++];if(t.push(e),void 0!==s){const t=o.getAttribute(s.toLowerCase()+A).split(E),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:i,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?ot:"@"===e[1]?it:tt})}else l.push({type:6,index:i})}for(const e of t)o.removeAttribute(e)}if(D.test(o.tagName)){const t=o.textContent.split(E),e=t.length-1;if(e>0){o.textContent=w?w.emptyScript:"";for(let s=0;s<e;s++)o.append(t[s],k()),G.nextNode(),l.push({type:2,index:++i});o.append(t[e],k())}}}else if(8===o.nodeType)if(o.data===P)l.push({type:2,index:i});else{let t=-1;for(;-1!==(t=o.data.indexOf(E,t+1));)l.push({type:7,index:i}),t+=E.length-1}i++}}static createElement(t,e){const s=j.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,o){var i,r,n,l;if(e===F)return e;let a=void 0!==o?null===(i=s._$Co)||void 0===i?void 0:i[o]:s._$Cl;const h=R(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,s,o)),void 0!==o?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[o]=a:s._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,o)),e}class X{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:s},parts:o}=this._$AD,i=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:j).importNode(s,!0);G.currentNode=i;let r=G.nextNode(),n=0,l=0,a=o[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new Y(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new rt(r,this,t)),this._$AV.push(e),a=o[++l]}n!==(null==a?void 0:a.index)&&(r=G.nextNode(),n++)}return G.currentNode=j,i}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,o){var i;this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cp=null===(i=null==o?void 0:o.isConnected)||void 0===i||i}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),R(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==F&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):N(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!==W&&R(this._$AH)?this._$AA.nextSibling.data=t:this.$(j.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Z.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===i)this._$AH.v(s);else{const t=new X(i,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){O(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const i of t)o===e.length?e.push(s=new Y(this.k(k()),this.k(k()),this,this.options)):s=e[o],s._$AI(i),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,o,i){this.type=1,this._$AH=W,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,o){const i=this.strings;let r=!1;if(void 0===i)t=Q(this,t,e,0),r=!R(t)||t!==this._$AH&&t!==F,r&&(this._$AH=t);else{const o=t;let n,l;for(t=i[0],n=0;n<i.length-1;n++)l=Q(this,o[s+n],e,n),l===F&&(l=this._$AH[n]),r||(r=!R(l)||l!==this._$AH[n]),l===W?t=W:t!==W&&(t+=(null!=l?l:"")+i[n+1]),this._$AH[n]=l}r&&!o&&this.j(t)}j(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===W?void 0:t}}const st=w?w.emptyScript:"";class ot extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==W?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class it extends tt{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:W)===F)return;const o=this._$AH,i=t===W&&o!==W||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==W&&(o===W||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class rt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:A,P:E,A:P,C:1,M:J,L:X,D:N,R:Q,I:Y,V:tt,H:ot,N:it,U:et,F:rt},lt=x.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(b=x.litHtmlVersions)&&void 0!==b?b:x.litHtmlVersions=[]).push("2.7.4");const at=(t,e,s)=>{var o,i;const r=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:e;let n=r._$litPart$;if(void 0===n){const t=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:null;r._$litPart$=n=new Y(e.insertBefore(k(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var ht,dt;const ct=_;class ut extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return F}}ut.finalized=!0,ut._$litElement$=!0,null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:ut});const pt=globalThis.litElementPolyfillSupport;null==pt||pt({LitElement:ut});const ft={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const vt=!1}},e={};function s(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={exports:{}};return t[o].call(r.exports,r,r.exports,s),r.exports}s.d=(t,e)=>{for(var o in e)s.o(e,o)&&!s.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(929)})();

dist/full.min.js

 /*! For license information please see full.min.js.LICENSE.txt */
-(()=>{"use strict";var t={732:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":i.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};h.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},h.styles=n.css`
+(()=>{"use strict";var t={814:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.Base=void 0;const o=s(62),n=s(595);class l extends o.LitElement{constructor(){super(...arguments),this.className=""}updated(t){t.has("className")&&this._updateClass()}_updateClass(){this.className.split(" ").filter(Boolean).forEach((t=>{this.classList.add(t)}))}}i([(0,n.property)({type:String}),r("design:type",Object)],l.prototype,"className",void 0),e.Base=l},732:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":i.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};h.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},h.styles=n.css`
     :host([nowrap]) {
@@ -167,3 +167,3 @@ flex-wrap: nowrap;
     }
-  `,r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"row",void 0),r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"column",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"gap",void 0),h=i=r([(0,l.customElement)("flex-box")],h),e.FlexBox=h},858:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};h.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},h.styles=n.css`
+  `,r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"row",void 0),r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"column",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"gap",void 0),h=i=r([(0,l.customElement)("flex-box")],h),e.FlexBox=h},858:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};h.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},h.styles=n.css`
     :host {
@@ -189,3 +189,3 @@ box-sizing: border-box;
     }
-  `,r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"mg",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"pd",void 0),h=i=r([(0,l.customElement)("flex-canvas")],h),e.FlexCanvas=h},627:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};h.defaultProps={display:"block"},h.styles=n.css`
+  `,r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"mg",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"pd",void 0),h=i=r([(0,l.customElement)("flex-canvas")],h),e.FlexCanvas=h},627:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};h.defaultProps={display:"block"},h.styles=n.css`
     :host {
@@ -391,3 +391,3 @@ box-sizing: border-box;
     }
-  `,r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"order",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"grow",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"shrink",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),h=i=r([(0,l.customElement)("flex-cell")],h),e.FlexCell=h},580:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const o=s(62),n=s(595);let l=class extends o.LitElement{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),o.html`<slot></slot>`}};l.styles=o.css`
+  `,r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"order",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"grow",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"shrink",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),h=i=r([(0,l.customElement)("flex-cell")],h),e.FlexCell=h},580:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const o=s(62),n=s(595),l=s(814);let a=class extends l.Base{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),o.html`<slot></slot>`}};a.styles=o.css`
     :host {
@@ -412,3 +412,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"gap",void 0),l=i([(0,n.customElement)("flex-grid")],l),e.FlexGrid=l},929:(t,e,s)=>{Object.defineProperty(e,"__esModule",{value:!0}),s(858),s(732),s(627),s(580)},506:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexMediaBox=void 0;const o=s(62),n=s(595);s(222);let l=class extends o.LitElement{constructor(){super(...arguments),this._targetEl=null,this._resizeListener=null,this.breakpoints=null,this.target=null,this.sizes=null}connectedCallback(){super.connectedCallback(),this._targetEl=this.getTargetElement(),this._targetEl instanceof Window?(window.addEventListener("resize",(t=>{this.onResize(t.target.innerWidth)})),this.onResize(window.innerWidth)):(this._targetEl.startResizeListener(),this._resizeListener=t=>{this.onResize(t.detail.width)},this._targetEl.addEventListener("resize",this._resizeListener))}onResize(t){this.setMedia(t)}getTargetElement(){return"window"===this.target?window:this.target?document.querySelector(this.target):this}disconnectedCallback(){super.disconnectedCallback(),this._targetEl&&this._targetEl instanceof HTMLElement?this._targetEl.stopResizeListener():this._resizeListener&&window.removeEventListener("resize",this._resizeListener)}getMediaString(){if(!this.breakpoints)return null;if(!/^(\d+\s*,\s*)*\d+$/.test(this.breakpoints))throw new Error("Invalid breakpoints string, must be comma separated list of numbers");let t=["xs","sm","md","lg","xl","xxl"];const e=this.breakpoints.split(",").map((t=>parseInt(t.trim())));e.unshift(0),e.length>t.length&&console.error("Too many breakpoints defined, max is "+(t.length-1)+" from sm to xxl");let s=[];for(let i=0;i<e.length;i++)s.push({width:e[i],mode:t[i]});return s}setMedia(t){let e=this.getMediaString();if(e){let s=[];for(let i=0;i<e.length;i++){let{width:r,mode:o}=e[i];if(!(t>=r))break;s.push(o)}if(s.length){let t=s.map((t=>`[${t}]`)).join("");this.sizes=t}}}render(){return o.html`<slot></slot>`}};l.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"gap",void 0),a=i([(0,n.customElement)("flex-grid")],a),e.FlexGrid=a},929:(t,e,s)=>{Object.defineProperty(e,"__esModule",{value:!0}),s(858),s(732),s(627),s(580)},506:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexMediaBox=void 0;const o=s(62),n=s(595);s(222);const l=s(814);let a=class extends l.Base{constructor(){super(...arguments),this._targetEl=null,this._resizeListener=null,this.breakpoints=null,this.target=null,this.sizes=null}connectedCallback(){super.connectedCallback(),this._targetEl=this.getTargetElement(),this._targetEl instanceof Window?(window.addEventListener("resize",(t=>{this.onResize(t.target.innerWidth)})),this.onResize(window.innerWidth)):(this._targetEl.startResizeListener(),this._resizeListener=t=>{this.onResize(t.detail.width)},this._targetEl.addEventListener("resize",this._resizeListener))}onResize(t){this.setMedia(t)}getTargetElement(){return"window"===this.target?window:this.target?document.querySelector(this.target):this}disconnectedCallback(){super.disconnectedCallback(),this._targetEl&&this._targetEl instanceof HTMLElement?this._targetEl.stopResizeListener():this._resizeListener&&window.removeEventListener("resize",this._resizeListener)}getMediaString(){if(!this.breakpoints)return null;if(!/^(\d+\s*,\s*)*\d+$/.test(this.breakpoints))throw new Error("Invalid breakpoints string, must be comma separated list of numbers");let t=["xs","sm","md","lg","xl","xxl"];const e=this.breakpoints.split(",").map((t=>parseInt(t.trim())));e.unshift(0),e.length>t.length&&console.error("Too many breakpoints defined, max is "+(t.length-1)+" from sm to xxl");let s=[];for(let i=0;i<e.length;i++)s.push({width:e[i],mode:t[i]});return s}setMedia(t){let e=this.getMediaString();if(e){let s=[];for(let i=0;i<e.length;i++){let{width:r,mode:o}=e[i];if(!(t>=r))break;s.push(o)}if(s.length){let t=s.map((t=>`[${t}]`)).join("");this.sizes=t}}}render(){return o.html`<slot></slot>`}};a.styles=o.css`
     :host {
@@ -418,3 +418,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"breakpoints",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"target",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"sizes",void 0),l=i([(0,n.customElement)("flex-media")],l),e.FlexMediaBox=l},352:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.StyleBox=e.SpaceBox=e.FlexDivider=e.AspectRatio=e.FitBox=e.StackedCell=e.StackedBox=void 0;const o=s(62),n=s(595);let l=class extends o.LitElement{render(){return o.html` <slot></slot> `}};l.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"breakpoints",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"target",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"sizes",void 0),a=i([(0,n.customElement)("flex-media")],a),e.FlexMediaBox=a},352:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.StyleBox=e.SpaceBox=e.FlexDivider=e.AspectRatio=e.FitBox=e.StackedCell=e.StackedBox=void 0;const o=s(62),n=s(595),l=s(814);let a=class extends l.Base{render(){return o.html` <slot></slot> `}};a.styles=o.css`
     :host {
@@ -433,3 +433,3 @@ display: block;
     }
-  `,l=i([(0,n.customElement)("stacked-box")],l),e.StackedBox=l;let h=class extends o.LitElement{constructor(){super(...arguments),this.xa=null,this.xb=null,this.ya=null,this.yb=null,this.z=null,this.oc=null}render(){return this.oc&&this.style.setProperty("--f-sc-oc",this.oc),this.xa&&this.style.setProperty("--f-sc-s",this.xa),this.xb&&this.style.setProperty("--f-sc-e",this.xb),this.ya&&this.style.setProperty("--f-sc-t",this.ya),this.yb&&this.style.setProperty("--f-sc-b",this.yb),this.z&&this.style.setProperty("--f-sc-z",this.z),o.html`<slot></slot>`}};h.styles=o.css`
+  `,a=i([(0,n.customElement)("stacked-box")],a),e.StackedBox=a;let h=class extends l.Base{constructor(){super(...arguments),this.xa=null,this.xb=null,this.ya=null,this.yb=null,this.z=null,this.oc=null}render(){return this.oc&&this.style.setProperty("--f-sc-oc",this.oc),this.xa&&this.style.setProperty("--f-sc-s",this.xa),this.xb&&this.style.setProperty("--f-sc-e",this.xb),this.ya&&this.style.setProperty("--f-sc-t",this.ya),this.yb&&this.style.setProperty("--f-sc-b",this.yb),this.z&&this.style.setProperty("--f-sc-z",this.z),o.html`<slot></slot>`}};h.styles=o.css`
     :host {
@@ -463,3 +463,3 @@ position: absolute;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xa",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"ya",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"yb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"z",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"oc",void 0),h=i([(0,n.customElement)("stacked-cell")],h),e.StackedCell=h;let a=class extends o.LitElement{constructor(){super(...arguments),this.width=null,this.height=null}render(){return this.width&&this.style.setProperty("--f-fb-w",this.width),this.height&&this.style.setProperty("--f-fb-h",this.height),o.html`<slot></slot>`}};a.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xa",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"ya",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"yb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"z",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"oc",void 0),h=i([(0,n.customElement)("stacked-cell")],h),e.StackedCell=h;let d=class extends l.Base{constructor(){super(...arguments),this.width=null,this.height=null}render(){return this.width&&this.style.setProperty("--f-fb-w",this.width),this.height&&this.style.setProperty("--f-fb-h",this.height),o.html`<slot></slot>`}};d.styles=o.css`
     :host {
@@ -521,3 +521,3 @@ display: block;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"height",void 0),a=i([(0,n.customElement)("fit-box")],a),e.FitBox=a;let d=class extends o.LitElement{constructor(){super(...arguments),this.center=!0,this.ratio=null}render(){return o.html`<slot></slot>`}};d.defaultProps={display:"flex"},d.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"height",void 0),d=i([(0,n.customElement)("fit-box")],d),e.FitBox=d;let p=class extends l.Base{constructor(){super(...arguments),this.center=!0,this.ratio=null}render(){return o.html`<slot></slot>`}};p.defaultProps={display:"flex"},p.styles=o.css`
     :host {
@@ -595,3 +595,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],d.prototype,"center",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"ratio",void 0),d=i([(0,n.customElement)("a-ratio")],d),e.AspectRatio=d;let p=class extends o.LitElement{constructor(){super(...arguments),this.mg=null,this.width=null,this.color=null,this.size=null}render(){return this.size&&this.style.setProperty("--f-vd-ops-size",this.size),this.color&&this.style.setProperty("--f-divider-bg",this.color),this.width&&this.style.setProperty("--f-divider-size",this.width),this.mg&&this.style.setProperty("--f-divider-m",this.mg),o.html``}};p.styles=o.css`
+  `,i([(0,n.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],p.prototype,"center",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"ratio",void 0),p=i([(0,n.customElement)("a-ratio")],p),e.AspectRatio=p;let c=class extends l.Base{constructor(){super(...arguments),this.mg=null,this.width=null,this.color=null,this.size=null}render(){return this.size&&this.style.setProperty("--f-vd-ops-size",this.size),this.color&&this.style.setProperty("--f-divider-bg",this.color),this.width&&this.style.setProperty("--f-divider-size",this.width),this.mg&&this.style.setProperty("--f-divider-m",this.mg),o.html``}};c.styles=o.css`
     :host {
@@ -638,3 +638,3 @@ --f-divider-size: 1px;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"color",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"size",void 0),p=i([(0,n.customElement)("flex-divider")],p),e.FlexDivider=p;let c=class extends o.LitElement{constructor(){super(...arguments),this.width=null,this.height=null,this.size=null}render(){return this.width&&this.style.setProperty("--f-sbx-w",this.width),this.height&&this.style.setProperty("--f-sbx-h",this.height),this.size&&(this.style.setProperty("--f-sbx-w",this.size),this.style.setProperty("--f-sbx-h",this.size)),o.html``}};c.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"color",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"size",void 0),c=i([(0,n.customElement)("flex-divider")],c),e.FlexDivider=c;let f=class extends l.Base{constructor(){super(...arguments),this.width=null,this.height=null,this.size=null}render(){return this.width&&this.style.setProperty("--f-sbx-w",this.width),this.height&&this.style.setProperty("--f-sbx-h",this.height),this.size&&(this.style.setProperty("--f-sbx-w",this.size),this.style.setProperty("--f-sbx-h",this.size)),o.html``}};f.styles=o.css`
     :host {
@@ -646,3 +646,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"height",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"size",void 0),c=i([(0,n.customElement)("space-box")],c),e.SpaceBox=c;let f=class extends o.LitElement{constructor(){super(...arguments),this.fz=null,this.fw=null,this.lh=null,this.w=null,this.h=null,this.mw=null,this.mxw=null,this.mh=null,this.tt=null,this.mxh=null,this.pis=null,this.pie=null,this.pbs=null,this.pbe=null,this.mbs=null,this.mbe=null,this.mis=null,this.mie=null,this.mg=null,this.pd=null,this.ta=null,this.op=null,this.td=null,this.br=null,this.px=null,this.py=null,this.mx=null,this.my=null}render(){return this.pd&&this.style.setProperty("--f-sb-pd-gb",this.pd),this.mg&&this.style.setProperty("--f-sb-mg-gb",this.mg),this.px&&(this.style.setProperty("--f-sb-pis",this.px),this.style.setProperty("--f-sb-pie",this.px)),this.py&&(this.style.setProperty("--f-sb-pbs",this.py),this.style.setProperty("--f-sb-pbe",this.py)),this.mx&&(this.style.setProperty("--f-sb-mis",this.mx),this.style.setProperty("--f-sb-mie",this.mx)),this.my&&(this.style.setProperty("--f-sb-mbs",this.my),this.style.setProperty("--f-sb-mbe",this.my)),this.tt&&this.style.setProperty("--f-sb-tt",this.tt),this.w&&this.style.setProperty("--f-sb-w",this.w),this.h&&this.style.setProperty("--f-sb-h",this.h),this.mw&&this.style.setProperty("--f-sb-mw",this.mw),this.mxw&&this.style.setProperty("--f-sb-mxw",this.mxw),this.mh&&this.style.setProperty("--f-sb-mh",this.mh),this.mxh&&this.style.setProperty("--f-sb-mxh",this.mxh),this.pis&&this.style.setProperty("--f-sb-pis",this.pis),this.pie&&this.style.setProperty("--f-sb-pie",this.pie),this.pbs&&this.style.setProperty("--f-sb-pbs",this.pbs),this.pbe&&this.style.setProperty("--f-sb-pbe",this.pbe),this.mis&&this.style.setProperty("--f-sb-mis",this.mis),this.mie&&this.style.setProperty("--f-sb-mie",this.mie),this.mbs&&this.style.setProperty("--f-sb-mbs",this.mbs),this.mbe&&this.style.setProperty("--f-sb-mbe",this.mbe),this.ta&&this.style.setProperty("--f-sb-ta",this.ta),this.op&&this.style.setProperty("--f-sb-op",this.op),this.td&&this.style.setProperty("--f-sb-td",this.td),this.br&&this.style.setProperty("--f-sb-br",this.br),this.fz&&this.style.setProperty("--f-sb-fsz",this.fz),this.fw&&this.style.setProperty("--f-sb-fw",this.fw),this.lh&&this.style.setProperty("--f-sb-lh",this.lh),o.html`<div class="box"><slot></slot></div>`}};f.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"height",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"size",void 0),f=i([(0,n.customElement)("space-box")],f),e.SpaceBox=f;let u=class extends l.Base{constructor(){super(...arguments),this.fz=null,this.fw=null,this.lh=null,this.w=null,this.h=null,this.mw=null,this.mxw=null,this.mh=null,this.tt=null,this.mxh=null,this.pis=null,this.pie=null,this.pbs=null,this.pbe=null,this.mbs=null,this.mbe=null,this.mis=null,this.mie=null,this.mg=null,this.pd=null,this.ta=null,this.op=null,this.td=null,this.br=null,this.px=null,this.py=null,this.mx=null,this.my=null}render(){return this.pd&&this.style.setProperty("--f-sb-pd-gb",this.pd),this.mg&&this.style.setProperty("--f-sb-mg-gb",this.mg),this.px&&(this.style.setProperty("--f-sb-pis",this.px),this.style.setProperty("--f-sb-pie",this.px)),this.py&&(this.style.setProperty("--f-sb-pbs",this.py),this.style.setProperty("--f-sb-pbe",this.py)),this.mx&&(this.style.setProperty("--f-sb-mis",this.mx),this.style.setProperty("--f-sb-mie",this.mx)),this.my&&(this.style.setProperty("--f-sb-mbs",this.my),this.style.setProperty("--f-sb-mbe",this.my)),this.tt&&this.style.setProperty("--f-sb-tt",this.tt),this.w&&this.style.setProperty("--f-sb-w",this.w),this.h&&this.style.setProperty("--f-sb-h",this.h),this.mw&&this.style.setProperty("--f-sb-mw",this.mw),this.mxw&&this.style.setProperty("--f-sb-mxw",this.mxw),this.mh&&this.style.setProperty("--f-sb-mh",this.mh),this.mxh&&this.style.setProperty("--f-sb-mxh",this.mxh),this.pis&&this.style.setProperty("--f-sb-pis",this.pis),this.pie&&this.style.setProperty("--f-sb-pie",this.pie),this.pbs&&this.style.setProperty("--f-sb-pbs",this.pbs),this.pbe&&this.style.setProperty("--f-sb-pbe",this.pbe),this.mis&&this.style.setProperty("--f-sb-mis",this.mis),this.mie&&this.style.setProperty("--f-sb-mie",this.mie),this.mbs&&this.style.setProperty("--f-sb-mbs",this.mbs),this.mbe&&this.style.setProperty("--f-sb-mbe",this.mbe),this.ta&&this.style.setProperty("--f-sb-ta",this.ta),this.op&&this.style.setProperty("--f-sb-op",this.op),this.td&&this.style.setProperty("--f-sb-td",this.td),this.br&&this.style.setProperty("--f-sb-br",this.br),this.fz&&this.style.setProperty("--f-sb-fsz",this.fz),this.fw&&this.style.setProperty("--f-sb-fw",this.fw),this.lh&&this.style.setProperty("--f-sb-lh",this.lh),o.html`<div class="box"><slot></slot></div>`}};u.styles=o.css`
     :host {
@@ -735,2 +735,2 @@ --f-sb-fb-display: var(--f-sb-fallback-display, inline-block);
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"fz",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"fw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"lh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"w",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"h",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mxw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"tt",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mxh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pd",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"ta",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"op",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"td",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"br",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"px",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"py",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mx",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"my",void 0),f=i([(0,n.customElement)("s-box")],f),e.StyleBox=f},222:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverWrapper=void 0;class s{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=t,this.observer=null}create(){this.observer||(this.observer=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{for(let e of t)e.target.dispatchEvent(new CustomEvent("resize",{detail:e.contentRect}))}))})))}addElement(t){var e,s;this.create(),t instanceof Element&&this.observer.observe(t,{box:(null===(s=null===(e=this.options)||void 0===e?void 0:e.resizeObserverOptions)||void 0===s?void 0:s.box)||"content-box"})}removeElement(t){t instanceof Element&&this.observer.unobserve(t)}destroy(){this.observer&&this.observer.disconnect(),this.observer=null}}e.ResizeObserverWrapper=s;const i=window.FlexResizeObserver?window.FlexResizeObserver:new s;HTMLElement.prototype.startResizeListener=function(){i.addElement(this)},HTMLElement.prototype.stopResizeListener=function(){i.removeElement(this)}},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>i,eventOptions:()=>h,property:()=>o,query:()=>a,queryAll:()=>d,queryAssignedElements:()=>u,queryAssignedNodes:()=>y,queryAsync:()=>p,state:()=>n});const i=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:i}=e;return{kind:s,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),r=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function o(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):r(t,e)}function n(t){return o({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,i)=>{var r;if(void 0===i){const i=null!==(r=s.originalKey)&&void 0!==r?r:s.key,o=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(s.key)}:{...s,key:i};return null!=t&&(o.finisher=function(e){t(e,i)}),o}{const r=s.constructor;void 0!==e&&Object.defineProperty(s,i,e(i)),null==t||t(r,i)}};function h(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function a(t,e){return l({descriptor:s=>{const i={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;i.get=function(){var s,i;return void 0===this[e]&&(this[e]=null!==(i=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function p(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var c;const f=null!=(null===(c=window.HTMLSlotElement)||void 0===c?void 0:c.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function u(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:i=>({get(){var i;const r="slot"+(e?`[name=${e}]`:":not([name])"),o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(r),n=null!=o?f(o,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function y(t,e,s){let i,r=t;return"object"==typeof t?(r=t.slot,i=t):i={flatten:e},s?u({slot:r,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(r?`[name=${r}]`:":not([name])"),o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==o?void 0:o.assignedNodes(i))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ct,ReactiveElement:()=>x,UpdatingElement:()=>pt,_$LE:()=>ut,_$LH:()=>nt,adoptStyles:()=>d,css:()=>a,defaultConverter:()=>v,getCompatibleStyle:()=>p,html:()=>I,isServer:()=>yt,noChange:()=>W,notEqual:()=>b,nothing:()=>V,render:()=>ht,supportsAdoptingStyleSheets:()=>r,svg:()=>q,unsafeCSS:()=>h});const i=window,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)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(r&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const h=t=>new l("string"==typeof t?t:t+"",void 0,o),a=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new l(s,t,o)},d=(t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),r=i.litNonce;void 0!==r&&s.setAttribute("nonce",r),s.textContent=e.cssText,t.appendChild(s)}))},p=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return h(e)})(t):t;var c;const f=window,u=f.trustedTypes,y=u?u.emptyScript:"",g=f.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},b=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:b};class x extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Ep(s,e);void 0!==i&&(this._$Ev.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(p(t))}else void 0!==t&&e.push(p(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=m){var i;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const o=(void 0!==(null===(i=s.converter)||void 0===i?void 0:i.toAttribute)?s.converter:v).toAttribute(e,s.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var s;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:v;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||b)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var w;x.finalized=!0,x.elementProperties=new Map,x.elementStyles=[],x.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:x}),(null!==(c=f.reactiveElementVersions)&&void 0!==c?c:f.reactiveElementVersions=[]).push("1.6.1");const S=window,_=S.trustedTypes,$=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",E=`lit$${(Math.random()+"").slice(9)}$`,A="?"+E,k=`<${A}>`,C=document,z=()=>C.createComment(""),R=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,O=t=>j(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),L="[ \t\n\f\r]",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,H=RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,B=/"/g,D=/^(?:script|style|textarea|title)$/i,F=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),I=F(1),q=F(2),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),K=new WeakMap,G=C.createTreeWalker(C,129,null,!1),J=(t,e)=>{const s=t.length-1,i=[];let r,o=2===e?"<svg>":"",n=M;for(let e=0;e<s;e++){const s=t[e];let l,h,a=-1,d=0;for(;d<s.length&&(n.lastIndex=d,h=n.exec(s),null!==h);)d=n.lastIndex,n===M?"!--"===h[1]?n=N:void 0!==h[1]?n=U:void 0!==h[2]?(D.test(h[2])&&(r=RegExp("</"+h[2],"g")),n=H):void 0!==h[3]&&(n=H):n===H?">"===h[0]?(n=null!=r?r:M,a=-1):void 0===h[1]?a=-2:(a=n.lastIndex-h[2].length,l=h[1],n=void 0===h[3]?H:'"'===h[3]?B:T):n===B||n===T?n=H:n===N||n===U?n=M:(n=H,r=void 0);const p=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===M?s+k:a>=0?(i.push(l),s.slice(0,a)+P+s.slice(a)+E+p):s+E+(-2===a?(i.push(void 0),e):p)}const l=o+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==$?$.createHTML(l):l,i]};class Z{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,o=0;const n=t.length-1,l=this.parts,[h,a]=J(t,e);if(this.el=Z.createElement(h,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=G.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(P)||e.startsWith(E)){const s=a[o++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+P).split(E),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?it:"@"===e[1]?rt:tt})}else l.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(D.test(i.tagName)){const t=i.textContent.split(E),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],z()),G.nextNode(),l.push({type:2,index:++r});i.append(t[e],z())}}}else if(8===i.nodeType)if(i.data===A)l.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(E,t+1));)l.push({type:7,index:r}),t+=E.length-1}r++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,i){var r,o,n,l;if(e===W)return e;let h=void 0!==i?null===(r=s._$Co)||void 0===r?void 0:r[i]:s._$Cl;const a=R(e)?void 0:e._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===a?h=void 0:(h=new a(t),h._$AT(t,s,i)),void 0!==i?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[i]=h:s._$Cl=h),void 0!==h&&(e=Q(t,h._$AS(t,e.values),h,i)),e}class X{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:s},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:C).importNode(s,!0);G.currentNode=r;let o=G.nextNode(),n=0,l=0,h=i[0];for(;void 0!==h;){if(n===h.index){let e;2===h.type?e=new Y(o,o.nextSibling,this,t):1===h.type?e=new h.ctor(o,h.name,h.strings,this,t):6===h.type&&(e=new ot(o,this,t)),this._$AV.push(e),h=i[++l]}n!==(null==h?void 0:h.index)&&(o=G.nextNode(),n++)}return G.currentNode=C,r}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,i){var r;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),R(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):O(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!==V&&R(this._$AH)?this._$AA.nextSibling.data=t:this.$(C.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=Z.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(s);else{const t=new X(r,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new Y(this.k(z()),this.k(z()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,i,r){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const r=this.strings;let o=!1;if(void 0===r)t=Q(this,t,e,0),o=!R(t)||t!==this._$AH&&t!==W,o&&(this._$AH=t);else{const i=t;let n,l;for(t=r[0],n=0;n<r.length-1;n++)l=Q(this,i[s+n],e,n),l===W&&(l=this._$AH[n]),o||(o=!R(l)||l!==this._$AH[n]),l===V?t=V:t!==V&&(t+=(null!=l?l:"")+r[n+1]),this._$AH[n]=l}o&&!i&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}const st=_?_.emptyScript:"";class it extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==V?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends tt{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:V)===W)return;const i=this._$AH,r=t===V&&i!==V||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==V&&(i===V||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:P,P:E,A,C:1,M:J,L:X,D:O,R:Q,I:Y,V:tt,H:it,N:rt,U:et,F:ot},lt=S.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(w=S.litHtmlVersions)&&void 0!==w?w:S.litHtmlVersions=[]).push("2.7.4");const ht=(t,e,s)=>{var i,r;const o=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==s?void 0:s.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new Y(e.insertBefore(z(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var at,dt;const pt=x;class ct extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ht(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return W}}ct.finalized=!0,ct._$litElement$=!0,null===(at=globalThis.litElementHydrateSupport)||void 0===at||at.call(globalThis,{LitElement:ct});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:ct});const ut={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const yt=!1}},e={};function s(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,s),o.exports}s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(929),s(506),s(352)})();
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"fz",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"fw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"lh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"w",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"h",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mxw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"tt",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mxh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pd",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"ta",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"op",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"td",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"br",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"px",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"py",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mx",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"my",void 0),u=i([(0,n.customElement)("s-box")],u),e.StyleBox=u},222:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverWrapper=void 0;class s{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=t,this.observer=null}create(){this.observer||(this.observer=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{for(let e of t)e.target.dispatchEvent(new CustomEvent("resize",{detail:e.contentRect}))}))})))}addElement(t){var e,s;this.create(),t instanceof Element&&this.observer.observe(t,{box:(null===(s=null===(e=this.options)||void 0===e?void 0:e.resizeObserverOptions)||void 0===s?void 0:s.box)||"content-box"})}removeElement(t){t instanceof Element&&this.observer.unobserve(t)}destroy(){this.observer&&this.observer.disconnect(),this.observer=null}}e.ResizeObserverWrapper=s;const i=window.FlexResizeObserver?window.FlexResizeObserver:new s;HTMLElement.prototype.startResizeListener=function(){i.addElement(this)},HTMLElement.prototype.stopResizeListener=function(){i.removeElement(this)}},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>i,eventOptions:()=>a,property:()=>o,query:()=>h,queryAll:()=>d,queryAssignedElements:()=>u,queryAssignedNodes:()=>y,queryAsync:()=>p,state:()=>n});const i=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:i}=e;return{kind:s,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),r=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function o(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):r(t,e)}function n(t){return o({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,i)=>{var r;if(void 0===i){const i=null!==(r=s.originalKey)&&void 0!==r?r:s.key,o=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(s.key)}:{...s,key:i};return null!=t&&(o.finisher=function(e){t(e,i)}),o}{const r=s.constructor;void 0!==e&&Object.defineProperty(s,i,e(i)),null==t||t(r,i)}};function a(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function h(t,e){return l({descriptor:s=>{const i={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;i.get=function(){var s,i;return void 0===this[e]&&(this[e]=null!==(i=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function p(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var c;const f=null!=(null===(c=window.HTMLSlotElement)||void 0===c?void 0:c.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function u(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:i=>({get(){var i;const r="slot"+(e?`[name=${e}]`:":not([name])"),o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(r),n=null!=o?f(o,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function y(t,e,s){let i,r=t;return"object"==typeof t?(r=t.slot,i=t):i={flatten:e},s?u({slot:r,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(r?`[name=${r}]`:":not([name])"),o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==o?void 0:o.assignedNodes(i))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ct,ReactiveElement:()=>x,UpdatingElement:()=>pt,_$LE:()=>ut,_$LH:()=>nt,adoptStyles:()=>d,css:()=>h,defaultConverter:()=>v,getCompatibleStyle:()=>p,html:()=>I,isServer:()=>yt,noChange:()=>W,notEqual:()=>b,nothing:()=>V,render:()=>at,supportsAdoptingStyleSheets:()=>r,svg:()=>q,unsafeCSS:()=>a});const i=window,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)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(r&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l("string"==typeof t?t:t+"",void 0,o),h=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new l(s,t,o)},d=(t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),r=i.litNonce;void 0!==r&&s.setAttribute("nonce",r),s.textContent=e.cssText,t.appendChild(s)}))},p=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return a(e)})(t):t;var c;const f=window,u=f.trustedTypes,y=u?u.emptyScript:"",g=f.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},b=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:b};class x extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Ep(s,e);void 0!==i&&(this._$Ev.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(p(t))}else void 0!==t&&e.push(p(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=m){var i;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const o=(void 0!==(null===(i=s.converter)||void 0===i?void 0:i.toAttribute)?s.converter:v).toAttribute(e,s.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var s;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:v;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||b)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var w;x.finalized=!0,x.elementProperties=new Map,x.elementStyles=[],x.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:x}),(null!==(c=f.reactiveElementVersions)&&void 0!==c?c:f.reactiveElementVersions=[]).push("1.6.1");const S=window,_=S.trustedTypes,$=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,E="?"+A,k=`<${E}>`,C=document,z=()=>C.createComment(""),R=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,O=t=>j(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),N="[ \t\n\f\r]",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,B=/-->/g,U=/>/g,H=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,L=/"/g,D=/^(?:script|style|textarea|title)$/i,F=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),I=F(1),q=F(2),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),K=new WeakMap,G=C.createTreeWalker(C,129,null,!1),J=(t,e)=>{const s=t.length-1,i=[];let r,o=2===e?"<svg>":"",n=M;for(let e=0;e<s;e++){const s=t[e];let l,a,h=-1,d=0;for(;d<s.length&&(n.lastIndex=d,a=n.exec(s),null!==a);)d=n.lastIndex,n===M?"!--"===a[1]?n=B:void 0!==a[1]?n=U:void 0!==a[2]?(D.test(a[2])&&(r=RegExp("</"+a[2],"g")),n=H):void 0!==a[3]&&(n=H):n===H?">"===a[0]?(n=null!=r?r:M,h=-1):void 0===a[1]?h=-2:(h=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?H:'"'===a[3]?L:T):n===L||n===T?n=H:n===B||n===U?n=M:(n=H,r=void 0);const p=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===M?s+k:h>=0?(i.push(l),s.slice(0,h)+P+s.slice(h)+A+p):s+A+(-2===h?(i.push(void 0),e):p)}const l=o+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==$?$.createHTML(l):l,i]};class Z{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,o=0;const n=t.length-1,l=this.parts,[a,h]=J(t,e);if(this.el=Z.createElement(a,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=G.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(P)||e.startsWith(A)){const s=h[o++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+P).split(A),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?it:"@"===e[1]?rt:tt})}else l.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(D.test(i.tagName)){const t=i.textContent.split(A),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],z()),G.nextNode(),l.push({type:2,index:++r});i.append(t[e],z())}}}else if(8===i.nodeType)if(i.data===E)l.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(A,t+1));)l.push({type:7,index:r}),t+=A.length-1}r++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,i){var r,o,n,l;if(e===W)return e;let a=void 0!==i?null===(r=s._$Co)||void 0===r?void 0:r[i]:s._$Cl;const h=R(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(o=null==a?void 0:a._$AO)||void 0===o||o.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,s,i)),void 0!==i?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[i]=a:s._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,i)),e}class X{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:s},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:C).importNode(s,!0);G.currentNode=r;let o=G.nextNode(),n=0,l=0,a=i[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new Y(o,o.nextSibling,this,t):1===a.type?e=new a.ctor(o,a.name,a.strings,this,t):6===a.type&&(e=new ot(o,this,t)),this._$AV.push(e),a=i[++l]}n!==(null==a?void 0:a.index)&&(o=G.nextNode(),n++)}return G.currentNode=C,r}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,i){var r;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),R(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):O(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!==V&&R(this._$AH)?this._$AA.nextSibling.data=t:this.$(C.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=Z.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(s);else{const t=new X(r,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new Y(this.k(z()),this.k(z()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,i,r){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const r=this.strings;let o=!1;if(void 0===r)t=Q(this,t,e,0),o=!R(t)||t!==this._$AH&&t!==W,o&&(this._$AH=t);else{const i=t;let n,l;for(t=r[0],n=0;n<r.length-1;n++)l=Q(this,i[s+n],e,n),l===W&&(l=this._$AH[n]),o||(o=!R(l)||l!==this._$AH[n]),l===V?t=V:t!==V&&(t+=(null!=l?l:"")+r[n+1]),this._$AH[n]=l}o&&!i&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}const st=_?_.emptyScript:"";class it extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==V?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends tt{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:V)===W)return;const i=this._$AH,r=t===V&&i!==V||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==V&&(i===V||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:P,P:A,A:E,C:1,M:J,L:X,D:O,R:Q,I:Y,V:tt,H:it,N:rt,U:et,F:ot},lt=S.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(w=S.litHtmlVersions)&&void 0!==w?w:S.litHtmlVersions=[]).push("2.7.4");const at=(t,e,s)=>{var i,r;const o=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==s?void 0:s.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new Y(e.insertBefore(z(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var ht,dt;const pt=x;class ct extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return W}}ct.finalized=!0,ct._$litElement$=!0,null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:ct});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:ct});const ut={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const yt=!1}},e={};function s(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,s),o.exports}s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(929),s(506),s(352)})();

dist/index.min.js

 /*! For license information please see index.min.js.LICENSE.txt */
-(()=>{"use strict";var t={732:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":i.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};h.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},h.styles=n.css`
+(()=>{"use strict";var t={814:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.Base=void 0;const o=s(62),n=s(595);class l extends o.LitElement{constructor(){super(...arguments),this.className=""}updated(t){t.has("className")&&this._updateClass()}_updateClass(){this.className.split(" ").filter(Boolean).forEach((t=>{this.classList.add(t)}))}}i([(0,n.property)({type:String}),r("design:type",Object)],l.prototype,"className",void 0),e.Base=l},732:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexBox=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.row=null,this.column=null,this.gap=null}get mode(){return this.row||this.column?this.row?"row":"column":i.defaultProps.mode}render(){if(this.gap&&this.style.setProperty("--f-b-gap",this.gap),this.row&&this.column)throw new Error("flex-box cannot be both row and column");return n.html`<slot></slot>`}};h.defaultProps={reverse:!1,display:"flex",mode:"row",wrap:!0,gap:"0",justifyContent:"flex-start",alignItems:"flex-start",alignContent:"flex-start"},h.styles=n.css`
     :host([nowrap]) {
@@ -167,3 +167,3 @@ flex-wrap: nowrap;
     }
-  `,r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"row",void 0),r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"column",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"gap",void 0),h=i=r([(0,l.customElement)("flex-box")],h),e.FlexBox=h},858:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};h.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},h.styles=n.css`
+  `,r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"row",void 0),r([(0,l.property)({type:Boolean,reflect:!0}),o("design:type",Boolean)],h.prototype,"column",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"gap",void 0),h=i=r([(0,l.customElement)("flex-box")],h),e.FlexBox=h},858:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCanvas=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.width=null,this.mg=null,this.pd=null}render(){return this.pd&&this.style.setProperty("--f-cs-pd",this.pd),this.width&&this.style.setProperty("--f-cs-mw",this.width),this.mg&&this.style.setProperty("--f-cs-mg",this.mg),n.html`<slot></slot>`}};h.defaultProps={maxWidth:"1400px",display:"block",margin:"0 auto",padding:"0"},h.styles=n.css`
     :host {
@@ -189,3 +189,3 @@ box-sizing: border-box;
     }
-  `,r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"mg",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"pd",void 0),h=i=r([(0,l.customElement)("flex-canvas")],h),e.FlexCanvas=h},627:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595);let h=i=class extends n.LitElement{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};h.defaultProps={display:"block"},h.styles=n.css`
+  `,r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"mg",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"pd",void 0),h=i=r([(0,l.customElement)("flex-canvas")],h),e.FlexCanvas=h},627:function(t,e,s){var i,r=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexCell=void 0;const n=s(62),l=s(595),a=s(814);let h=i=class extends a.Base{constructor(){super(...arguments),this.order=null,this.grow=null,this.shrink=null,this.width=null}render(){return this.width&&this.style.setProperty("--f-c-b",this.width),(this.order&&this.order<0||this.order>10)&&this.style.setProperty("--f-c-o",this.order.toString()),(this.grow&&this.grow>10||this.grow<0)&&this.style.setProperty("--f-c-g",this.grow.toString()),(this.shrink&&this.shrink>10||this.shrink<0)&&this.style.setProperty("--f-c-sh",this.shrink.toString()),n.html`<slot></slot>`}};h.defaultProps={display:"block"},h.styles=n.css`
     :host {
@@ -391,3 +391,3 @@ box-sizing: border-box;
     }
-  `,r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"order",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"grow",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"shrink",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),h=i=r([(0,l.customElement)("flex-cell")],h),e.FlexCell=h},580:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const o=s(62),n=s(595);let l=class extends o.LitElement{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),o.html`<slot></slot>`}};l.styles=o.css`
+  `,r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"order",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"grow",void 0),r([(0,l.property)({type:Number,reflect:!0}),o("design:type",Number)],h.prototype,"shrink",void 0),r([(0,l.property)({type:String,reflect:!0}),o("design:type",String)],h.prototype,"width",void 0),h=i=r([(0,l.customElement)("flex-cell")],h),e.FlexCell=h},580:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexGrid=void 0;const o=s(62),n=s(595),l=s(814);let a=class extends l.Base{constructor(){super(...arguments),this.gap=null}render(){return this.gap&&this.style.setProperty("--f-g-gap",this.gap),o.html`<slot></slot>`}};a.styles=o.css`
     :host {
@@ -412,3 +412,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"gap",void 0),l=i([(0,n.customElement)("flex-grid")],l),e.FlexGrid=l},506:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexMediaBox=void 0;const o=s(62),n=s(595);s(222);let l=class extends o.LitElement{constructor(){super(...arguments),this._targetEl=null,this._resizeListener=null,this.breakpoints=null,this.target=null,this.sizes=null}connectedCallback(){super.connectedCallback(),this._targetEl=this.getTargetElement(),this._targetEl instanceof Window?(window.addEventListener("resize",(t=>{this.onResize(t.target.innerWidth)})),this.onResize(window.innerWidth)):(this._targetEl.startResizeListener(),this._resizeListener=t=>{this.onResize(t.detail.width)},this._targetEl.addEventListener("resize",this._resizeListener))}onResize(t){this.setMedia(t)}getTargetElement(){return"window"===this.target?window:this.target?document.querySelector(this.target):this}disconnectedCallback(){super.disconnectedCallback(),this._targetEl&&this._targetEl instanceof HTMLElement?this._targetEl.stopResizeListener():this._resizeListener&&window.removeEventListener("resize",this._resizeListener)}getMediaString(){if(!this.breakpoints)return null;if(!/^(\d+\s*,\s*)*\d+$/.test(this.breakpoints))throw new Error("Invalid breakpoints string, must be comma separated list of numbers");let t=["xs","sm","md","lg","xl","xxl"];const e=this.breakpoints.split(",").map((t=>parseInt(t.trim())));e.unshift(0),e.length>t.length&&console.error("Too many breakpoints defined, max is "+(t.length-1)+" from sm to xxl");let s=[];for(let i=0;i<e.length;i++)s.push({width:e[i],mode:t[i]});return s}setMedia(t){let e=this.getMediaString();if(e){let s=[];for(let i=0;i<e.length;i++){let{width:r,mode:o}=e[i];if(!(t>=r))break;s.push(o)}if(s.length){let t=s.map((t=>`[${t}]`)).join("");this.sizes=t}}}render(){return o.html`<slot></slot>`}};l.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"gap",void 0),a=i([(0,n.customElement)("flex-grid")],a),e.FlexGrid=a},506:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.FlexMediaBox=void 0;const o=s(62),n=s(595);s(222);const l=s(814);let a=class extends l.Base{constructor(){super(...arguments),this._targetEl=null,this._resizeListener=null,this.breakpoints=null,this.target=null,this.sizes=null}connectedCallback(){super.connectedCallback(),this._targetEl=this.getTargetElement(),this._targetEl instanceof Window?(window.addEventListener("resize",(t=>{this.onResize(t.target.innerWidth)})),this.onResize(window.innerWidth)):(this._targetEl.startResizeListener(),this._resizeListener=t=>{this.onResize(t.detail.width)},this._targetEl.addEventListener("resize",this._resizeListener))}onResize(t){this.setMedia(t)}getTargetElement(){return"window"===this.target?window:this.target?document.querySelector(this.target):this}disconnectedCallback(){super.disconnectedCallback(),this._targetEl&&this._targetEl instanceof HTMLElement?this._targetEl.stopResizeListener():this._resizeListener&&window.removeEventListener("resize",this._resizeListener)}getMediaString(){if(!this.breakpoints)return null;if(!/^(\d+\s*,\s*)*\d+$/.test(this.breakpoints))throw new Error("Invalid breakpoints string, must be comma separated list of numbers");let t=["xs","sm","md","lg","xl","xxl"];const e=this.breakpoints.split(",").map((t=>parseInt(t.trim())));e.unshift(0),e.length>t.length&&console.error("Too many breakpoints defined, max is "+(t.length-1)+" from sm to xxl");let s=[];for(let i=0;i<e.length;i++)s.push({width:e[i],mode:t[i]});return s}setMedia(t){let e=this.getMediaString();if(e){let s=[];for(let i=0;i<e.length;i++){let{width:r,mode:o}=e[i];if(!(t>=r))break;s.push(o)}if(s.length){let t=s.map((t=>`[${t}]`)).join("");this.sizes=t}}}render(){return o.html`<slot></slot>`}};a.styles=o.css`
     :host {
@@ -418,3 +418,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"breakpoints",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"target",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],l.prototype,"sizes",void 0),l=i([(0,n.customElement)("flex-media")],l),e.FlexMediaBox=l},352:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.StyleBox=e.SpaceBox=e.FlexDivider=e.AspectRatio=e.FitBox=e.StackedCell=e.StackedBox=void 0;const o=s(62),n=s(595);let l=class extends o.LitElement{render(){return o.html` <slot></slot> `}};l.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"breakpoints",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"target",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"sizes",void 0),a=i([(0,n.customElement)("flex-media")],a),e.FlexMediaBox=a},352:function(t,e,s){var i=this&&this.__decorate||function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0}),e.StyleBox=e.SpaceBox=e.FlexDivider=e.AspectRatio=e.FitBox=e.StackedCell=e.StackedBox=void 0;const o=s(62),n=s(595),l=s(814);let a=class extends l.Base{render(){return o.html` <slot></slot> `}};a.styles=o.css`
     :host {
@@ -433,3 +433,3 @@ display: block;
     }
-  `,l=i([(0,n.customElement)("stacked-box")],l),e.StackedBox=l;let h=class extends o.LitElement{constructor(){super(...arguments),this.xa=null,this.xb=null,this.ya=null,this.yb=null,this.z=null,this.oc=null}render(){return this.oc&&this.style.setProperty("--f-sc-oc",this.oc),this.xa&&this.style.setProperty("--f-sc-s",this.xa),this.xb&&this.style.setProperty("--f-sc-e",this.xb),this.ya&&this.style.setProperty("--f-sc-t",this.ya),this.yb&&this.style.setProperty("--f-sc-b",this.yb),this.z&&this.style.setProperty("--f-sc-z",this.z),o.html`<slot></slot>`}};h.styles=o.css`
+  `,a=i([(0,n.customElement)("stacked-box")],a),e.StackedBox=a;let h=class extends l.Base{constructor(){super(...arguments),this.xa=null,this.xb=null,this.ya=null,this.yb=null,this.z=null,this.oc=null}render(){return this.oc&&this.style.setProperty("--f-sc-oc",this.oc),this.xa&&this.style.setProperty("--f-sc-s",this.xa),this.xb&&this.style.setProperty("--f-sc-e",this.xb),this.ya&&this.style.setProperty("--f-sc-t",this.ya),this.yb&&this.style.setProperty("--f-sc-b",this.yb),this.z&&this.style.setProperty("--f-sc-z",this.z),o.html`<slot></slot>`}};h.styles=o.css`
     :host {
@@ -463,3 +463,3 @@ position: absolute;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xa",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"ya",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"yb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"z",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"oc",void 0),h=i([(0,n.customElement)("stacked-cell")],h),e.StackedCell=h;let a=class extends o.LitElement{constructor(){super(...arguments),this.width=null,this.height=null}render(){return this.width&&this.style.setProperty("--f-fb-w",this.width),this.height&&this.style.setProperty("--f-fb-h",this.height),o.html`<slot></slot>`}};a.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xa",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"xb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"ya",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"yb",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"z",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],h.prototype,"oc",void 0),h=i([(0,n.customElement)("stacked-cell")],h),e.StackedCell=h;let d=class extends l.Base{constructor(){super(...arguments),this.width=null,this.height=null}render(){return this.width&&this.style.setProperty("--f-fb-w",this.width),this.height&&this.style.setProperty("--f-fb-h",this.height),o.html`<slot></slot>`}};d.styles=o.css`
     :host {
@@ -521,3 +521,3 @@ display: block;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],a.prototype,"height",void 0),a=i([(0,n.customElement)("fit-box")],a),e.FitBox=a;let d=class extends o.LitElement{constructor(){super(...arguments),this.center=!0,this.ratio=null}render(){return o.html`<slot></slot>`}};d.defaultProps={display:"flex"},d.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"height",void 0),d=i([(0,n.customElement)("fit-box")],d),e.FitBox=d;let p=class extends l.Base{constructor(){super(...arguments),this.center=!0,this.ratio=null}render(){return o.html`<slot></slot>`}};p.defaultProps={display:"flex"},p.styles=o.css`
     :host {
@@ -595,3 +595,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],d.prototype,"center",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],d.prototype,"ratio",void 0),d=i([(0,n.customElement)("a-ratio")],d),e.AspectRatio=d;let p=class extends o.LitElement{constructor(){super(...arguments),this.mg=null,this.width=null,this.color=null,this.size=null}render(){return this.size&&this.style.setProperty("--f-vd-ops-size",this.size),this.color&&this.style.setProperty("--f-divider-bg",this.color),this.width&&this.style.setProperty("--f-divider-size",this.width),this.mg&&this.style.setProperty("--f-divider-m",this.mg),o.html``}};p.styles=o.css`
+  `,i([(0,n.property)({type:Boolean,reflect:!0}),r("design:type",Boolean)],p.prototype,"center",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"ratio",void 0),p=i([(0,n.customElement)("a-ratio")],p),e.AspectRatio=p;let c=class extends l.Base{constructor(){super(...arguments),this.mg=null,this.width=null,this.color=null,this.size=null}render(){return this.size&&this.style.setProperty("--f-vd-ops-size",this.size),this.color&&this.style.setProperty("--f-divider-bg",this.color),this.width&&this.style.setProperty("--f-divider-size",this.width),this.mg&&this.style.setProperty("--f-divider-m",this.mg),o.html``}};c.styles=o.css`
     :host {
@@ -638,3 +638,3 @@ --f-divider-size: 1px;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"color",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],p.prototype,"size",void 0),p=i([(0,n.customElement)("flex-divider")],p),e.FlexDivider=p;let c=class extends o.LitElement{constructor(){super(...arguments),this.width=null,this.height=null,this.size=null}render(){return this.width&&this.style.setProperty("--f-sbx-w",this.width),this.height&&this.style.setProperty("--f-sbx-h",this.height),this.size&&(this.style.setProperty("--f-sbx-w",this.size),this.style.setProperty("--f-sbx-h",this.size)),o.html``}};c.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"color",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"size",void 0),c=i([(0,n.customElement)("flex-divider")],c),e.FlexDivider=c;let f=class extends l.Base{constructor(){super(...arguments),this.width=null,this.height=null,this.size=null}render(){return this.width&&this.style.setProperty("--f-sbx-w",this.width),this.height&&this.style.setProperty("--f-sbx-h",this.height),this.size&&(this.style.setProperty("--f-sbx-w",this.size),this.style.setProperty("--f-sbx-h",this.size)),o.html``}};f.styles=o.css`
     :host {
@@ -646,3 +646,3 @@ box-sizing: border-box;
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"height",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],c.prototype,"size",void 0),c=i([(0,n.customElement)("space-box")],c),e.SpaceBox=c;let f=class extends o.LitElement{constructor(){super(...arguments),this.fz=null,this.fw=null,this.lh=null,this.w=null,this.h=null,this.mw=null,this.mxw=null,this.mh=null,this.tt=null,this.mxh=null,this.pis=null,this.pie=null,this.pbs=null,this.pbe=null,this.mbs=null,this.mbe=null,this.mis=null,this.mie=null,this.mg=null,this.pd=null,this.ta=null,this.op=null,this.td=null,this.br=null,this.px=null,this.py=null,this.mx=null,this.my=null}render(){return this.pd&&this.style.setProperty("--f-sb-pd-gb",this.pd),this.mg&&this.style.setProperty("--f-sb-mg-gb",this.mg),this.px&&(this.style.setProperty("--f-sb-pis",this.px),this.style.setProperty("--f-sb-pie",this.px)),this.py&&(this.style.setProperty("--f-sb-pbs",this.py),this.style.setProperty("--f-sb-pbe",this.py)),this.mx&&(this.style.setProperty("--f-sb-mis",this.mx),this.style.setProperty("--f-sb-mie",this.mx)),this.my&&(this.style.setProperty("--f-sb-mbs",this.my),this.style.setProperty("--f-sb-mbe",this.my)),this.tt&&this.style.setProperty("--f-sb-tt",this.tt),this.w&&this.style.setProperty("--f-sb-w",this.w),this.h&&this.style.setProperty("--f-sb-h",this.h),this.mw&&this.style.setProperty("--f-sb-mw",this.mw),this.mxw&&this.style.setProperty("--f-sb-mxw",this.mxw),this.mh&&this.style.setProperty("--f-sb-mh",this.mh),this.mxh&&this.style.setProperty("--f-sb-mxh",this.mxh),this.pis&&this.style.setProperty("--f-sb-pis",this.pis),this.pie&&this.style.setProperty("--f-sb-pie",this.pie),this.pbs&&this.style.setProperty("--f-sb-pbs",this.pbs),this.pbe&&this.style.setProperty("--f-sb-pbe",this.pbe),this.mis&&this.style.setProperty("--f-sb-mis",this.mis),this.mie&&this.style.setProperty("--f-sb-mie",this.mie),this.mbs&&this.style.setProperty("--f-sb-mbs",this.mbs),this.mbe&&this.style.setProperty("--f-sb-mbe",this.mbe),this.ta&&this.style.setProperty("--f-sb-ta",this.ta),this.op&&this.style.setProperty("--f-sb-op",this.op),this.td&&this.style.setProperty("--f-sb-td",this.td),this.br&&this.style.setProperty("--f-sb-br",this.br),this.fz&&this.style.setProperty("--f-sb-fsz",this.fz),this.fw&&this.style.setProperty("--f-sb-fw",this.fw),this.lh&&this.style.setProperty("--f-sb-lh",this.lh),o.html`<div class="box"><slot></slot></div>`}};f.styles=o.css`
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"width",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"height",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"size",void 0),f=i([(0,n.customElement)("space-box")],f),e.SpaceBox=f;let u=class extends l.Base{constructor(){super(...arguments),this.fz=null,this.fw=null,this.lh=null,this.w=null,this.h=null,this.mw=null,this.mxw=null,this.mh=null,this.tt=null,this.mxh=null,this.pis=null,this.pie=null,this.pbs=null,this.pbe=null,this.mbs=null,this.mbe=null,this.mis=null,this.mie=null,this.mg=null,this.pd=null,this.ta=null,this.op=null,this.td=null,this.br=null,this.px=null,this.py=null,this.mx=null,this.my=null}render(){return this.pd&&this.style.setProperty("--f-sb-pd-gb",this.pd),this.mg&&this.style.setProperty("--f-sb-mg-gb",this.mg),this.px&&(this.style.setProperty("--f-sb-pis",this.px),this.style.setProperty("--f-sb-pie",this.px)),this.py&&(this.style.setProperty("--f-sb-pbs",this.py),this.style.setProperty("--f-sb-pbe",this.py)),this.mx&&(this.style.setProperty("--f-sb-mis",this.mx),this.style.setProperty("--f-sb-mie",this.mx)),this.my&&(this.style.setProperty("--f-sb-mbs",this.my),this.style.setProperty("--f-sb-mbe",this.my)),this.tt&&this.style.setProperty("--f-sb-tt",this.tt),this.w&&this.style.setProperty("--f-sb-w",this.w),this.h&&this.style.setProperty("--f-sb-h",this.h),this.mw&&this.style.setProperty("--f-sb-mw",this.mw),this.mxw&&this.style.setProperty("--f-sb-mxw",this.mxw),this.mh&&this.style.setProperty("--f-sb-mh",this.mh),this.mxh&&this.style.setProperty("--f-sb-mxh",this.mxh),this.pis&&this.style.setProperty("--f-sb-pis",this.pis),this.pie&&this.style.setProperty("--f-sb-pie",this.pie),this.pbs&&this.style.setProperty("--f-sb-pbs",this.pbs),this.pbe&&this.style.setProperty("--f-sb-pbe",this.pbe),this.mis&&this.style.setProperty("--f-sb-mis",this.mis),this.mie&&this.style.setProperty("--f-sb-mie",this.mie),this.mbs&&this.style.setProperty("--f-sb-mbs",this.mbs),this.mbe&&this.style.setProperty("--f-sb-mbe",this.mbe),this.ta&&this.style.setProperty("--f-sb-ta",this.ta),this.op&&this.style.setProperty("--f-sb-op",this.op),this.td&&this.style.setProperty("--f-sb-td",this.td),this.br&&this.style.setProperty("--f-sb-br",this.br),this.fz&&this.style.setProperty("--f-sb-fsz",this.fz),this.fw&&this.style.setProperty("--f-sb-fw",this.fw),this.lh&&this.style.setProperty("--f-sb-lh",this.lh),o.html`<div class="box"><slot></slot></div>`}};u.styles=o.css`
     :host {
@@ -735,2 +735,2 @@ --f-sb-fb-display: var(--f-sb-fallback-display, inline-block);
     }
-  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"fz",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"fw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"lh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"w",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"h",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mxw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"tt",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mxh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"pd",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"ta",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"op",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"td",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"br",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"px",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"py",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"mx",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],f.prototype,"my",void 0),f=i([(0,n.customElement)("s-box")],f),e.StyleBox=f},991:function(t,e,s){var i=this&&this.__createBinding||(Object.create?function(t,e,s,i){void 0===i&&(i=s);var r=Object.getOwnPropertyDescriptor(e,s);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,i,r)}:function(t,e,s,i){void 0===i&&(i=s),t[i]=e[s]}),r=this&&this.__exportStar||function(t,e){for(var s in t)"default"===s||Object.prototype.hasOwnProperty.call(e,s)||i(e,t,s)};Object.defineProperty(e,"__esModule",{value:!0}),r(s(732),e),r(s(858),e),r(s(627),e),r(s(580),e),r(s(506),e),r(s(352),e)},222:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverWrapper=void 0;class s{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=t,this.observer=null}create(){this.observer||(this.observer=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{for(let e of t)e.target.dispatchEvent(new CustomEvent("resize",{detail:e.contentRect}))}))})))}addElement(t){var e,s;this.create(),t instanceof Element&&this.observer.observe(t,{box:(null===(s=null===(e=this.options)||void 0===e?void 0:e.resizeObserverOptions)||void 0===s?void 0:s.box)||"content-box"})}removeElement(t){t instanceof Element&&this.observer.unobserve(t)}destroy(){this.observer&&this.observer.disconnect(),this.observer=null}}e.ResizeObserverWrapper=s;const i=window.FlexResizeObserver?window.FlexResizeObserver:new s;HTMLElement.prototype.startResizeListener=function(){i.addElement(this)},HTMLElement.prototype.stopResizeListener=function(){i.removeElement(this)}},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>i,eventOptions:()=>h,property:()=>o,query:()=>a,queryAll:()=>d,queryAssignedElements:()=>u,queryAssignedNodes:()=>y,queryAsync:()=>p,state:()=>n});const i=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:i}=e;return{kind:s,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),r=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function o(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):r(t,e)}function n(t){return o({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,i)=>{var r;if(void 0===i){const i=null!==(r=s.originalKey)&&void 0!==r?r:s.key,o=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(s.key)}:{...s,key:i};return null!=t&&(o.finisher=function(e){t(e,i)}),o}{const r=s.constructor;void 0!==e&&Object.defineProperty(s,i,e(i)),null==t||t(r,i)}};function h(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function a(t,e){return l({descriptor:s=>{const i={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;i.get=function(){var s,i;return void 0===this[e]&&(this[e]=null!==(i=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function p(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var c;const f=null!=(null===(c=window.HTMLSlotElement)||void 0===c?void 0:c.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function u(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:i=>({get(){var i;const r="slot"+(e?`[name=${e}]`:":not([name])"),o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(r),n=null!=o?f(o,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function y(t,e,s){let i,r=t;return"object"==typeof t?(r=t.slot,i=t):i={flatten:e},s?u({slot:r,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(r?`[name=${r}]`:":not([name])"),o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==o?void 0:o.assignedNodes(i))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ct,ReactiveElement:()=>x,UpdatingElement:()=>pt,_$LE:()=>ut,_$LH:()=>nt,adoptStyles:()=>d,css:()=>a,defaultConverter:()=>v,getCompatibleStyle:()=>p,html:()=>I,isServer:()=>yt,noChange:()=>W,notEqual:()=>b,nothing:()=>V,render:()=>ht,supportsAdoptingStyleSheets:()=>r,svg:()=>q,unsafeCSS:()=>h});const i=window,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)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(r&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const h=t=>new l("string"==typeof t?t:t+"",void 0,o),a=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new l(s,t,o)},d=(t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),r=i.litNonce;void 0!==r&&s.setAttribute("nonce",r),s.textContent=e.cssText,t.appendChild(s)}))},p=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return h(e)})(t):t;var c;const f=window,u=f.trustedTypes,y=u?u.emptyScript:"",g=f.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},b=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:b};class x extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Ep(s,e);void 0!==i&&(this._$Ev.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(p(t))}else void 0!==t&&e.push(p(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=m){var i;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const o=(void 0!==(null===(i=s.converter)||void 0===i?void 0:i.toAttribute)?s.converter:v).toAttribute(e,s.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var s;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:v;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||b)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var w;x.finalized=!0,x.elementProperties=new Map,x.elementStyles=[],x.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:x}),(null!==(c=f.reactiveElementVersions)&&void 0!==c?c:f.reactiveElementVersions=[]).push("1.6.1");const S=window,_=S.trustedTypes,$=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",E=`lit$${(Math.random()+"").slice(9)}$`,A="?"+E,k=`<${A}>`,C=document,z=()=>C.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,R=Array.isArray,O=t=>R(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),L="[ \t\n\f\r]",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,H=RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,B=/"/g,D=/^(?:script|style|textarea|title)$/i,F=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),I=F(1),q=F(2),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),K=new WeakMap,G=C.createTreeWalker(C,129,null,!1),J=(t,e)=>{const s=t.length-1,i=[];let r,o=2===e?"<svg>":"",n=M;for(let e=0;e<s;e++){const s=t[e];let l,h,a=-1,d=0;for(;d<s.length&&(n.lastIndex=d,h=n.exec(s),null!==h);)d=n.lastIndex,n===M?"!--"===h[1]?n=N:void 0!==h[1]?n=U:void 0!==h[2]?(D.test(h[2])&&(r=RegExp("</"+h[2],"g")),n=H):void 0!==h[3]&&(n=H):n===H?">"===h[0]?(n=null!=r?r:M,a=-1):void 0===h[1]?a=-2:(a=n.lastIndex-h[2].length,l=h[1],n=void 0===h[3]?H:'"'===h[3]?B:T):n===B||n===T?n=H:n===N||n===U?n=M:(n=H,r=void 0);const p=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===M?s+k:a>=0?(i.push(l),s.slice(0,a)+P+s.slice(a)+E+p):s+E+(-2===a?(i.push(void 0),e):p)}const l=o+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==$?$.createHTML(l):l,i]};class Z{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,o=0;const n=t.length-1,l=this.parts,[h,a]=J(t,e);if(this.el=Z.createElement(h,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=G.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(P)||e.startsWith(E)){const s=a[o++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+P).split(E),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?it:"@"===e[1]?rt:tt})}else l.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(D.test(i.tagName)){const t=i.textContent.split(E),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],z()),G.nextNode(),l.push({type:2,index:++r});i.append(t[e],z())}}}else if(8===i.nodeType)if(i.data===A)l.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(E,t+1));)l.push({type:7,index:r}),t+=E.length-1}r++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,i){var r,o,n,l;if(e===W)return e;let h=void 0!==i?null===(r=s._$Co)||void 0===r?void 0:r[i]:s._$Cl;const a=j(e)?void 0:e._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(o=null==h?void 0:h._$AO)||void 0===o||o.call(h,!1),void 0===a?h=void 0:(h=new a(t),h._$AT(t,s,i)),void 0!==i?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[i]=h:s._$Cl=h),void 0!==h&&(e=Q(t,h._$AS(t,e.values),h,i)),e}class X{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:s},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:C).importNode(s,!0);G.currentNode=r;let o=G.nextNode(),n=0,l=0,h=i[0];for(;void 0!==h;){if(n===h.index){let e;2===h.type?e=new Y(o,o.nextSibling,this,t):1===h.type?e=new h.ctor(o,h.name,h.strings,this,t):6===h.type&&(e=new ot(o,this,t)),this._$AV.push(e),h=i[++l]}n!==(null==h?void 0:h.index)&&(o=G.nextNode(),n++)}return G.currentNode=C,r}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,i){var r;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),j(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):O(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!==V&&j(this._$AH)?this._$AA.nextSibling.data=t:this.$(C.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=Z.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(s);else{const t=new X(r,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){R(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new Y(this.k(z()),this.k(z()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,i,r){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const r=this.strings;let o=!1;if(void 0===r)t=Q(this,t,e,0),o=!j(t)||t!==this._$AH&&t!==W,o&&(this._$AH=t);else{const i=t;let n,l;for(t=r[0],n=0;n<r.length-1;n++)l=Q(this,i[s+n],e,n),l===W&&(l=this._$AH[n]),o||(o=!j(l)||l!==this._$AH[n]),l===V?t=V:t!==V&&(t+=(null!=l?l:"")+r[n+1]),this._$AH[n]=l}o&&!i&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}const st=_?_.emptyScript:"";class it extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==V?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends tt{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:V)===W)return;const i=this._$AH,r=t===V&&i!==V||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==V&&(i===V||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:P,P:E,A,C:1,M:J,L:X,D:O,R:Q,I:Y,V:tt,H:it,N:rt,U:et,F:ot},lt=S.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(w=S.litHtmlVersions)&&void 0!==w?w:S.litHtmlVersions=[]).push("2.7.4");const ht=(t,e,s)=>{var i,r;const o=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==s?void 0:s.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new Y(e.insertBefore(z(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var at,dt;const pt=x;class ct extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ht(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return W}}ct.finalized=!0,ct._$litElement$=!0,null===(at=globalThis.litElementHydrateSupport)||void 0===at||at.call(globalThis,{LitElement:ct});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:ct});const ut={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const yt=!1}},e={};function s(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,s),o.exports}s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(991)})();
+  `,i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"fz",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"fw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"lh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"w",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"h",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mxw",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"tt",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mxh",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mbs",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mbe",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mis",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mie",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mg",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"pd",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"ta",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"op",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"td",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"br",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"px",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"py",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"mx",void 0),i([(0,n.property)({type:String,reflect:!0}),r("design:type",String)],u.prototype,"my",void 0),u=i([(0,n.customElement)("s-box")],u),e.StyleBox=u},991:function(t,e,s){var i=this&&this.__createBinding||(Object.create?function(t,e,s,i){void 0===i&&(i=s);var r=Object.getOwnPropertyDescriptor(e,s);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,i,r)}:function(t,e,s,i){void 0===i&&(i=s),t[i]=e[s]}),r=this&&this.__exportStar||function(t,e){for(var s in t)"default"===s||Object.prototype.hasOwnProperty.call(e,s)||i(e,t,s)};Object.defineProperty(e,"__esModule",{value:!0}),r(s(732),e),r(s(858),e),r(s(627),e),r(s(580),e),r(s(506),e),r(s(352),e)},222:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverWrapper=void 0;class s{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=t,this.observer=null}create(){this.observer||(this.observer=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{for(let e of t)e.target.dispatchEvent(new CustomEvent("resize",{detail:e.contentRect}))}))})))}addElement(t){var e,s;this.create(),t instanceof Element&&this.observer.observe(t,{box:(null===(s=null===(e=this.options)||void 0===e?void 0:e.resizeObserverOptions)||void 0===s?void 0:s.box)||"content-box"})}removeElement(t){t instanceof Element&&this.observer.unobserve(t)}destroy(){this.observer&&this.observer.disconnect(),this.observer=null}}e.ResizeObserverWrapper=s;const i=window.FlexResizeObserver?window.FlexResizeObserver:new s;HTMLElement.prototype.startResizeListener=function(){i.addElement(this)},HTMLElement.prototype.stopResizeListener=function(){i.removeElement(this)}},595:(t,e,s)=>{s.r(e),s.d(e,{customElement:()=>i,eventOptions:()=>a,property:()=>o,query:()=>h,queryAll:()=>d,queryAssignedElements:()=>u,queryAssignedNodes:()=>y,queryAsync:()=>p,state:()=>n});const i=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:s,elements:i}=e;return{kind:s,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),r=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(s){s.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(s){s.createProperty(e.key,t)}};function o(t){return(e,s)=>void 0!==s?((t,e,s)=>{e.constructor.createProperty(s,t)})(t,e,s):r(t,e)}function n(t){return o({...t,state:!0})}const l=({finisher:t,descriptor:e})=>(s,i)=>{var r;if(void 0===i){const i=null!==(r=s.originalKey)&&void 0!==r?r:s.key,o=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(s.key)}:{...s,key:i};return null!=t&&(o.finisher=function(e){t(e,i)}),o}{const r=s.constructor;void 0!==e&&Object.defineProperty(s,i,e(i)),null==t||t(r,i)}};function a(t){return l({finisher:(e,s)=>{Object.assign(e.prototype[s],t)}})}function h(t,e){return l({descriptor:s=>{const i={get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==s?s:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof s?Symbol():"__"+s;i.get=function(){var s,i;return void 0===this[e]&&(this[e]=null!==(i=null===(s=this.renderRoot)||void 0===s?void 0:s.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}function d(t){return l({descriptor:e=>({get(){var e,s;return null!==(s=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==s?s:[]},enumerable:!0,configurable:!0})})}function p(t){return l({descriptor:e=>({async get(){var e;return await this.updateComplete,null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t)},enumerable:!0,configurable:!0})})}var c;const f=null!=(null===(c=window.HTMLSlotElement)||void 0===c?void 0:c.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function u(t){const{slot:e,selector:s}=null!=t?t:{};return l({descriptor:i=>({get(){var i;const r="slot"+(e?`[name=${e}]`:":not([name])"),o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(r),n=null!=o?f(o,t):[];return s?n.filter((t=>t.matches(s))):n},enumerable:!0,configurable:!0})})}function y(t,e,s){let i,r=t;return"object"==typeof t?(r=t.slot,i=t):i={flatten:e},s?u({slot:r,flatten:e,selector:s}):l({descriptor:t=>({get(){var t,e;const s="slot"+(r?`[name=${r}]`:":not([name])"),o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(s);return null!==(e=null==o?void 0:o.assignedNodes(i))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}},62:(t,e,s)=>{s.r(e),s.d(e,{CSSResult:()=>l,LitElement:()=>ct,ReactiveElement:()=>x,UpdatingElement:()=>pt,_$LE:()=>ut,_$LH:()=>nt,adoptStyles:()=>d,css:()=>h,defaultConverter:()=>v,getCompatibleStyle:()=>p,html:()=>I,isServer:()=>yt,noChange:()=>W,notEqual:()=>b,nothing:()=>V,render:()=>at,supportsAdoptingStyleSheets:()=>r,svg:()=>q,unsafeCSS:()=>a});const i=window,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),n=new WeakMap;class l{constructor(t,e,s){if(this._$cssResult$=!0,s!==o)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(r&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&n.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l("string"==typeof t?t:t+"",void 0,o),h=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new l(s,t,o)},d=(t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const s=document.createElement("style"),r=i.litNonce;void 0!==r&&s.setAttribute("nonce",r),s.textContent=e.cssText,t.appendChild(s)}))},p=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return a(e)})(t):t;var c;const f=window,u=f.trustedTypes,y=u?u.emptyScript:"",g=f.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},b=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:b};class x extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Ep(s,e);void 0!==i&&(this._$Ev.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(p(t))}else void 0!==t&&e.push(p(t));return e}static _$Ep(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||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=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=m){var i;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const o=(void 0!==(null===(i=s.converter)||void 0===i?void 0:i.toAttribute)?s.converter:v).toAttribute(e,s.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var s;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:v;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||b)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),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){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var w;x.finalized=!0,x.elementProperties=new Map,x.elementStyles=[],x.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:x}),(null!==(c=f.reactiveElementVersions)&&void 0!==c?c:f.reactiveElementVersions=[]).push("1.6.1");const S=window,_=S.trustedTypes,$=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,E="?"+A,k=`<${E}>`,C=document,z=()=>C.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,R=Array.isArray,O=t=>R(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),M="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,B=/-->/g,U=/>/g,H=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,L=/"/g,D=/^(?:script|style|textarea|title)$/i,F=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),I=F(1),q=F(2),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),K=new WeakMap,G=C.createTreeWalker(C,129,null,!1),J=(t,e)=>{const s=t.length-1,i=[];let r,o=2===e?"<svg>":"",n=N;for(let e=0;e<s;e++){const s=t[e];let l,a,h=-1,d=0;for(;d<s.length&&(n.lastIndex=d,a=n.exec(s),null!==a);)d=n.lastIndex,n===N?"!--"===a[1]?n=B:void 0!==a[1]?n=U:void 0!==a[2]?(D.test(a[2])&&(r=RegExp("</"+a[2],"g")),n=H):void 0!==a[3]&&(n=H):n===H?">"===a[0]?(n=null!=r?r:N,h=-1):void 0===a[1]?h=-2:(h=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?H:'"'===a[3]?L:T):n===L||n===T?n=H:n===B||n===U?n=N:(n=H,r=void 0);const p=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===N?s+k:h>=0?(i.push(l),s.slice(0,h)+P+s.slice(h)+A+p):s+A+(-2===h?(i.push(void 0),e):p)}const l=o+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==$?$.createHTML(l):l,i]};class Z{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,o=0;const n=t.length-1,l=this.parts,[a,h]=J(t,e);if(this.el=Z.createElement(a,s),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=G.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(P)||e.startsWith(A)){const s=h[o++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+P).split(A),e=/([.?@])?(.*)/.exec(s);l.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?it:"@"===e[1]?rt:tt})}else l.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(D.test(i.tagName)){const t=i.textContent.split(A),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],z()),G.nextNode(),l.push({type:2,index:++r});i.append(t[e],z())}}}else if(8===i.nodeType)if(i.data===E)l.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(A,t+1));)l.push({type:7,index:r}),t+=A.length-1}r++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function Q(t,e,s=t,i){var r,o,n,l;if(e===W)return e;let a=void 0!==i?null===(r=s._$Co)||void 0===r?void 0:r[i]:s._$Cl;const h=j(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(o=null==a?void 0:a._$AO)||void 0===o||o.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,s,i)),void 0!==i?(null!==(n=(l=s)._$Co)&&void 0!==n?n:l._$Co=[])[i]=a:s._$Cl=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,i)),e}class X{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:s},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:C).importNode(s,!0);G.currentNode=r;let o=G.nextNode(),n=0,l=0,a=i[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new Y(o,o.nextSibling,this,t):1===a.type?e=new a.ctor(o,a.name,a.strings,this,t):6===a.type&&(e=new ot(o,this,t)),this._$AV.push(e),a=i[++l]}n!==(null==a?void 0:a.index)&&(o=G.nextNode(),n++)}return G.currentNode=C,r}v(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Y{constructor(t,e,s,i){var r;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),j(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):O(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!==V&&j(this._$AH)?this._$AA.nextSibling.data=t:this.$(C.createTextNode(t)),this._$AH=t}g(t){var e;const{values:s,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=Z.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(s);else{const t=new X(r,this),e=t.u(this.options);t.v(s),this.$(e),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Z(t)),e}T(t){R(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new Y(this.k(z()),this.k(z()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,s,i,r){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const r=this.strings;let o=!1;if(void 0===r)t=Q(this,t,e,0),o=!j(t)||t!==this._$AH&&t!==W,o&&(this._$AH=t);else{const i=t;let n,l;for(t=r[0],n=0;n<r.length-1;n++)l=Q(this,i[s+n],e,n),l===W&&(l=this._$AH[n]),o||(o=!j(l)||l!==this._$AH[n]),l===V?t=V:t!==V&&(t+=(null!=l?l:"")+r[n+1]),this._$AH[n]=l}o&&!i&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}const st=_?_.emptyScript:"";class it extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==V?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends tt{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=Q(this,t,e,0))&&void 0!==s?s:V)===W)return;const i=this._$AH,r=t===V&&i!==V||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==V&&(i===V||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const nt={O:P,P:A,A:E,C:1,M:J,L:X,D:O,R:Q,I:Y,V:tt,H:it,N:rt,U:et,F:ot},lt=S.litHtmlPolyfillSupport;null==lt||lt(Z,Y),(null!==(w=S.litHtmlVersions)&&void 0!==w?w:S.litHtmlVersions=[]).push("2.7.4");const at=(t,e,s)=>{var i,r;const o=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==s?void 0:s.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new Y(e.insertBefore(z(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n};var ht,dt;const pt=x;class ct extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return W}}ct.finalized=!0,ct._$litElement$=!0,null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:ct});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:ct});const ut={_$AK:(t,e,s)=>{t._$AK(e,s)},_$AL:t=>t._$AL};(null!==(dt=globalThis.litElementVersions)&&void 0!==dt?dt:globalThis.litElementVersions=[]).push("3.3.2");const yt=!1}},e={};function s(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,s),o.exports}s.d=(t,e)=>{for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};s(991)})();

dist/src/components/box.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
-export declare class FlexBox extends LitElement {
+import { Base } from "./base";
+export declare class FlexBox extends Base {
     static defaultProps: {
@@ -4,0 +4,0 @@ reverse: boolean;

dist/src/components/canvas.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
-export declare class FlexCanvas extends LitElement {
+import { Base } from "./base";
+export declare class FlexCanvas extends Base {
     static defaultProps: {
@@ -4,0 +4,0 @@ maxWidth: string;

dist/src/components/cell.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
-export declare class FlexCell extends LitElement {
+import { Base } from "./base";
+export declare class FlexCell extends Base {
     static defaultProps: {
@@ -4,0 +4,0 @@ display: string;

dist/src/components/grid.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
-export declare class FlexGrid extends LitElement {
+import { Base } from "./base";
+export declare class FlexGrid extends Base {
     static styles: import("lit").CSSResult;
@@ -4,0 +4,0 @@ gap: string | null;

dist/src/components/media.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
 import "../utils/resize-observer";
+import { Base } from "./base";
 declare global {
@@ -9,3 +9,3 @@ interface HTMLElement {
 }
-export declare class FlexMediaBox extends LitElement {
+export declare class FlexMediaBox extends Base {
     _targetEl: HTMLElement | Window | null;
@@ -12,0 +12,0 @@ _resizeListener: any;

dist/src/components/utils.d.ts

@@ -1,3 +0,3 @@
-import { LitElement } from "lit";
-export declare class StackedBox extends LitElement {
+import { Base } from "./base";
+export declare class StackedBox extends Base {
     static styles: import("lit").CSSResult;
@@ -9,3 +9,3 @@ render(): import("lit-html").TemplateResult<1>;
 };
-export declare class StackedCell extends LitElement {
+export declare class StackedCell extends Base {
     static styles: import("lit").CSSResult;
@@ -31,3 +31,3 @@ xa: string | null;
 };
-export declare class FitBox extends LitElement {
+export declare class FitBox extends Base {
     static styles: import("lit").CSSResult;
@@ -52,3 +52,3 @@ width: string | null;
 };
-export declare class AspectRatio extends LitElement {
+export declare class AspectRatio extends Base {
     static defaultProps: {
@@ -67,3 +67,3 @@ display: string;
 };
-export declare class FlexDivider extends LitElement {
+export declare class FlexDivider extends Base {
     static styles: import("lit").CSSResult;
@@ -86,3 +86,3 @@ mg: string | null;
 };
-export declare class SpaceBox extends LitElement {
+export declare class SpaceBox extends Base {
     static styles: import("lit").CSSResult;
@@ -99,3 +99,3 @@ width: string | null;
 };
-export declare class StyleBox extends LitElement {
+export declare class StyleBox extends Base {
     static styles: import("lit").CSSResult;
@@ -102,0 +102,0 @@ fz: string | null;

package.json

@@ -43,3 +43,3 @@ {
   "dependencies": {},
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Flex Layout System",
@@ -46,0 +46,0 @@ "name": "flex-layout-system",

src/components/box.ts

 import { LitElement, html, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { Base } from "./base";
 
 @customElement("flex-box")
-export class FlexBox extends LitElement {
+export class FlexBox extends Base {
   static defaultProps: {
@@ -7,0 +8,0 @@ reverse: boolean;

src/components/canvas.ts

 import { LitElement, html, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { Base } from "./base";
 
 @customElement("flex-canvas")
-export class FlexCanvas extends LitElement {
+export class FlexCanvas extends Base {
   static defaultProps: {
@@ -7,0 +8,0 @@ maxWidth: string;

src/components/cell.ts

 import { LitElement, html, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { Base } from "./base";
 
 @customElement("flex-cell")
-export class FlexCell extends LitElement {
+export class FlexCell extends Base {
   static defaultProps: {
@@ -7,0 +8,0 @@ display: string;

src/components/grid.ts

 import { LitElement, html, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { Base } from "./base";
 
 @customElement("flex-grid")
-export class FlexGrid extends LitElement {
+export class FlexGrid extends Base {
   static styles = css`
@@ -7,0 +8,0 @@ :host {

src/components/media.ts

@@ -5,2 +5,3 @@ import { LitElement, html, css } from "lit";
 import "../utils/resize-observer";
+import { Base } from "./base";
 
@@ -15,3 +16,3 @@ declare global {
 @customElement("flex-media")
-export class FlexMediaBox extends LitElement {
+export class FlexMediaBox extends Base {
   _targetEl: HTMLElement | Window | null = null;
@@ -18,0 +19,0 @@ _resizeListener: any = null;

src/components/utils.ts

@@ -9,5 +9,6 @@ /**
 import { customElement, property } from "lit/decorators.js";
+import { Base } from "./base";
 
 @customElement("stacked-box")
-export class StackedBox extends LitElement {
+export class StackedBox extends Base {
   static styles = css`
@@ -35,6 +36,6 @@ :host {
   crop?: boolean;
-}
+};
 
 @customElement("stacked-cell")
-export class StackedCell extends LitElement {
+export class StackedCell extends Base {
   static styles = css`
@@ -110,7 +111,6 @@ :host {
   oc?: string;
-}
+};
 
-
 @customElement("fit-box")
-export class FitBox extends LitElement {
+export class FitBox extends Base {
   static styles = css`
@@ -201,6 +201,6 @@ :host {
   height?: string;
-}
+};
 
 @customElement("a-ratio")
-export class AspectRatio extends LitElement {
+export class AspectRatio extends Base {
   static defaultProps: {
@@ -302,6 +302,6 @@ display: string;
   ratio?: string;
-}
+};
 
 @customElement("flex-divider")
-export class FlexDivider extends LitElement {
+export class FlexDivider extends Base {
   static styles = css`
@@ -381,6 +381,6 @@ :host {
   size?: string;
-}
+};
 
 @customElement("space-box")
-export class SpaceBox extends LitElement {
+export class SpaceBox extends Base {
   static styles = css`
@@ -419,6 +419,6 @@ :host {
   size?: string;
-}
+};
 
 @customElement("s-box")
-export class StyleBox extends LitElement {
+export class StyleBox extends Base {
   static styles = css`
@@ -681,2 +681,2 @@ :host {
   block?: boolean;
-} 
+};

No alert changes

Improved metrics

Total package byte prevSize

232461

increased by1.52%

Number of package files

43

increased by4.88%

Lines of code

3692

increased by1.04%

No dependency changes