@moni-labs/moni-ui 0.4.5 → 0.4.7

package/dist/cdn/components/moni-color-field.js

@@ -1,4 +1,4 @@
-import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/if-defined-DlAUOFi9.js";import{t as d}from"../chunks/class-map-EVPcxmRq.js";var f=class extends n{constructor(...e){super(...e),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=`#6750a4`}updated(e){e.has(`value`)&&(this._colorInput&&(this._colorInput.value=this.value),this._textInput&&(this._textInput.value=this.value)),e.has(`disabled`)&&(this._colorInput&&(this._colorInput.disabled=this.disabled),this._textInput&&(this._textInput.disabled=this.disabled))}static{this.styles=[o,i,r`
+import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/if-defined-DlAUOFi9.js";import{t as f}from"../chunks/class-map-EVPcxmRq.js";var p=class extends n{static{this.formAssociated=!0}constructor(){super(),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=`#6750a4`,this._internals=this.attachInternals()}updated(e){e.has(`value`)&&(this._colorInput&&(this._colorInput.value=this.value),this._textInput&&(this._textInput.value=this.value)),e.has(`disabled`)&&(this._colorInput&&(this._colorInput.disabled=this.disabled),this._textInput&&(this._textInput.disabled=this.disabled)),this._internals?.setFormValue?.(this.value)}_onColorInput(e){let t=e.target;this.value=t.value,this._internals?.setFormValue?.(this.value),u(this,`moni-input`,{detail:{value:this.value,originalEvent:e}})}_onColorChange(e){let t=e.target;this.value=t.value,this._internals?.setFormValue?.(this.value),u(this,`moni-change`,{detail:{value:this.value,originalEvent:e}})}static{this.styles=[o,i,r`
 			.swatch {
 				inline-size: 1.5rem;
 				block-size: 1.5rem;
@@ -20,7 +20,7 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
 				z-index: 2;
 				cursor: pointer;
 			}
-		`]}render(){let n=!!this.value,r={field:!0,label:!!this.label,fill:this.variant===`filled`,border:this.variant===`outlined`,small:this.size===`small`,large:this.size===`large`,extra:this.size===`extra`,prefix:!0,invalid:this.error,round:this.shape===`round`,square:this.shape===`no-round`};return t`<div class=${d(r)} part="field">
+		`]}render(){let n=!!this.value,r={field:!0,label:!!this.label,fill:this.variant===`filled`,border:this.variant===`outlined`,small:this.size===`small`,large:this.size===`large`,extra:this.size===`extra`,prefix:!0,invalid:this.error,round:this.shape===`round`,square:this.shape===`no-round`};return t`<div class=${f(r)} part="field">
 			<span
 				class="swatch"
 				style="--_swatch: ${this.value};"
@@ -31,24 +31,28 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
 				part="color"
 				.value=${this.value}
 				?disabled=${this.disabled}
-				name=${u(this.name?`${this.name}-color`:void 0)}
 				tabindex="-1"
+				aria-label=${d(this.label||void 0)}
+				@input=${this._onColorInput}
+				@change=${this._onColorChange}
 			/>
 			<input
+				id="input"
 				type="text"
 				part="text"
 				readonly
 				.value=${this.value}
 				?disabled=${this.disabled}
-				name=${u(this.name||void 0)}
+				name=${d(this.name||void 0)}
 				class=${n?`active`:``}
 			/>
 			${this.label?t`<label
+						for="input"
 						part="label"
-						class=${d({active:n})}
+						class=${f({active:n})}
 						>${this.label}</label
 					>`:e}
 			${this.error?t`<output part="helper" class="invalid"
 						>${this.errorText||this.helper}</output
 					>`:this.helper?t`<output part="helper">${this.helper}</output>`:e}
