@mhmo91/schmancy 0.9.13 → 0.9.15

package/dist/{src-ByGCYD-E.cjs → src-I4M33WK2.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BfdVIGgD.cjs`),t=require(`./provide-CnXCF-UP.cjs`),n=require(`./decorate-F9CuyeHg.cjs`),r=require(`./litElement.mixin-DeT3kAOS.cjs`);require(`./mixins.cjs`);const i=require(`./area-CApZWjqs.cjs`);require(`./store-CO4nJyGj.cjs`),require(`./audio-DUVz7Ars.cjs`),require(`./autocomplete-DlCqS1gW.cjs`);const a=require(`./theme.service-ETiKUwVy.cjs`),o=require(`./directives.cjs`);require(`./boat-C57YTPbb.cjs`),require(`./busy-BfN1p1n8.cjs`),require(`./button.cjs`),require(`./card-ZObyqkFF.cjs`),require(`./charts.cjs`),require(`./checkbox-CiAtIrqB.cjs`),require(`./chips-D2xmsC36.cjs`),require(`./code-highlight-BToHh8T6.cjs`),require(`./components-B-XYvUWn.cjs`),require(`./connectivity.cjs`),require(`./date-range-BTA9nKbw.cjs`);const s=require(`./sheet.service-BKmnlkpZ.cjs`);require(`./date-range-inline-LLC3Y0mi.cjs`),require(`./delay-Co89XWry.cjs`),require(`./details-CyXyVdb2.cjs`),require(`./dialog.cjs`),require(`./discovery.cjs`),require(`./divider-xcvHqVBc.cjs`),require(`./dropdown.cjs`),require(`./expand-DUgOh1af.cjs`),require(`./float-yZoLnUg0.cjs`),require(`./window.cjs`),require(`./extra-BqfYIC_q.cjs`),require(`./form-CzD0JLxM.cjs`),require(`./icons-BLFEJFDG.cjs`),require(`./iframe-CrDpQkhj.cjs`),require(`./input-C1MIZaKq.cjs`),require(`./notification-DE5dFf8G.cjs`),require(`./json.cjs`),require(`./layout-D0cR3hT1.cjs`),require(`./lightbox-Ce8nMldr.cjs`),require(`./list-CLc_OQ5k.cjs`),require(`./mailbox-CE5sTDsQ.cjs`),require(`./map-CKzhM6uY.cjs`),require(`./menu-BnGjBrdD.cjs`),require(`./navigation-rail.cjs`),require(`./option-BmbP5ulK.cjs`),require(`./page.cjs`),require(`./progress.cjs`),require(`./qr-scanner.cjs`),require(`./radio-group-DkBFgq_3.cjs`),require(`./range.cjs`),require(`./rxjs-utils-Vn6DCKgL.cjs`);const c=require(`./theme.interface-CCE3L1ql.cjs`);require(`./select-BDonPD5a.cjs`),require(`./sheet-Bv2mPHWk.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table-COQKtlJB.cjs`),require(`./tabs-CoMJAXDy.cjs`),require(`./textarea-CxTSwn3x.cjs`),require(`./theme-CCez6SRm.cjs`),require(`./theme-button-BV0CxpGn.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const l=require(`./types.cjs`);require(`./typewriter-DeaL3NfZ.cjs`),require(`./typography.cjs`),require(`./utils-C8PD8So2.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-BemqNFNj.cjs`),require(`./switch.cjs`),require(`./visually-hidden.cjs`);let u=require(`rxjs`),d=require(`rxjs/operators`),f=require(`lit/decorators.js`),p=require(`lit`),m=require(`lit/directives/when.js`);var h=class extends e.t(p.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./tailwind.mixin-Bh58QnlW.cjs`),t=require(`./provide-MvHcXKzT.cjs`),n=require(`./decorate-F9CuyeHg.cjs`),r=require(`./litElement.mixin-CtQOmwq6.cjs`);require(`./mixins.cjs`);const i=require(`./area-DBjAhgjP.cjs`);require(`./store-CjFHCSDb.cjs`),require(`./audio-Dvr-RBzE.cjs`),require(`./autocomplete-EM0jE7X2.cjs`);const a=require(`./theme.service-DxJPUGlu.cjs`),o=require(`./directives.cjs`);require(`./boat-BjYJI1HS.cjs`),require(`./busy-BmiumJpB.cjs`),require(`./button.cjs`),require(`./card-BslSqOsf.cjs`),require(`./charts.cjs`),require(`./checkbox-DtcFMgZL.cjs`),require(`./chips-DoCu5YQb.cjs`),require(`./code-highlight-zSYcSfCz.cjs`),require(`./components-TJT8-tva.cjs`),require(`./connectivity.cjs`),require(`./date-range-CIWYm3eS.cjs`);const s=require(`./sheet.service-BfNDB0K0.cjs`);require(`./date-range-inline-B9Dp2z6C.cjs`),require(`./delay-Bu4WMQlV.cjs`),require(`./details-B8p62xmR.cjs`),require(`./dialog.cjs`),require(`./discovery.cjs`),require(`./divider-JyyFw_3J.cjs`),require(`./dropdown.cjs`),require(`./expand-BmwIPNjq.cjs`),require(`./float-BQwhfibw.cjs`),require(`./window.cjs`),require(`./extra-BUgyMgjl.cjs`),require(`./form-wI58M85H.cjs`),require(`./icons-B6V3nZ4-.cjs`),require(`./iframe-C7sHg7RC.cjs`),require(`./input-BGNZlfL8.cjs`),require(`./notification-DPUkuifB.cjs`),require(`./json.cjs`),require(`./layout-B0_IXfov.cjs`),require(`./lightbox-BWKTzA03.cjs`),require(`./list-CMWHu6cV.cjs`),require(`./mailbox-Tg1CROVz.cjs`),require(`./map-Z_dsu-dv.cjs`),require(`./menu-DS8Iz4fJ.cjs`),require(`./navigation-rail.cjs`),require(`./option-OIp0joyN.cjs`),require(`./page.cjs`),require(`./progress.cjs`),require(`./qr-scanner.cjs`),require(`./radio-group-B7DuNxUq.cjs`),require(`./range.cjs`),require(`./rxjs-utils-DJbZRjp3.cjs`);const c=require(`./theme.interface-DTwkuAKJ.cjs`);require(`./select-DFxoBgEf.cjs`),require(`./sheet-DdlZhnDG.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table-B-DsOqzT.cjs`),require(`./tabs-DZaLZUBy.cjs`),require(`./textarea-B2544vx9.cjs`),require(`./theme-DU5yXaV-.cjs`),require(`./theme-button-CPujUbgV.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const l=require(`./types.cjs`);require(`./typewriter-LK0S4NEr.cjs`),require(`./typography.cjs`),require(`./utils-2qrmPb78.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-C9HqX2nR.cjs`),require(`./switch.cjs`),require(`./visually-hidden.cjs`);let u=require(`rxjs`),d=require(`rxjs/operators`),f=require(`lit/decorators.js`),p=require(`lit`),m=require(`lit/directives/when.js`);var h=class extends e.t(p.css`
 	:host {
 		display: inline-flex;
 		width: fit-content;
@@ -45,7 +45,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BfdVIGgD.cjs`)
 		display: block;
 		overflow: hidden;
 	}
-`){constructor(...e){super(...e),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight=`100%`}firstUpdated(){this.setupResizeListener(),this.setupToggleListener(),this.setupRenderListener()}setupResizeListener(){(0,u.merge)((0,u.fromEvent)(window,`resize`),(0,u.fromEvent)(window,l.SchmancyEvents.ContentDrawerResize)).pipe((0,u.startWith)(!0),(0,u.debounceTime)(100),(0,u.map)(()=>this.clientWidth||window.innerWidth),(0,u.map)(e=>e>=this.minWidth.main+this.minWidth.sheet),(0,u.distinctUntilChanged)(),(0,u.tap)(()=>this.updateMaxHeight()),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>this.updateMode(e))}setupToggleListener(){(0,u.fromEvent)(window,l.SchmancyEvents.ContentDrawerToggle).pipe((0,u.tap)(e=>e.stopPropagation()),(0,u.map)(e=>e.detail.state),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>{this.open=e})}setupRenderListener(){(0,u.fromEvent)(window,`schmancy-content-drawer-render`).pipe((0,u.tap)(e=>e.stopPropagation()),(0,u.map)(e=>e.detail),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>this.handleRender(e))}updateMaxHeight(){this.maxHeight=window.innerHeight-this.getOffsetTop(this)+`px`,this.style.setProperty(`max-height`,this.maxHeight)}updateMode(e){e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}handleRender(e){this.mode===`push`?i.C.push({area:this.schmancyContentDrawerID,component:e.component,historyStrategy:`silent`,state:e.state,params:e.params,props:e.props}):this.mode===`overlay`&&s.n.open({component:e.component,uid:this.schmancyContentDrawerID,props:e.props})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?p.html`
+`){constructor(...e){super(...e),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight=`100%`}firstUpdated(){this.setupResizeListener(),this.setupToggleListener(),this.setupRenderListener()}setupResizeListener(){(0,u.merge)((0,u.fromEvent)(window,`resize`),(0,u.fromEvent)(window,l.SchmancyEvents.ContentDrawerResize)).pipe((0,u.startWith)(!0),(0,u.debounceTime)(100),(0,u.map)(()=>this.clientWidth||window.innerWidth),(0,u.map)(e=>e>=this.minWidth.main+this.minWidth.sheet),(0,u.distinctUntilChanged)(),(0,u.tap)(()=>this.updateMaxHeight()),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>this.updateMode(e))}setupToggleListener(){(0,u.fromEvent)(window,l.SchmancyEvents.ContentDrawerToggle).pipe((0,u.tap)(e=>e.stopPropagation()),(0,u.map)(e=>e.detail.state),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>{this.open=e})}setupRenderListener(){(0,u.fromEvent)(window,`schmancy-content-drawer-render`).pipe((0,u.tap)(e=>e.stopPropagation()),(0,u.map)(e=>e.detail),(0,u.takeUntil)(this.disconnecting)).subscribe(e=>this.handleRender(e))}updateMaxHeight(){this.maxHeight=window.innerHeight-this.getOffsetTop(this)+`px`,this.style.setProperty(`max-height`,this.maxHeight)}updateMode(e){e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}handleRender(e){this.mode===`push`?i.S.push({area:this.schmancyContentDrawerID,component:e.component,historyStrategy:`silent`,state:e.state,params:e.params,props:e.props}):this.mode===`overlay`&&s.n.open({component:e.component,uid:this.schmancyContentDrawerID,props:e.props})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?p.html`
 			<div class=${[`grid h-full`,`grid-flow-col auto-cols-max`,`grid-rows-[1fr]`,`justify-items-stretch items-stretch`,this.mode===`overlay`?`grid-cols-[1fr]`:`grid-cols-[auto_1fr]`].join(` `)}>
 				<slot></slot>
 			</div>
@@ -260,7 +260,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BfdVIGgD.cjs`)
 			>
 				<slot></slot>
 			</nav>
-		`}};n.t([(0,f.property)({type:Number})],L.prototype,`activeIndex`,null),n.t([(0,f.property)({type:Boolean,reflect:!0})],L.prototype,`hideLabels`,void 0),n.t([(0,f.property)({type:Number,reflect:!0})],L.prototype,`elevation`,void 0),n.t([(0,f.property)({type:Boolean,reflect:!0})],L.prototype,`hideOnScroll`,void 0),n.t([(0,f.state)()],L.prototype,`focusedIndex`,void 0),n.t([(0,f.state)()],L.prototype,`isHiddenByScroll`,void 0),n.t([(0,f.state)()],L.prototype,`isFullscreen`,void 0),L=n.t([(0,f.customElement)(`schmancy-navigation-bar`)],L);var R=`whereAreYouRicky`,z=`hereMorty`,B=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new u.Subject,this.find=e=>(0,u.zip)([(0,u.fromEvent)(window,z).pipe((0,u.filter)(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),(0,u.map)(e=>e.detail.component),(0,u.take)(1)),(0,u.of)(e).pipe((0,u.tap)(()=>{window.dispatchEvent(new CustomEvent(R,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe((0,u.map)(([e])=>e),(0,u.timeout)(0)),this.flip=e=>{let{from:t,to:n}=e,r=n.element.style.zIndex;n.element.style.transformOrigin=`top left`,n.element.style.setProperty(`visibility`,`visible`),n.element.style.zIndex=`1000`;let i=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:`translate(0, 0) scale(1, 1)`}];n.element.animate(i,{duration:250,delay:10,easing:`cubic-bezier(0.455, 0.03, 0.515, 0.955)`}).onfinish=()=>{n.element.style.zIndex=r,n.element.style.transformOrigin=``}},this.flipRequests.pipe((0,u.bufferTime)(1),(0,u.map)(e=>e.map(({from:e,to:t,host:n},r)=>({from:e,to:t,host:n,i:r}))),(0,u.concatMap)(e=>(0,u.zip)(e.map(e=>(0,u.of)(this.flip(e)))))).subscribe()}};function V(e){return(0,u.interval)(50).pipe((0,d.map)(()=>e.getBoundingClientRect()),(0,d.distinctUntilChanged)((e,t)=>e.width===t.width&&e.height===t.height&&e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left),(0,d.take)(1))}var H=class extends r.t(p.css``){constructor(...e){super(...e),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector(`slot`).assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw Error(`id is required`);super.connectedCallback(),(0,u.merge)((0,u.fromEvent)(window,i.x).pipe((0,u.tap)({next:()=>{this.dispatchEvent(new CustomEvent(i.S,{detail:{component:this},bubbles:!0,composed:!0}))}})),(0,u.fromEvent)(window,R).pipe((0,u.tap)({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(z,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe((0,u.takeUntil)(this.disconnecting)).subscribe()}async firstUpdated(){(0,u.of)(B.activeTeleportations.get(this.id)).pipe((0,u.filter)(e=>!!e),(0,u.takeUntil)(this.disconnecting),(0,u.throwIfEmpty)()).subscribe({next:e=>{this.style.setProperty(`visibility`,`hidden`),V(this).pipe((0,u.takeUntil)(this.disconnecting)).subscribe({next:t=>{B.activeTeleportations.set(this.id,t),B.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty(`visibility`,`visible`),V(this).pipe((0,u.takeUntil)(this.disconnecting)).subscribe({next:e=>{B.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return p.html`<slot></slot>`}};n.t([(0,f.property)({type:Number,reflect:!0})],H.prototype,`uuid`,void 0),n.t([(0,f.property)({type:String})],H.prototype,`id`,void 0),n.t([(0,f.property)({type:Number})],H.prototype,`delay`,void 0),H=n.t([(0,f.customElement)(`schmancy-teleport`)],H);var U=class extends r.t(){constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?p.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?p.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?p.html`<schmancy-icon>${this.icon}</schmancy-icon>`:p.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return p.html`
+		`}};n.t([(0,f.property)({type:Number})],L.prototype,`activeIndex`,null),n.t([(0,f.property)({type:Boolean,reflect:!0})],L.prototype,`hideLabels`,void 0),n.t([(0,f.property)({type:Number,reflect:!0})],L.prototype,`elevation`,void 0),n.t([(0,f.property)({type:Boolean,reflect:!0})],L.prototype,`hideOnScroll`,void 0),n.t([(0,f.state)()],L.prototype,`focusedIndex`,void 0),n.t([(0,f.state)()],L.prototype,`isHiddenByScroll`,void 0),n.t([(0,f.state)()],L.prototype,`isFullscreen`,void 0),L=n.t([(0,f.customElement)(`schmancy-navigation-bar`)],L);var R=`whereAreYouRicky`,z=`hereMorty`,B=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new u.Subject,this.find=e=>(0,u.zip)([(0,u.fromEvent)(window,z).pipe((0,u.filter)(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),(0,u.map)(e=>e.detail.component),(0,u.take)(1)),(0,u.of)(e).pipe((0,u.tap)(()=>{window.dispatchEvent(new CustomEvent(R,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe((0,u.map)(([e])=>e),(0,u.timeout)(0)),this.flip=e=>{let{from:t,to:n}=e,r=n.element.style.zIndex;n.element.style.transformOrigin=`top left`,n.element.style.setProperty(`visibility`,`visible`),n.element.style.zIndex=`1000`;let i=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:`translate(0, 0) scale(1, 1)`}];n.element.animate(i,{duration:250,delay:10,easing:`cubic-bezier(0.455, 0.03, 0.515, 0.955)`}).onfinish=()=>{n.element.style.zIndex=r,n.element.style.transformOrigin=``}},this.flipRequests.pipe((0,u.bufferTime)(1),(0,u.map)(e=>e.map(({from:e,to:t,host:n},r)=>({from:e,to:t,host:n,i:r}))),(0,u.concatMap)(e=>(0,u.zip)(e.map(e=>(0,u.of)(this.flip(e)))))).subscribe()}};function V(e){return(0,u.interval)(50).pipe((0,d.map)(()=>e.getBoundingClientRect()),(0,d.distinctUntilChanged)((e,t)=>e.width===t.width&&e.height===t.height&&e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left),(0,d.take)(1))}var H=class extends r.t(p.css``){constructor(...e){super(...e),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector(`slot`).assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw Error(`id is required`);super.connectedCallback(),(0,u.merge)((0,u.fromEvent)(window,i.b).pipe((0,u.tap)({next:()=>{this.dispatchEvent(new CustomEvent(i.x,{detail:{component:this},bubbles:!0,composed:!0}))}})),(0,u.fromEvent)(window,R).pipe((0,u.tap)({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(z,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe((0,u.takeUntil)(this.disconnecting)).subscribe()}async firstUpdated(){(0,u.of)(B.activeTeleportations.get(this.id)).pipe((0,u.filter)(e=>!!e),(0,u.takeUntil)(this.disconnecting),(0,u.throwIfEmpty)()).subscribe({next:e=>{this.style.setProperty(`visibility`,`hidden`),V(this).pipe((0,u.takeUntil)(this.disconnecting)).subscribe({next:t=>{B.activeTeleportations.set(this.id,t),B.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty(`visibility`,`visible`),V(this).pipe((0,u.takeUntil)(this.disconnecting)).subscribe({next:e=>{B.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return p.html`<slot></slot>`}};n.t([(0,f.property)({type:Number,reflect:!0})],H.prototype,`uuid`,void 0),n.t([(0,f.property)({type:String})],H.prototype,`id`,void 0),n.t([(0,f.property)({type:Number})],H.prototype,`delay`,void 0),H=n.t([(0,f.customElement)(`schmancy-teleport`)],H);var U=class extends r.t(){constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?p.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?p.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?p.html`<schmancy-icon>${this.icon}</schmancy-icon>`:p.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return p.html`
 			<div class="${this.classMap(t)}" ${n}>
 				${e} ${this.status===`none`?``:this.renderStatusIndicator()}
 			</div>