@moni-labs/moni-ui 0.4.2 → 0.4.4

package/dist/cdn/components/moni-side-sheet.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import"./moni-button.js";var c=class extends t{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.side=`right`,this.title=``,this.detached=!1,this.showBack=!1,this.noBorder=!1,this.withHandle=!1,this.hideClose=!1,this.expandedWidth=`600px`,this.maxWidth=``,this._isDragging=!1,this._startX=0,this._currentTranslationX=0,this._sheetWidth=0,this._defaultWidth=0,this._justDragged=!1}_getMaxWidthPx(){let e=this.expandedWidth||`600px`;return e.endsWith(`%`)||e.endsWith(`vw`)?window.innerWidth*(parseFloat(e)/100):e.endsWith(`px`)?parseFloat(e):600}updated(e){if(super.updated(e),e.has(`expandedWidth`)&&this.style.setProperty(`--moni-side-sheet-expanded-width`,this.expandedWidth),e.has(`maxWidth`)&&this.style.setProperty(`--moni-side-sheet-max-width`,this.maxWidth||`400px`),e.has(`open`)&&this._dialog){if(this.open)this.modal?this._dialog.open||(typeof this._dialog.showModal==`function`?this._dialog.showModal():this._dialog.open=!0):this._dialog.open||(typeof this._dialog.show==`function`?this._dialog.show():this._dialog.open=!0),this._dialog.getBoundingClientRect(),this._dialog.classList.add(`opened`);else if(this._dialog.open){this._dialog.classList.remove(`opened`);let e=t=>{t.target===this._dialog&&(t.propertyName===`transform`||t.propertyName===`opacity`)&&(this._dialog.removeEventListener(`transitionend`,e),!this.open&&this._dialog.open&&(this._dialog.classList.remove(`expanded`),this._dialog.close()))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{!this.open&&this._dialog.open&&(this._dialog.classList.remove(`expanded`),this._dialog.close())},350)}}}_onPointerDown(e){if(!this.withHandle)return;let t=e.target;!t.closest(`.handle`)&&!t.closest(`header`)||(this._isDragging=!0,this._startX=e.clientX,this._sheetWidth=this._dialog.getBoundingClientRect().width,this._currentTranslationX=0,this._dialog.classList.contains(`expanded`)||(this._defaultWidth=this._sheetWidth),t.setPointerCapture(e.pointerId),this._dialog.classList.add(`dragging`))}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientX-this._startX,n=this._dialog.classList.contains(`expanded`),r=this._getMaxWidthPx(),i=this.side===`right`?t:-t;if(n){if(i>0){let e=this._sheetWidth-i;this._dialog.style.transform=``,this._dialog.style.width=`${Math.max(0,e)}px`}else{let e=this._sheetWidth-i*.2;this._dialog.style.width=`${Math.min(r,e)}px`}}else if(i>0)this._currentTranslationX=i,this._dialog.style.transform=`translateX(${this.side===`right`?i:-i}px)`,this._dialog.style.width=``;else{let e=this._sheetWidth-i;this._dialog.style.transform=``,this._dialog.style.width=`${Math.min(r,e)}px`}}_onPointerUp(e){if(!this._isDragging)return;e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`);let t=e.clientX-this._startX;Math.abs(t)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let n=this._dialog.classList.contains(`expanded`),r=this._getMaxWidthPx(),i=this.side===`right`?t:-t;if(n){let e=this._sheetWidth-i;if(e<this._defaultWidth-80){this._dialog.classList.remove(`expanded`),this._dialog.classList.remove(`opened`),this._dialog.style.transform=this.side===`right`?`translateX(100%)`:`translateX(-100%)`,this._dialog.style.width=``;let e=()=>{this._dialog.removeEventListener(`transitionend`,e),this._dialog.style.transform=``,this._dialog.style.width=``,this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{this.open&&e()},300)}else e<(r+this._defaultWidth)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.width=``):(this._dialog.style.transform=``,this._dialog.style.width=``)}else if(i<0)this._sheetWidth-i>(r+this._sheetWidth)/2||-i>80?(this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.width=``):(this._dialog.style.transform=``,this._dialog.style.width=``);else{let e=Math.min(150,this._sheetWidth*.4);if(Math.abs(this._currentTranslationX)>e){this._dialog.classList.remove(`opened`),this._dialog.style.transform=this.side===`right`?`translateX(100%)`:`translateX(-100%)`,this._dialog.style.width=``;let e=()=>{this._dialog.removeEventListener(`transitionend`,e),this._dialog.style.transform=``,this._dialog.style.width=``,this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{this.open&&e()},300)}else this._dialog.style.transform=``,this._dialog.style.width=``}}_onPointerCancel(e){this._isDragging&&(e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`),this._dialog.style.transform=``,this._dialog.style.width=``)}_onCloseClick(){this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}_onBackClick(){this.dispatchEvent(new CustomEvent(`back`,{bubbles:!0,composed:!0}))}_onDialogClick(e){if(this._justDragged){this._justDragged=!1;return}this.modal&&e.target===this._dialog&&this._onCloseClick()}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import"./moni-button.js";var c=class extends t{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.side=`right`,this.title=``,this.detached=!1,this.showBack=!1,this.noBorder=!1,this.withHandle=!1,this.hideClose=!1,this.expandedWidth=`600px`,this.maxWidth=``,this._isDragging=!1,this._startX=0,this._currentTranslationX=0,this._sheetWidth=0,this._defaultWidth=0,this._justDragged=!1}_getMaxWidthPx(){let e=this.expandedWidth||`600px`;return e.endsWith(`%`)||e.endsWith(`vw`)?window.innerWidth*(parseFloat(e)/100):e.endsWith(`px`)?parseFloat(e):600}updated(e){if(super.updated(e),e.has(`expandedWidth`)&&this.style.setProperty(`--moni-side-sheet-expanded-width`,this.expandedWidth),e.has(`maxWidth`)&&this.style.setProperty(`--moni-side-sheet-max-width`,this.maxWidth||`400px`),e.has(`open`)&&this._dialog){if(this.open)this.modal?this._dialog.open||(typeof this._dialog.showModal==`function`?this._dialog.showModal():this._dialog.open=!0):this._dialog.open||(typeof this._dialog.show==`function`?this._dialog.show():this._dialog.open=!0),this._dialog.getBoundingClientRect(),this._dialog.classList.add(`opened`);else if(this._dialog.open){this._dialog.classList.remove(`opened`);let e=t=>{t.target===this._dialog&&(t.propertyName===`transform`||t.propertyName===`opacity`)&&(this._dialog.removeEventListener(`transitionend`,e),!this.open&&this._dialog.open&&(this._dialog.classList.remove(`expanded`),this._dialog.close()))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{!this.open&&this._dialog.open&&(this._dialog.classList.remove(`expanded`),this._dialog.close())},350)}}}_onPointerDown(e){if(!this.withHandle)return;let t=e.target;!t.closest(`.handle`)&&!t.closest(`header`)||(this._isDragging=!0,this._startX=e.clientX,this._sheetWidth=this._dialog.getBoundingClientRect().width,this._currentTranslationX=0,this._dialog.classList.contains(`expanded`)||(this._defaultWidth=this._sheetWidth),t.setPointerCapture(e.pointerId),this._dialog.classList.add(`dragging`))}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientX-this._startX,n=this._dialog.classList.contains(`expanded`),r=this._getMaxWidthPx(),i=this.side===`right`?t:-t;if(n){if(i>0){let e=this._sheetWidth-i;this._dialog.style.transform=``,this._dialog.style.width=`${Math.max(0,e)}px`}else{let e=this._sheetWidth-i*.2;this._dialog.style.width=`${Math.min(r,e)}px`}}else if(i>0)this._currentTranslationX=i,this._dialog.style.transform=`translateX(${this.side===`right`?i:-i}px)`,this._dialog.style.width=``;else{let e=this._sheetWidth-i;this._dialog.style.transform=``,this._dialog.style.width=`${Math.min(r,e)}px`}}_onPointerUp(e){if(!this._isDragging)return;e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`);let t=e.clientX-this._startX;Math.abs(t)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let n=this._dialog.classList.contains(`expanded`),r=this._getMaxWidthPx(),i=this.side===`right`?t:-t;if(n){let e=this._sheetWidth-i;if(e<this._defaultWidth-80){this._dialog.classList.remove(`expanded`),this._dialog.classList.remove(`opened`),this._dialog.style.transform=this.side===`right`?`translateX(100%)`:`translateX(-100%)`,this._dialog.style.width=``;let e=()=>{this._dialog.removeEventListener(`transitionend`,e),this._dialog.style.transform=``,this._dialog.style.width=``,this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{this.open&&e()},300)}else e<(r+this._defaultWidth)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.width=``):(this._dialog.style.transform=``,this._dialog.style.width=``)}else if(i<0)this._sheetWidth-i>(r+this._sheetWidth)/2||-i>80?(this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.width=``):(this._dialog.style.transform=``,this._dialog.style.width=``);else{let e=Math.min(150,this._sheetWidth*.4);if(Math.abs(this._currentTranslationX)>e){this._dialog.classList.remove(`opened`),this._dialog.style.transform=this.side===`right`?`translateX(100%)`:`translateX(-100%)`,this._dialog.style.width=``;let e=()=>{this._dialog.removeEventListener(`transitionend`,e),this._dialog.style.transform=``,this._dialog.style.width=``,this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))};this._dialog.addEventListener(`transitionend`,e),setTimeout(()=>{this.open&&e()},300)}else this._dialog.style.transform=``,this._dialog.style.width=``}}_onPointerCancel(e){this._isDragging&&(e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`),this._dialog.style.transform=``,this._dialog.style.width=``)}_onCloseClick(){this.open=!1,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}_onBackClick(){this.dispatchEvent(new CustomEvent(`back`,{bubbles:!0,composed:!0}))}_onDialogClick(e){if(this._justDragged){this._justDragged=!1;return}this.modal&&e.target===this._dialog&&this._onCloseClick()}static{this.styles=[i,n`
 			:host {
 				display: contents;
 			}

package/dist/cdn/components/moni-slider.js

@@ -1,4 +1,4 @@
-import{a as e,c as t,d as n,i as r,m as i,o as a,r as o,s,t as c}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";import{t as l}from"../chunks/if-defined-CuEAJKpp.js";var u=class extends r{constructor(...e){super(...e),this.name=``,this.min=`0`,this.max=`100`,this.step=``,this.tickInterval=null,this.insetIcon=``,this.indicatorPlacement=`top`,this.size=`medium`,this.range=!1,this.disabled=!1,this.ticks=!1,this.indicator=!1,this.isVertical=!1,this._value=`50`,this._valueEnd=`75`}get value(){return this._value}set value(e){this._value=e}get valueEnd(){return this._valueEnd}set valueEnd(e){this._valueEnd=e}_pct(e){let t=parseFloat(this.min)||0,n=parseFloat(this.max)||100;return Math.max(0,Math.min(100,((parseFloat(e)||0)-t)/(n-t)*100))}_onInput(e,t){let n=e.target;t===0?this._value=n.value:this._valueEnd=n.value,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0}))}_onChange(e,t){let n=e.target;t===0?this._value=n.value:this._valueEnd=n.value,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}_renderDatalist(){if(this.tickInterval!=null&&this.tickInterval>0){let e=parseFloat(this.min)||0,t=parseFloat(this.max)||100,r=this.tickInterval,i=[];for(let n=e;n<=t;n+=r)i.push(Math.round(n*1e3)/1e3);return n`<datalist id="ticks">
+import{a as e,c as t,d as n,i as r,m as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";import{t as l}from"../chunks/if-defined-DlAUOFi9.js";var u=class extends r{constructor(...e){super(...e),this.name=``,this.min=`0`,this.max=`100`,this.step=``,this.tickInterval=null,this.insetIcon=``,this.indicatorPlacement=`top`,this.size=`medium`,this.range=!1,this.disabled=!1,this.ticks=!1,this.indicator=!1,this.isVertical=!1,this._value=`50`,this._valueEnd=`75`}get value(){return this._value}set value(e){this._value=e}get valueEnd(){return this._valueEnd}set valueEnd(e){this._valueEnd=e}_pct(e){let t=parseFloat(this.min)||0,n=parseFloat(this.max)||100;return Math.max(0,Math.min(100,((parseFloat(e)||0)-t)/(n-t)*100))}_onInput(e,t){let n=e.target;t===0?this._value=n.value:this._valueEnd=n.value,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0}))}_onChange(e,t){let n=e.target;t===0?this._value=n.value:this._valueEnd=n.value,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}_renderDatalist(){if(this.tickInterval!=null&&this.tickInterval>0){let e=parseFloat(this.min)||0,t=parseFloat(this.max)||100,r=this.tickInterval,i=[];for(let n=e;n<=t;n+=r)i.push(Math.round(n*1e3)/1e3);return n`<datalist id="ticks">
 				${i.map(e=>n`<option value=${e}></option>`)}
 			</datalist>`}return this.ticks?n`<datalist id="ticks">
 				<option value=${this.min}></option>

package/dist/cdn/components/moni-snackbar.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.text=``,this.action=``,this.placement=`bottom`,this.active=!1,this.maxLines=2}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.text=``,this.action=``,this.placement=`bottom`,this.active=!1,this.maxLines=2}static{this.styles=[i,n`
 			:host {
 				/* Use block instead of contents so position:fixed inside
 				   works relative to the viewport (its containing block). */

package/dist/cdn/components/moni-split-button.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-assigned-elements-BBHe1xEY.js";var c=class extends t{constructor(...e){super(...e),this.variant=`filled`,this.size=`small`,this.gap=``}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-assigned-elements-BBHe1xEY.js";var c=class extends t{constructor(...e){super(...e),this.variant=`filled`,this.size=`small`,this.gap=``}static{this.styles=[i,n`
 			:host {
 				display: inline-flex;
 				align-items: center;

package/dist/cdn/components/moni-step.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.title=``,this.description=``,this.active=!1,this.completed=!1,this.icon=``,this.index=0,this.orientation=`horizontal`}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.title=``,this.description=``,this.active=!1,this.completed=!1,this.icon=``,this.index=0,this.orientation=`horizontal`}static{this.styles=[i,n`
 			:host {
 				display: flex;
 				flex-direction: column;

package/dist/cdn/components/moni-stepper.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-assigned-elements-BBHe1xEY.js";var c=class extends t{constructor(...e){super(...e),this.orientation=`horizontal`,this.current=0,this._onSlotChange=()=>{this._syncSteps()}}updated(e){(e.has(`current`)||e.has(`orientation`)||e.size===0)&&this._syncSteps()}_syncSteps(){Promise.resolve().then(()=>{let e=this._steps||[];e.length===0&&(e=Array.from(this.querySelectorAll(`moni-step`))),e.forEach((e,t)=>{e.index=t,e.orientation=this.orientation,e.completed=t<this.current,e.active=t===this.current})})}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-assigned-elements-BBHe1xEY.js";var c=class extends t{constructor(...e){super(...e),this.orientation=`horizontal`,this.current=0,this._onSlotChange=()=>{this._syncSteps()}}updated(e){(e.has(`current`)||e.has(`orientation`)||e.size===0)&&this._syncSteps()}_syncSteps(){Promise.resolve().then(()=>{let e=this._steps||[];e.length===0&&(e=Array.from(this.querySelectorAll(`moni-step`))),e.forEach((e,t)=>{e.index=t,e.orientation=this.orientation,e.completed=t<this.current,e.active=t===this.current})})}static{this.styles=[i,n`
 			:host {
 				--_stepper-gap: 0.5rem;
 				display: block;

package/dist/cdn/components/moni-switch.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as c}from"../chunks/if-defined-CuEAJKpp.js";var l=class extends t{static{this.formAssociated=!0}constructor(){super(),this.label=``,this.checked=!1,this.disabled=!1,this.icon=!1,this.uncheckedIcon=``,this.checkedIcon=``,this.name=``,this.value=``,this._internals=this.attachInternals()}updated(e){this._input&&(e.has(`checked`)&&(this._input.checked=this.checked,this._internals?.setFormValue?.(this.checked?this.value||`on`:null)),e.has(`disabled`)&&(this._input.disabled=this.disabled))}_onChange(e){this.checked=e.target.checked,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as c}from"../chunks/if-defined-DlAUOFi9.js";var l=class extends t{static{this.formAssociated=!0}constructor(){super(),this.label=``,this.checked=!1,this.disabled=!1,this.icon=!1,this.uncheckedIcon=``,this.checkedIcon=``,this.name=``,this.value=``,this._internals=this.attachInternals()}updated(e){this._input&&(e.has(`checked`)&&(this._input.checked=this.checked,this._internals?.setFormValue?.(this.checked?this.value||`on`:null)),e.has(`disabled`)&&(this._input.disabled=this.disabled))}_onChange(e){this.checked=e.target.checked,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}static{this.styles=[i,n`
 			:host {
 				display: inline-flex;
 				font-family: var(--font);

package/dist/cdn/components/moni-tab.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.active=!1,this.icon=``,this.label=``,this.href=`#`}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.active=!1,this.icon=``,this.label=``,this.href=`#`}static{this.styles=[i,n`
 			:host {
 				display: inline-flex;
 				font-family: var(--font);

package/dist/cdn/components/moni-tabs.js

@@ -1,4 +1,4 @@
-import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.mode=`primary`,this.scrollable=!1,this.vertical=!1,this.align=`default`,this.indicatorSize=`default`}static{this.styles=[i,n`
+import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.mode=`primary`,this.scrollable=!1,this.vertical=!1,this.align=`default`,this.indicatorSize=`default`}static{this.styles=[i,n`
 			:host {
 				display: block;
 				font-family: var(--font);