-		</div>`}};c([a({reflect:!0})],f.prototype,`name`,void 0),c([a({reflect:!0})],f.prototype,`label`,void 0),c([a({reflect:!0})],f.prototype,`variant`,void 0),c([a({reflect:!0})],f.prototype,`size`,void 0),c([a({reflect:!0})],f.prototype,`shape`,void 0),c([a({type:Boolean,reflect:!0})],f.prototype,`disabled`,void 0),c([a({reflect:!0})],f.prototype,`helper`,void 0),c([a({reflect:!0,attribute:`error-text`})],f.prototype,`errorText`,void 0),c([a({type:Boolean,reflect:!0})],f.prototype,`error`,void 0),c([a({reflect:!0})],f.prototype,`value`,void 0),c([l(`input[type="color"]`)],f.prototype,`_colorInput`,void 0),c([l(`input[type="text"]`)],f.prototype,`_textInput`,void 0),f=c([s(`moni-color-field`)],f);
+		</div>`}};c([a({reflect:!0})],p.prototype,`name`,void 0),c([a({reflect:!0})],p.prototype,`label`,void 0),c([a({reflect:!0})],p.prototype,`variant`,void 0),c([a({reflect:!0})],p.prototype,`size`,void 0),c([a({reflect:!0})],p.prototype,`shape`,void 0),c([a({type:Boolean,reflect:!0})],p.prototype,`disabled`,void 0),c([a({reflect:!0})],p.prototype,`helper`,void 0),c([a({reflect:!0,attribute:`error-text`})],p.prototype,`errorText`,void 0),c([a({type:Boolean,reflect:!0})],p.prototype,`error`,void 0),c([a({reflect:!0})],p.prototype,`value`,void 0),c([l(`input[type="color"]`)],p.prototype,`_colorInput`,void 0),c([l(`input[type="text"]`)],p.prototype,`_textInput`,void 0),p=c([s(`moni-color-field`)],p);

package/dist/cdn/components/moni-nav.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-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.placement=`top`,this.variant=`rail`,this.modal=!1,this.open=!0,this.layout=`auto`,this._propagateToItems=()=>{this.querySelectorAll(`moni-nav-item`).forEach(e=>{e.setAttribute(`placement`,this.placement),e.setAttribute(`variant`,this.variant),e.setAttribute(`layout`,this.layout)})}}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener(`keydown`,this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this._onKeydown)}_onKeydown(e){e.key===`Escape`&&this.modal&&this.open&&(this.open=!1)}_closeModal(){this.modal&&(this.open=!1)}updated(e){(e.has(`placement`)||e.has(`variant`)||e.has(`layout`)||e.has(`modal`)||e.has(`open`))&&this._propagateToItems()}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/if-defined-DlAUOFi9.js";var c=class extends t{constructor(...e){super(...e),this.placement=`top`,this.variant=`rail`,this.modal=!1,this.open=!0,this.layout=`auto`,this._propagateToItems=()=>{this.querySelectorAll(`moni-nav-item`).forEach(e=>{e.setAttribute(`placement`,this.placement),e.setAttribute(`variant`,this.variant),e.setAttribute(`layout`,this.layout)})}}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener(`keydown`,this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this._onKeydown)}_onKeydown(e){e.key===`Escape`&&this.modal&&this.open&&(this.open=!1)}_closeModal(){this.modal&&(this.open=!1)}updated(e){(e.has(`placement`)||e.has(`variant`)||e.has(`layout`)||e.has(`modal`)||e.has(`open`))&&this._propagateToItems()}static{this.styles=[i,n`
 			:host {
 				/* Block so the host establishes a layout context for fixed
 				   descendants. The inner <nav> still handles all positioning. */
@@ -151,11 +151,11 @@ 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-
 				></div>`:``;return e`${r}<nav
 				class=${n}
 				part="nav"
-				role=${t?`dialog`:void 0}
-				aria-modal=${t?`true`:void 0}
-				aria-expanded=${t?this.open?`true`:`false`:void 0}
+				role=${s(t?`dialog`:void 0)}
+				aria-modal=${s(t?`true`:void 0)}
+				aria-expanded=${s(t?this.open?`true`:`false`:void 0)}
 			>
 				<slot name="header"></slot>
 				<slot @slotchange=${this._propagateToItems}></slot>
 				<slot name="footer"></slot>
-			</nav>`}};o([r({reflect:!0})],s.prototype,`placement`,void 0),o([r({reflect:!0})],s.prototype,`variant`,void 0),o([r({type:Boolean,reflect:!0})],s.prototype,`modal`,void 0),o([r({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),o([r({reflect:!0})],s.prototype,`layout`,void 0),s=o([a(`moni-nav`)],s);
+			</nav>`}};o([r({reflect:!0})],c.prototype,`placement`,void 0),o([r({reflect:!0})],c.prototype,`variant`,void 0),o([r({type:Boolean,reflect:!0})],c.prototype,`modal`,void 0),o([r({type:Boolean,reflect:!0})],c.prototype,`open`,void 0),o([r({reflect:!0})],c.prototype,`layout`,void 0),c=o([a(`moni-nav`)],c);

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

