mbio-ui
Version:
Web components library containing lightweight, ready-to-use and framework-agnostic User Interface elements.
144 lines • 25.4 kB
JavaScript
!function(t){var e={};function __webpack_require__(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,__webpack_require__),o.l=!0,o.exports}__webpack_require__.m=t,__webpack_require__.c=e,__webpack_require__.d=function(t,e,r){__webpack_require__.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},__webpack_require__.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},__webpack_require__.t=function(t,e){if(1&e&&(t=__webpack_require__(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(__webpack_require__.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)__webpack_require__.d(r,o,function(e){return t[e]}.bind(null,o));return r},__webpack_require__.n=function(t){var e=t&&t.__esModule?function getDefault(){return t.default}:function getModuleExports(){return t};return __webpack_require__.d(e,"a",e),e},__webpack_require__.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=64)}({0:function(t,e,r){"use strict";r.d(e,"b",(function(){return css_tag_r})),r.d(e,"c",(function(){return o.a})),r.d(e,"a",(function(){return lit_element_h}));var o=r(3);const s=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,l=Symbol();class n{constructor(t,e){if(e!==l)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return s&&void 0===this.t&&(this.t=new CSSStyleSheet,this.t.replaceSync(this.cssText)),this.t}toString(){return this.cssText}}const h=new Map,css_tag_r=(t,...e)=>{const r=e.reduce((e,r,o)=>e+(t=>{if(t instanceof n)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\n take care to ensure page security.`)})(r)+t[o+1],t[0]);let o=h.get(r);return void 0===o&&h.set(r,o=new n(r,l)),o},u=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return(t=>new n(t+"",l))(e)})(t):t;var p,v,f,g;const m={toAttribute(t,e){switch(e){case Boolean:t=t?"":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},reactive_element_n=(t,e)=>e!==t&&(e==e||t==t),y={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:reactive_element_n};class reactive_element_a extends HTMLElement{constructor(){super(),this.Πi=new Map,this.Πo=void 0,this.Πl=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.Πh=null,this.u()}static addInitializer(t){var e;null!==(e=this.v)&&void 0!==e||(this.v=[]),this.v.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,r)=>{const o=this.Πp(r,e);void 0!==o&&(this.Πm.set(o,r),t.push(o))}),t}static createProperty(t,e=y){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){const s=this[t];this[e]=o,this.requestUpdate(t,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||y}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this.Πm=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of e)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(u(t))}else void 0!==t&&e.push(u(t));return e}static"Πp"(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this.Πg=new Promise(t=>this.enableUpdating=t),this.L=new Map,this.Π_(),this.requestUpdate(),null===(t=this.constructor.v)||void 0===t||t.forEach(t=>t(this))}addController(t){var e,r;(null!==(e=this.ΠU)&&void 0!==e?e:this.ΠU=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(r=t.hostConnected)||void 0===r||r.call(t))}removeController(t){var e;null===(e=this.ΠU)||void 0===e||e.splice(this.ΠU.indexOf(t)>>>0,1)}"Π_"(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this.Πi.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((t,e)=>{s?t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(e=>{const r=document.createElement("style");r.textContent=e.cssText,t.appendChild(r)})})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this.ΠU)||void 0===t||t.forEach(t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}),this.Πl&&(this.Πl(),this.Πo=this.Πl=void 0)}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this.ΠU)||void 0===t||t.forEach(t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}),this.Πo=new Promise(t=>this.Πl=t)}attributeChangedCallback(t,e,r){this.K(t,r)}"Πj"(t,e,r=y){var o,s;const l=this.constructor.Πp(t,r);if(void 0!==l&&!0===r.reflect){const h=(null!==(s=null===(o=r.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==s?s:m.toAttribute)(e,r.type);this.Πh=t,null==h?this.removeAttribute(l):this.setAttribute(l,h),this.Πh=null}}K(t,e){var r,o,s;const l=this.constructor,h=l.Πm.get(t);if(void 0!==h&&this.Πh!==h){const t=l.getPropertyOptions(h),u=t.converter,p=null!==(s=null!==(o=null===(r=u)||void 0===r?void 0:r.fromAttribute)&&void 0!==o?o:"function"==typeof u?u:null)&&void 0!==s?s:m.fromAttribute;this.Πh=h,this[h]=p(e,t.type),this.Πh=null}}requestUpdate(t,e,r){let o=!0;void 0!==t&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||reactive_element_n)(this[t],e)?(this.L.has(t)||this.L.set(t,e),!0===r.reflect&&this.Πh!==t&&(void 0===this.Πk&&(this.Πk=new Map),this.Πk.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this.Πg=this.Πq())}async"Πq"(){this.isUpdatePending=!0;try{for(await this.Πg;this.Πo;)await this.Πo}catch(t){Promise.reject(t)}const t=this.performUpdate();return null!=t&&await t,!this.isUpdatePending}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this.Πi&&(this.Πi.forEach((t,e)=>this[e]=t),this.Πi=void 0);let e=!1;const r=this.L;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null===(t=this.ΠU)||void 0===t||t.forEach(t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)}),this.update(r)):this.Π$()}catch(t){throw e=!1,this.Π$(),t}e&&this.E(r)}willUpdate(t){}E(t){var e;null===(e=this.ΠU)||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)}"Π$"(){this.L=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.Πg}shouldUpdate(t){return!0}update(t){void 0!==this.Πk&&(this.Πk.forEach((t,e)=>this.Πj(e,this[e],t)),this.Πk=void 0),this.Π$()}updated(t){}firstUpdated(t){}}var _,w,x,O,P,E;reactive_element_a.finalized=!0,reactive_element_a.shadowRootOptions={mode:"open"},null===(v=(p=globalThis).reactiveElementPlatformSupport)||void 0===v||v.call(p,{ReactiveElement:reactive_element_a}),(null!==(f=(g=globalThis).reactiveElementVersions)&&void 0!==f?f:g.reactiveElementVersions=[]).push("1.0.0-rc.1");(null!==(_=(E=globalThis).litElementVersions)&&void 0!==_?_:E.litElementVersions=[]).push("3.0.0-rc.1");class lit_element_h extends reactive_element_a{constructor(){super(...arguments),this.renderOptions={host:this},this.Φt=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();super.update(t),this.Φt=Object(o.d)(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this.Φt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this.Φt)||void 0===t||t.setConnected(!1)}render(){return o.b}}lit_element_h.finalized=!0,lit_element_h._$litElement$=!0,null===(x=(w=globalThis).litElementHydrateSupport)||void 0===x||x.call(w,{LitElement:lit_element_h}),null===(P=(O=globalThis).litElementPlatformSupport)||void 0===P||P.call(O,{LitElement:lit_element_h})},1:function(t,e,r){"use strict";r.d(e,"a",(function(){return property_e})),r.d(e,"b",(function(){return state_r}));const i=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.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(r){r.createProperty(e.key,t)}};function property_e(t){return(e,r)=>void 0!==r?((t,e,r)=>{e.constructor.createProperty(r,t)})(t,e,r):i(t,e)}function state_r(t){return property_e({...t,state:!0,attribute:!1})}const o=Element.prototype;o.msMatchesSelector||o.webkitMatchesSelector},2:function(t,e,r){"use strict";r.d(e,"a",(function(){return o}));const o=r(0).b`
/* scrollbar */
*::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: transparent;
visibility: hidden;
}
*::-webkit-scrollbar-track {
background-color: rgba(var(--neutral-1), 0.05);
border-radius: 8px;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(var(--neutral-1), 0.1);
border-radius: 8px;
}
*::-webkit-scrollbar-thumb:active,
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--neutral-1), 0.2);
}
`},24:function(t,e,r){"use strict";r.d(e,"a",(function(){return mbioMenuItem}));var o=r(0),s=r(1),l=r(2),h=(r(5),r(7),function(t,e,r,o){var s,l=arguments.length,h=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,r,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(h=(l<3?s(h):l>3?s(e,r,h):s(e,r))||h);return l>3&&h&&Object.defineProperty(e,r,h),h});class mbioMenuItem extends o.a{constructor(){super(...arguments),this.label="Label",this.toggle=!0}static get styles(){return[l.a,o.b`
:host {
padding: var(--spacing-s) 0;
border-radius: var(--border-radius);
display: flex;
cursor: pointer;
transition: var(--transition-1);
overflow: visible;
}
mbio-icon {
margin-right: var(--spacing-s);
}
.label {
flex: 1;
}
/* label */
mbio-text {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
}
slot[name='functions']::slotted(*) {
margin-left: var(--spacing-s);
}
:host([active]) {
padding: var(--spacing-s);
margin-left: calc(var(--spacing-s) * -1);
margin-right: calc(var(--spacing-s) * -1);
background: rgba(var(--neutral-1), 0.1);
}
/* disabled */
:host([disabled]) {
opacity: 0.2;
pointer-events: none;
}
/* hover inputs */
@media (hover: hover) {
:host(:not([active]):hover) {
padding: var(--spacing-s);
margin-left: calc(var(--spacing-s) * -1);
margin-right: calc(var(--spacing-s) * -1);
background: rgba(var(--neutral-1), 0.05);
}
}
`]}render(){return o.c`
${this.icon?o.c` <mbio-icon icon="${this.icon}"></mbio-icon> `:""}
${this.label?o.c` <mbio-text>${this.label}</mbio-text> `:""}
<!-- functions slot -->
<slot name="functions"></slot>
`}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),this.dispatchEvent(new Event(t+"-changed")),"toggle"==t&&this.toggle&&this.addEventListener("click",()=>{this.active=!this.active})}}h([Object(s.a)({type:String,reflect:!0})],mbioMenuItem.prototype,"label",void 0),h([Object(s.a)({type:String,reflect:!0})],mbioMenuItem.prototype,"icon",void 0),h([Object(s.a)({type:Boolean,reflect:!0})],mbioMenuItem.prototype,"active",void 0),h([Object(s.a)({type:Boolean,reflect:!0})],mbioMenuItem.prototype,"toggle",void 0),h([Object(s.a)({type:Boolean,reflect:!0})],mbioMenuItem.prototype,"disabled",void 0),window.customElements.get("mbio-menu-item")||window.customElements.define("mbio-menu-item",mbioMenuItem)},3:function(t,e,r){"use strict";var o,s,l,h;r.d(e,"a",(function(){return j})),r.d(e,"b",(function(){return T})),r.d(e,"c",(function(){return U})),r.d(e,"d",(function(){return V}));const u=globalThis.trustedTypes,p=u?u.createPolicy("lit-html",{createHTML:t=>t}):void 0,v=`lit$${(Math.random()+"").slice(9)}$`,f="?"+v,g=`<${f}>`,m=document,c=(t="")=>m.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,y=Array.isArray,a=t=>{var e;return y(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},_=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,x=/>/g,O=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,P=/'/g,E=/"/g,$=/^(?:script|style|textarea)$/i,b=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),j=b(1),T=(b(2),Symbol.for("lit-noChange")),U=Symbol.for("lit-nothing"),A=new WeakMap,V=(t,e,r)=>{var o,s;const l=null!==(o=null==r?void 0:r.renderBefore)&&void 0!==o?o:e;let h=l._$litPart$;if(void 0===h){const t=null!==(s=null==r?void 0:r.renderBefore)&&void 0!==s?s:null;l._$litPart$=h=new C(e.insertBefore(c(),t),t,void 0,r)}return h.I(t),h},q=m.createTreeWalker(m,129,null,!1),M=(t,e)=>{const r=t.length-1,o=[];let s,l=2===e?"<svg>":"",h=_;for(let e=0;e<r;e++){const r=t[e];let u,p,f=-1,m=0;for(;m<r.length&&(h.lastIndex=m,p=h.exec(r),null!==p);)m=h.lastIndex,h===_?"!--"===p[1]?h=w:void 0!==p[1]?h=x:void 0!==p[2]?($.test(p[2])&&(s=RegExp("</"+p[2],"g")),h=O):void 0!==p[3]&&(h=O):h===O?">"===p[0]?(h=null!=s?s:_,f=-1):void 0===p[1]?f=-2:(f=h.lastIndex-p[2].length,u=p[1],h=void 0===p[3]?O:'"'===p[3]?E:P):h===E||h===P?h=O:h===w||h===x?h=_:(h=O,s=void 0);const y=h===O&&t[e+1].startsWith("/>")?" ":"";l+=h===_?r+g:f>=0?(o.push(u),r.slice(0,f)+"$lit$"+r.slice(f)+v+y):r+v+(-2===f?(o.push(void 0),e):y)}const u=l+(t[r]||"<?>")+(2===e?"</svg>":"");return[void 0!==p?p.createHTML(u):u,o]};class N{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let s=0,l=0;const h=t.length-1,p=this.parts,[g,m]=M(t,e);if(this.el=N.createElement(g,r),q.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=q.nextNode())&&p.length<h;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(v)){const r=m[l++];if(t.push(e),void 0!==r){const t=o.getAttribute(r.toLowerCase()+"$lit$").split(v),e=/([.?@])?(.*)/.exec(r);p.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?R:H})}else p.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if($.test(o.tagName)){const t=o.textContent.split(v),e=t.length-1;if(e>0){o.textContent=u?u.emptyScript:"";for(let r=0;r<e;r++)o.append(t[r],c()),q.nextNode(),p.push({type:2,index:++s});o.append(t[e],c())}}}else if(8===o.nodeType)if(o.data===f)p.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(v,t+1));)p.push({type:7,index:s}),t+=v.length-1}s++}}static createElement(t,e){const r=m.createElement("template");return r.innerHTML=t,r}}function S(t,e,r=t,o){var s,l,h,u;if(e===T)return e;let p=void 0!==o?null===(s=r.Σi)||void 0===s?void 0:s[o]:r.Σo;const v=d(e)?void 0:e._$litDirective$;return(null==p?void 0:p.constructor)!==v&&(null===(l=null==p?void 0:p.O)||void 0===l||l.call(p,!1),void 0===v?p=void 0:(p=new v(t),p.T(t,r,o)),void 0!==o?(null!==(h=(u=r).Σi)&&void 0!==h?h:u.Σi=[])[o]=p:r.Σo=p),void 0!==p&&(e=S(t,p.S(t,e.values),p,o)),e}class k{constructor(t,e){this.l=[],this.N=void 0,this.D=t,this.M=e}u(t){var e;const{el:{content:r},parts:o}=this.D,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:m).importNode(r,!0);q.currentNode=s;let l=q.nextNode(),h=0,u=0,p=o[0];for(;void 0!==p;){if(h===p.index){let e;2===p.type?e=new C(l,l.nextSibling,this,t):1===p.type?e=new p.ctor(l,p.name,p.strings,this,t):6===p.type&&(e=new z(l,this,t)),this.l.push(e),p=o[++u]}h!==(null==p?void 0:p.index)&&(l=q.nextNode(),h++)}return s}v(t){let e=0;for(const r of this.l)void 0!==r&&(void 0!==r.strings?(r.I(t,r,e),e+=r.strings.length-2):r.I(t[e])),e++}}class C{constructor(t,e,r,o){this.type=2,this.N=void 0,this.A=t,this.B=e,this.M=r,this.options=o}setConnected(t){var e;null===(e=this.P)||void 0===e||e.call(this,t)}get parentNode(){return this.A.parentNode}get startNode(){return this.A}get endNode(){return this.B}I(t,e=this){t=S(this,t,e),d(t)?t===U||null==t||""===t?(this.H!==U&&this.R(),this.H=U):t!==this.H&&t!==T&&this.m(t):void 0!==t._$litType$?this._(t):void 0!==t.nodeType?this.$(t):a(t)?this.g(t):this.m(t)}k(t,e=this.B){return this.A.parentNode.insertBefore(t,e)}$(t){this.H!==t&&(this.R(),this.H=this.k(t))}m(t){const e=this.A.nextSibling;null!==e&&3===e.nodeType&&(null===this.B?null===e.nextSibling:e===this.B.previousSibling)?e.data=t:this.$(m.createTextNode(t)),this.H=t}_(t){var e;const{values:r,_$litType$:o}=t,s="number"==typeof o?this.C(t):(void 0===o.el&&(o.el=N.createElement(o.h,this.options)),o);if((null===(e=this.H)||void 0===e?void 0:e.D)===s)this.H.v(r);else{const t=new k(s,this),e=t.u(this.options);t.v(r),this.$(e),this.H=t}}C(t){let e=A.get(t.strings);return void 0===e&&A.set(t.strings,e=new N(t)),e}g(t){y(this.H)||(this.H=[],this.R());const e=this.H;let r,o=0;for(const s of t)o===e.length?e.push(r=new C(this.k(c()),this.k(c()),this,this.options)):r=e[o],r.I(s),o++;o<e.length&&(this.R(r&&r.B.nextSibling,o),e.length=o)}R(t=this.A.nextSibling,e){var r;for(null===(r=this.P)||void 0===r||r.call(this,!1,!0,e);t&&t!==this.B;){const e=t.nextSibling;t.remove(),t=e}}}class H{constructor(t,e,r,o,s){this.type=1,this.H=U,this.N=void 0,this.V=void 0,this.element=t,this.name=e,this.M=o,this.options=s,r.length>2||""!==r[0]||""!==r[1]?(this.H=Array(r.length-1).fill(U),this.strings=r):this.H=U}get tagName(){return this.element.tagName}I(t,e=this,r,o){const s=this.strings;let l=!1;if(void 0===s)t=S(this,t,e,0),l=!d(t)||t!==this.H&&t!==T,l&&(this.H=t);else{const o=t;let h,u;for(t=s[0],h=0;h<s.length-1;h++)u=S(this,o[r+h],e,h),u===T&&(u=this.H[h]),l||(l=!d(u)||u!==this.H[h]),u===U?t=U:t!==U&&(t+=(null!=u?u:"")+s[h+1]),this.H[h]=u}l&&!o&&this.W(t)}W(t){t===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class I extends H{constructor(){super(...arguments),this.type=3}W(t){this.element[this.name]=t===U?void 0:t}}class L extends H{constructor(){super(...arguments),this.type=4}W(t){t&&t!==U?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class R extends H{constructor(){super(...arguments),this.type=5}I(t,e=this){var r;if((t=null!==(r=S(this,t,e,0))&&void 0!==r?r:U)===T)return;const o=this.H,s=t===U&&o!==U||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,l=t!==U&&(o===U||s);s&&this.element.removeEventListener(this.name,this,o),l&&this.element.addEventListener(this.name,this,t),this.H=t}handleEvent(t){var e,r;"function"==typeof this.H?this.H.call(null!==(r=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==r?r:this.element,t):this.H.handleEvent(t)}}class z{constructor(t,e,r){this.element=t,this.type=6,this.N=void 0,this.V=void 0,this.M=e,this.options=r}I(t){S(this,t)}}null===(s=(o=globalThis).litHtmlPlatformSupport)||void 0===s||s.call(o,N,C),(null!==(l=(h=globalThis).litHtmlVersions)&&void 0!==l?l:h.litHtmlVersions=[]).push("2.0.0-rc.2")},4:function(t,e,r){"use strict";r.d(e,"a",(function(){return mbioIcon}));var o=r(0),s=r(1),l=r(2),__decorate=function(t,e,r,o){var s,l=arguments.length,h=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,r,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(h=(l<3?s(h):l>3?s(e,r,h):s(e,r))||h);return l>3&&h&&Object.defineProperty(e,r,h),h};class mbioIcon extends o.a{constructor(){super(...arguments),this.size="m"}static get styles(){return[l.a,o.b`
:host {
font-family: 'md-icons';
line-height: 1;
-webkit-font-smoothing: auto;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
opacity: 0.9;
color: var(--text-1);
transition: var(--transition-1);
height: max-content;
width: max-content;
min-height: max-content;
min-width: max-content;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
:host([button]) {
opacity: 0.6;
cursor: pointer;
}
:host([disabled]) {
pointer-events: none;
opacity: 0.2;
}
/* size */
:host([size='xl']) {
height: 48px;
width: 48px;
font-size: 48px;
}
:host([size='l']) {
height: 32px;
width: 32px;
font-size: 32px;
}
:host([size='m']) {
height: 24px;
width: 24px;
font-size: 24px;
}
:host([size='s']) {
height: 16px;
width: 16px;
font-size: 16px;
}
/* hover inputs */
@media (hover: hover) {
:host([button]:hover:not(:active)) {
opacity: 0.9;
}
}
`]}render(){var t;return o.c` ${(null===(t=this.icon)||void 0===t?void 0:t.indexOf("url"))?o.c` ${this.icon} `:""}`}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),this.dispatchEvent(new Event(t+"-changed")),"color"==t&&this.color?this.style.color=this.color:"icon"==t&&r.indexOf("url")>-1&&this.setBackgroundImage(r)}setBackgroundImage(t){this.style.backgroundImage=t}}__decorate([Object(s.a)({type:String,reflect:!0})],mbioIcon.prototype,"icon",void 0),__decorate([Object(s.a)({type:String,reflect:!0})],mbioIcon.prototype,"color",void 0),__decorate([Object(s.a)({type:String,reflect:!0})],mbioIcon.prototype,"size",void 0),__decorate([Object(s.a)({type:Boolean,reflect:!0})],mbioIcon.prototype,"button",void 0),__decorate([Object(s.a)({type:Boolean,reflect:!0})],mbioIcon.prototype,"disabled",void 0),window.customElements.get("mbio-icon")||window.customElements.define("mbio-icon",mbioIcon)},5:function(t,e,r){"use strict";r.r(e);var o=r(4);r.d(e,"mbioIcon",(function(){return o.a}))},6:function(t,e,r){"use strict";r.d(e,"a",(function(){return mbioText}));var o=r(0),s=r(1),l=r(2),__decorate=function(t,e,r,o){var s,l=arguments.length,h=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,r,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(h=(l<3?s(h):l>3?s(e,r,h):s(e,r))||h);return l>3&&h&&Object.defineProperty(e,r,h),h};class mbioText extends o.a{constructor(){super(...arguments),this.size="body-1"}static get styles(){return[l.a,o.b`
:host {
color: var(--text-1);
transition: var(--transition-1);
}
:host([size='body-1']) {
font: var(--body-1);
}
:host([size='body-2']) {
font: var(--body-2);
}
:host([size='header-1']) {
font: var(--header-1);
}
:host([size='header-2']) {
font: var(--header-2);
}
`]}render(){return o.c`<slot></slot>`}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),this.dispatchEvent(new Event(t+"-changed")),"color"==t&&this.color&&(this.style.color=this.color)}}__decorate([Object(s.a)({type:String,reflect:!0})],mbioText.prototype,"size",void 0),__decorate([Object(s.a)({type:String,reflect:!0})],mbioText.prototype,"color",void 0),window.customElements.get("mbio-text")||window.customElements.define("mbio-text",mbioText)},64:function(t,e,r){"use strict";r.r(e);var o=r(24);r.d(e,"mbioMenuItem",(function(){return o.a}))},7:function(t,e,r){"use strict";r.r(e);var o=r(6);r.d(e,"mbioText",(function(){return o.a}))}});