@@ -1,4 +1,4 @@
-import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../chunks/decorate-D4jKxi6H.js";import{t as u}from"../chunks/query-SWT-tzvq.js";import{t as d}from"../chunks/event-emitter-CGhsijUg.js";import"./moni-icon.js";import{t as f}from"../chunks/if-defined-DlAUOFi9.js";import"./moni-progress.js";import{t as p}from"../chunks/class-map-EVPcxmRq.js";import"./moni-select-option.js";var m=class extends r{static{this.formAssociated=!0}constructor(){super(),this.name=``,this.label=``,this.variant=`filled`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.loading=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=``,this.icon=``,this.trailingIcon=`arrow_drop_down`,this.searchable=!1,this.clearable=!1,this.sheet=!1,this.placeholder=``,this.positioning=`absolute`,this.placement=`auto`,this.dropdownWidth=`trigger`,this.dropdownMaxHeight=``,this._open=!1,this._searchQuery=``,this._actualPlacement=`bottom`,this._parsedOptions=[],this._activeIndex=-1,this._menuStyle=``,this._menuMaxHeight=`75vh`,this._useInlineCategories=!1,this._drilldownPath=[],this._handleOutsideClick=e=>{this._open&&!e.composedPath().includes(this)&&this._closeDropdown()},this._handlePeerOpen=e=>{let t=e.detail?.item;t&&t!==this&&this._open&&this._closeDropdown()},this._handleScroll=()=>{this._open&&(this._determineActualPlacement(),this._updateMenuPosition())},this._handleResize=()=>{this._open&&(this._determineActualPlacement(),this._updateMenuPosition())},this._internals=this.attachInternals()}static{this.styles=[s,a,i`
+import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../chunks/decorate-D4jKxi6H.js";import{t as u}from"../chunks/query-SWT-tzvq.js";import{t as d}from"../chunks/event-emitter-CGhsijUg.js";import"./moni-icon.js";import{t as f}from"../chunks/if-defined-DlAUOFi9.js";import"./moni-progress.js";import{t as p}from"../chunks/class-map-EVPcxmRq.js";import"./moni-select-option.js";var m=class extends r{static{this.formAssociated=!0}constructor(){super(),this.name=``,this.label=``,this.variant=`filled`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.required=!1,this.loading=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=``,this.icon=``,this.trailingIcon=`arrow_drop_down`,this.searchable=!1,this.clearable=!1,this.sheet=!1,this.placeholder=``,this.positioning=`absolute`,this.placement=`auto`,this.dropdownWidth=`trigger`,this.dropdownMaxHeight=``,this._open=!1,this._searchQuery=``,this._actualPlacement=`bottom`,this._parsedOptions=[],this._activeIndex=-1,this._menuStyle=``,this._menuMaxHeight=`75vh`,this._useInlineCategories=!1,this._drilldownPath=[],this._handleOutsideClick=e=>{this._open&&!e.composedPath().includes(this)&&this._closeDropdown()},this._handlePeerOpen=e=>{let t=e.detail?.item;t&&t!==this&&this._open&&this._closeDropdown()},this._handleScroll=()=>{this._open&&(this._determineActualPlacement(),this._updateMenuPosition())},this._handleResize=()=>{this._open&&(this._determineActualPlacement(),this._updateMenuPosition())},this._internals=this.attachInternals()}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}_syncValidity(){if(this._internals?.setValidity){if(this.required&&!this.value){this._internals.setValidity({valueMissing:!0},`Selecciona una opción.`,this._input??void 0);return}this._internals.setValidity({})}}static{this.styles=[s,a,i`
 			:host {
 				position: relative;
 				display: block;
@@ -330,7 +330,7 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
 				color: var(--outline);
 				text-align: center;
 			}
-		`]}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this._handleOutsideClick),document.addEventListener(`moni-select-open`,this._handlePeerOpen),window.addEventListener(`scroll`,this._handleScroll,{capture:!0}),window.addEventListener(`resize`,this._handleResize),window.visualViewport?.addEventListener(`scroll`,this._handleScroll),window.visualViewport?.addEventListener(`resize`,this._handleResize)}disconnectedCallback(){this._hideBodyPopover(),super.disconnectedCallback(),document.removeEventListener(`click`,this._handleOutsideClick),document.removeEventListener(`moni-select-open`,this._handlePeerOpen),window.removeEventListener(`scroll`,this._handleScroll,{capture:!0}),window.removeEventListener(`resize`,this._handleResize),window.visualViewport?.removeEventListener(`scroll`,this._handleScroll),window.visualViewport?.removeEventListener(`resize`,this._handleResize)}updated(e){super.updated(e),e.has(`value`)&&this._internals?.setFormValue?.(this.value),(e.has(`_open`)||e.has(`_drilldownPath`)||e.has(`_searchQuery`)||e.has(`_useInlineCategories`)||e.has(`_parsedOptions`))&&this._updateWrapperHeight(),this._open&&(e.has(`positioning`)||e.has(`placement`)||e.has(`dropdownWidth`)||e.has(`dropdownMaxHeight`))&&this._updateMenuPosition(),(e.has(`_open`)||e.has(`positioning`)||e.has(`sheet`))&&this._syncBodyPopover()}_updateWrapperHeight(){let e=this.shadowRoot?.querySelector(`.drilldown-wrapper`);if(e){if(!this._open||this.sheet){e.style.height=``;return}requestAnimationFrame(()=>{let t=this.shadowRoot?.querySelector(`.drilldown-panel.panel-active`);t?e.style.height=`${t.scrollHeight}px`:e.style.height=``})}}_syncBodyPopover(){let e=this._menu;if(!e||typeof e.showPopover!=`function`)return;let t=this._open&&!this.sheet&&this.positioning===`body`;try{let n=e.matches(`:popover-open`);t&&!n?e.showPopover():!t&&n&&e.hidePopover()}catch{}}_hideBodyPopover(){let e=this._menu;if(!(!e||typeof e.hidePopover!=`function`))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}_getViewportMetrics(){let e=window.visualViewport,t=e?.offsetTop??0,n=e?.offsetLeft??0,r=e?.height??window.innerHeight,i=e?.width??window.innerWidth;return{top:t,left:n,height:r,width:i,bottom:t+r,right:n+i}}_getDirectionalAvailableHeight(e,t){let n=this._getViewportMetrics(),r=n.height*.75;if(e===`bottom`){let e=n.bottom-t.bottom-8,i=t.bottom-n.top+8;return Math.max(0,Math.floor(Math.min(r,e,r-i)))}let i=t.top-n.top-8,a=n.bottom-t.top+8;return Math.max(0,Math.floor(Math.min(r,i,r-a)))}_normalizeManualMaxHeight(){let e=this.dropdownMaxHeight.trim();if(!e)return``;let t=/^\d+(?:\.\d+)?$/.test(e)?`${e}px`:e;return typeof CSS<`u`&&typeof CSS.supports==`function`&&!CSS.supports(`max-height`,t)?``:t}_resolveManualMaxHeightPx(e,t){let n=e.match(/^(\d+(?:\.\d+)?)(px|vh|dvh|svh|lvh|%|rem)$/i);if(!n)return null;let r=Number(n[1]),i=n[2].toLowerCase();return i===`px`?r:i===`rem`?r*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16):r/100*t}_getMenuHeightConstraint(e,t=this._actualPlacement){let n=this._getViewportMetrics(),r=t===`top`||t===`bottom`?this._getDirectionalAvailableHeight(t,e):Math.max(0,Math.floor(Math.min(n.height*.75,n.height-16))),i=this._normalizeManualMaxHeight(),a=i?this._resolveManualMaxHeightPx(i,n.height):null,o=a===null?r:Math.min(r,a);return{css:i?`min(${r}px, ${i})`:`${r}px`,px:Math.max(0,o)}}_estimateDesiredMenuHeight(){let e=this._getViewportMetrics(),t=this._searchQuery?this._getFilteredOptions().length:this._parsedOptions.length,n=Math.min(e.height*.75,Math.max(48,t*40+8)),r=this._normalizeManualMaxHeight(),i=r?this._resolveManualMaxHeightPx(r,e.height):null;return i!==null&&(n=Math.min(n,i)),n}_getGroupDepth(e){return e.reduce((e,t)=>t.type===`option`?e:Math.max(e,1+this._getGroupDepth(t.children)),0)}_hasOversizedGroupPanel(e,t){return e.some(e=>e.type===`option`?!1:e.children.length*40+8>t||this._hasOversizedGroupPanel(e.children,t))}_getAvailableFlyoutWidth(e){let t=this._getViewportMetrics(),n=t.left,r=t.right;if(this.positioning!==`body`){let e=this;for(;e;){let t=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode;if(t instanceof HTMLElement){let e=getComputedStyle(t);if(/(auto|scroll|hidden|clip)/.test(e.overflowX)){let e=t.getBoundingClientRect();n=Math.max(n,e.left),r=Math.min(r,e.right)}}e=t}}return Math.max(0,Math.max(r-e.right,e.left-n))}_determineActualPlacement(){if(this.sheet){this._actualPlacement=`bottom`;return}let e=this.getBoundingClientRect(),t=this._getViewportMetrics(),n=this._getDirectionalAvailableHeight(`bottom`,e),r=this._getDirectionalAvailableHeight(`top`,e),i=t.right-e.right,a=e.left-t.left,o=this._estimateDesiredMenuHeight(),s=this.placement;s===`auto`&&(s=n>=o?`bottom`:r>n?`top`:`bottom`),s===`top`?this._actualPlacement=r<o&&n>r?`bottom`:`top`:s===`bottom`?this._actualPlacement=n<o&&r>n?`top`:`bottom`:s===`left`?this._actualPlacement=a<180&&i>a?`right`:`left`:s===`right`&&(this._actualPlacement=i<180&&a>i?`left`:`right`)}_updateMenuPosition(){if(!this._open||this.sheet)return;this._determineActualPlacement();let e=this.getBoundingClientRect(),t=this._getViewportMetrics(),n=this._getMenuHeightConstraint(e);this._menuMaxHeight=n.css;let r=this._parsedOptions.some(e=>e.type===`group`),i=this._parsedOptions.length*40+8,a=this._getGroupDepth(this._parsedOptions)*160,o=this._getAvailableFlyoutWidth(e),s=t.width<600||r&&o<a,c=r&&(i>n.px||this._hasOversizedGroupPanel(this._parsedOptions,n.px));if(this._useInlineCategories=s||c,this.positioning!==`fixed`&&this.positioning!==`body`){this._menuStyle=``;return}let l=``;if(l=this.dropdownWidth===`trigger`?`width: ${e.width}px;`:this.dropdownWidth===`auto`?`width: auto; min-width: 160px; max-width: 320px;`:`width: ${this.dropdownWidth};`,this._actualPlacement===`top`)this._menuStyle=`
+		`]}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this._handleOutsideClick),document.addEventListener(`moni-select-open`,this._handlePeerOpen),window.addEventListener(`scroll`,this._handleScroll,{capture:!0}),window.addEventListener(`resize`,this._handleResize),window.visualViewport?.addEventListener(`scroll`,this._handleScroll),window.visualViewport?.addEventListener(`resize`,this._handleResize)}disconnectedCallback(){this._hideBodyPopover(),super.disconnectedCallback(),document.removeEventListener(`click`,this._handleOutsideClick),document.removeEventListener(`moni-select-open`,this._handlePeerOpen),window.removeEventListener(`scroll`,this._handleScroll,{capture:!0}),window.removeEventListener(`resize`,this._handleResize),window.visualViewport?.removeEventListener(`scroll`,this._handleScroll),window.visualViewport?.removeEventListener(`resize`,this._handleResize)}updated(e){super.updated(e),e.has(`value`)&&this._internals?.setFormValue?.(this.value),this._syncValidity(),(e.has(`_open`)||e.has(`_drilldownPath`)||e.has(`_searchQuery`)||e.has(`_useInlineCategories`)||e.has(`_parsedOptions`))&&this._updateWrapperHeight(),this._open&&(e.has(`positioning`)||e.has(`placement`)||e.has(`dropdownWidth`)||e.has(`dropdownMaxHeight`))&&this._updateMenuPosition(),(e.has(`_open`)||e.has(`positioning`)||e.has(`sheet`))&&this._syncBodyPopover()}_updateWrapperHeight(){let e=this.shadowRoot?.querySelector(`.drilldown-wrapper`);if(e){if(!this._open||this.sheet){e.style.height=``;return}requestAnimationFrame(()=>{let t=this.shadowRoot?.querySelector(`.drilldown-panel.panel-active`);t?e.style.height=`${t.scrollHeight}px`:e.style.height=``})}}_syncBodyPopover(){let e=this._menu;if(!e||typeof e.showPopover!=`function`)return;let t=this._open&&!this.sheet&&this.positioning===`body`;try{let n=e.matches(`:popover-open`);t&&!n?e.showPopover():!t&&n&&e.hidePopover()}catch{}}_hideBodyPopover(){let e=this._menu;if(!(!e||typeof e.hidePopover!=`function`))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}_getViewportMetrics(){let e=window.visualViewport,t=e?.offsetTop??0,n=e?.offsetLeft??0,r=e?.height??window.innerHeight,i=e?.width??window.innerWidth;return{top:t,left:n,height:r,width:i,bottom:t+r,right:n+i}}_getDirectionalAvailableHeight(e,t){let n=this._getViewportMetrics(),r=n.height*.75;if(e===`bottom`){let e=n.bottom-t.bottom-8,i=t.bottom-n.top+8;return Math.max(0,Math.floor(Math.min(r,e,r-i)))}let i=t.top-n.top-8,a=n.bottom-t.top+8;return Math.max(0,Math.floor(Math.min(r,i,r-a)))}_normalizeManualMaxHeight(){let e=this.dropdownMaxHeight.trim();if(!e)return``;let t=/^\d+(?:\.\d+)?$/.test(e)?`${e}px`:e;return typeof CSS<`u`&&typeof CSS.supports==`function`&&!CSS.supports(`max-height`,t)?``:t}_resolveManualMaxHeightPx(e,t){let n=e.match(/^(\d+(?:\.\d+)?)(px|vh|dvh|svh|lvh|%|rem)$/i);if(!n)return null;let r=Number(n[1]),i=n[2].toLowerCase();return i===`px`?r:i===`rem`?r*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16):r/100*t}_getMenuHeightConstraint(e,t=this._actualPlacement){let n=this._getViewportMetrics(),r=t===`top`||t===`bottom`?this._getDirectionalAvailableHeight(t,e):Math.max(0,Math.floor(Math.min(n.height*.75,n.height-16))),i=this._normalizeManualMaxHeight(),a=i?this._resolveManualMaxHeightPx(i,n.height):null,o=a===null?r:Math.min(r,a);return{css:i?`min(${r}px, ${i})`:`${r}px`,px:Math.max(0,o)}}_estimateDesiredMenuHeight(){let e=this._getViewportMetrics(),t=this._searchQuery?this._getFilteredOptions().length:this._parsedOptions.length,n=Math.min(e.height*.75,Math.max(48,t*40+8)),r=this._normalizeManualMaxHeight(),i=r?this._resolveManualMaxHeightPx(r,e.height):null;return i!==null&&(n=Math.min(n,i)),n}_getGroupDepth(e){return e.reduce((e,t)=>t.type===`option`?e:Math.max(e,1+this._getGroupDepth(t.children)),0)}_hasOversizedGroupPanel(e,t){return e.some(e=>e.type===`option`?!1:e.children.length*40+8>t||this._hasOversizedGroupPanel(e.children,t))}_getAvailableFlyoutWidth(e){let t=this._getViewportMetrics(),n=t.left,r=t.right;if(this.positioning!==`body`){let e=this;for(;e;){let t=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode;if(t instanceof HTMLElement){let e=getComputedStyle(t);if(/(auto|scroll|hidden|clip)/.test(e.overflowX)){let e=t.getBoundingClientRect();n=Math.max(n,e.left),r=Math.min(r,e.right)}}e=t}}return Math.max(0,Math.max(r-e.right,e.left-n))}_determineActualPlacement(){if(this.sheet){this._actualPlacement=`bottom`;return}let e=this.getBoundingClientRect(),t=this._getViewportMetrics(),n=this._getDirectionalAvailableHeight(`bottom`,e),r=this._getDirectionalAvailableHeight(`top`,e),i=t.right-e.right,a=e.left-t.left,o=this._estimateDesiredMenuHeight(),s=this.placement;s===`auto`&&(s=n>=o?`bottom`:r>n?`top`:`bottom`),s===`top`?this._actualPlacement=r<o&&n>r?`bottom`:`top`:s===`bottom`?this._actualPlacement=n<o&&r>n?`top`:`bottom`:s===`left`?this._actualPlacement=a<180&&i>a?`right`:`left`:s===`right`&&(this._actualPlacement=i<180&&a>i?`left`:`right`)}_updateMenuPosition(){if(!this._open||this.sheet)return;this._determineActualPlacement();let e=this.getBoundingClientRect(),t=this._getViewportMetrics(),n=this._getMenuHeightConstraint(e);this._menuMaxHeight=n.css;let r=this._parsedOptions.some(e=>e.type===`group`),i=this._parsedOptions.length*40+8,a=this._getGroupDepth(this._parsedOptions)*160,o=this._getAvailableFlyoutWidth(e),s=t.width<600||r&&o<a,c=r&&(i>n.px||this._hasOversizedGroupPanel(this._parsedOptions,n.px));if(this._useInlineCategories=s||c,this.positioning!==`fixed`&&this.positioning!==`body`){this._menuStyle=``;return}let l=``;if(l=this.dropdownWidth===`trigger`?`width: ${e.width}px;`:this.dropdownWidth===`auto`?`width: auto; min-width: 160px; max-width: 320px;`:`width: ${this.dropdownWidth};`,this._actualPlacement===`top`)this._menuStyle=`
 				position: fixed;
 				bottom: ${window.innerHeight-e.top}px;
 				left: ${e.left}px;
@@ -444,6 +444,7 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
 				></i>`,u=this._parsedOptions.some(e=>e.type===`group`)&&!this._searchQuery&&!this._useInlineCategories,d={"dropdown-menu":!0,open:this._open,scrollable:!u,searching:!!this._searchQuery,"inline-categories":this._useInlineCategories,"placement-top":this._actualPlacement===`top`,"placement-bottom":this._actualPlacement===`bottom`,"placement-left":this._actualPlacement===`left`,"placement-right":this._actualPlacement===`right`};return n`<div class=${p(s)} part="field">
 			${c}
 			<input
+				id="input"
 				type="text"
 				part="input"
 				.value=${a}
@@ -457,6 +458,7 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
 				@keydown=${this._onKeyDown}
 			/>
 			${this.label?n`<label
+						for="input"
 						part="label"
 						class=${p({active:o})}
 						>${this.label}</label
@@ -500,4 +502,4 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
 			${this.error?n`<output part="helper" class="invalid"
 						>${this.errorText||this.helper}</output
 					>`:this.helper?n`<output part="helper">${this.helper}</output>`:t}
-		</div>`}};l([o({reflect:!0})],m.prototype,`name`,void 0),l([o({reflect:!0})],m.prototype,`label`,void 0),l([o({reflect:!0})],m.prototype,`variant`,void 0),l([o({reflect:!0})],m.prototype,`size`,void 0),l([o({reflect:!0})],m.prototype,`shape`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`loading`,void 0),l([o({reflect:!0})],m.prototype,`helper`,void 0),l([o({reflect:!0,attribute:`error-text`})],m.prototype,`errorText`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`error`,void 0),l([o({reflect:!0})],m.prototype,`value`,void 0),l([o({reflect:!0})],m.prototype,`icon`,void 0),l([o({reflect:!0,attribute:`trailing-icon`})],m.prototype,`trailingIcon`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`searchable`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`clearable`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`sheet`,void 0),l([o({reflect:!0})],m.prototype,`placeholder`,void 0),l([o({reflect:!0})],m.prototype,`positioning`,void 0),l([o({reflect:!0})],m.prototype,`placement`,void 0),l([o({reflect:!0,attribute:`dropdown-width`})],m.prototype,`dropdownWidth`,void 0),l([o({reflect:!0,attribute:`dropdown-max-height`})],m.prototype,`dropdownMaxHeight`,void 0),l([e()],m.prototype,`_open`,void 0),l([e()],m.prototype,`_searchQuery`,void 0),l([e()],m.prototype,`_actualPlacement`,void 0),l([e()],m.prototype,`_parsedOptions`,void 0),l([e()],m.prototype,`_activeIndex`,void 0),l([e()],m.prototype,`_menuStyle`,void 0),l([e()],m.prototype,`_menuMaxHeight`,void 0),l([e()],m.prototype,`_useInlineCategories`,void 0),l([e()],m.prototype,`_drilldownPath`,void 0),l([u(`slot`)],m.prototype,`_slot`,void 0),l([u(`input`)],m.prototype,`_input`,void 0),l([u(`.dropdown-menu`)],m.prototype,`_menu`,void 0),m=l([c(`moni-select`)],m);
+		</div>`}};l([o({reflect:!0})],m.prototype,`name`,void 0),l([o({reflect:!0})],m.prototype,`label`,void 0),l([o({reflect:!0})],m.prototype,`variant`,void 0),l([o({reflect:!0})],m.prototype,`size`,void 0),l([o({reflect:!0})],m.prototype,`shape`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`required`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`loading`,void 0),l([o({reflect:!0})],m.prototype,`helper`,void 0),l([o({reflect:!0,attribute:`error-text`})],m.prototype,`errorText`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`error`,void 0),l([o({reflect:!0})],m.prototype,`value`,void 0),l([o({reflect:!0})],m.prototype,`icon`,void 0),l([o({reflect:!0,attribute:`trailing-icon`})],m.prototype,`trailingIcon`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`searchable`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`clearable`,void 0),l([o({type:Boolean,reflect:!0})],m.prototype,`sheet`,void 0),l([o({reflect:!0})],m.prototype,`placeholder`,void 0),l([o({reflect:!0})],m.prototype,`positioning`,void 0),l([o({reflect:!0})],m.prototype,`placement`,void 0),l([o({reflect:!0,attribute:`dropdown-width`})],m.prototype,`dropdownWidth`,void 0),l([o({reflect:!0,attribute:`dropdown-max-height`})],m.prototype,`dropdownMaxHeight`,void 0),l([e()],m.prototype,`_open`,void 0),l([e()],m.prototype,`_searchQuery`,void 0),l([e()],m.prototype,`_actualPlacement`,void 0),l([e()],m.prototype,`_parsedOptions`,void 0),l([e()],m.prototype,`_activeIndex`,void 0),l([e()],m.prototype,`_menuStyle`,void 0),l([e()],m.prototype,`_menuMaxHeight`,void 0),l([e()],m.prototype,`_useInlineCategories`,void 0),l([e()],m.prototype,`_drilldownPath`,void 0),l([u(`slot`)],m.prototype,`_slot`,void 0),l([u(`input`)],m.prototype,`_input`,void 0),l([u(`.dropdown-menu`)],m.prototype,`_menu`,void 0),m=l([c(`moni-select`)],m);

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-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`
+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,e.setAttribute(`role`,`listitem`)})})}static{this.styles=[i,n`
 			:host {
 				--_stepper-gap: 0.5rem;
 				display: block;