@moni-labs/moni-ui 0.4.5 → 0.4.6

package/dist/browser/moni-ui.iife.min.js

@@ -2688,7 +2688,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 			${i}
 			<span part="label"><slot></slot></span>
 			${a}
-		</button>`}};K([V({reflect:!0})],dt.prototype,`variant`,void 0),K([V({reflect:!0})],dt.prototype,`size`,void 0),K([V({reflect:!0})],dt.prototype,`shape`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`selected`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`removable`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`disabled`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`loading`,void 0),K([V({reflect:!0})],dt.prototype,`icon`,void 0),K([H()],dt.prototype,`_hasSlottedIcon`,void 0),dt=K([B(`moni-chip`)],dt);var ft=rt(class extends it{constructor(e){if(super(e),e.type!==nt.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(e,[t]){if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}let n=e.element.classList;for(let e of this.st)e in t||(n.remove(e),this.st.delete(e));for(let e in t){let r=!!t[e];r===this.st.has(e)||this.nt?.has(e)||(r?(n.add(e),this.st.add(e)):(n.remove(e),this.st.delete(e)))}return ye}}),pt=class extends W{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=[G,Ge,g`
+		</button>`}};K([V({reflect:!0})],dt.prototype,`variant`,void 0),K([V({reflect:!0})],dt.prototype,`size`,void 0),K([V({reflect:!0})],dt.prototype,`shape`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`selected`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`removable`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`disabled`,void 0),K([V({type:Boolean,reflect:!0})],dt.prototype,`loading`,void 0),K([V({reflect:!0})],dt.prototype,`icon`,void 0),K([H()],dt.prototype,`_hasSlottedIcon`,void 0),dt=K([B(`moni-chip`)],dt);var ft=rt(class extends it{constructor(e){if(super(e),e.type!==nt.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(e,[t]){if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}let n=e.element.classList;for(let e of this.st)e in t||(n.remove(e),this.st.delete(e));for(let e in t){let r=!!t[e];r===this.st.has(e)||this.nt?.has(e)||(r?(n.add(e),this.st.add(e)):(n.remove(e),this.st.delete(e)))}return ye}}),pt=class extends W{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),Je(this,`moni-input`,{detail:{value:this.value,originalEvent:e}})}_onColorChange(e){let t=e.target;this.value=t.value,this._internals?.setFormValue?.(this.value),Je(this,`moni-change`,{detail:{value:this.value,originalEvent:e}})}static{this.styles=[G,Ge,g`
 			.swatch {
 				inline-size: 1.5rem;
 				block-size: 1.5rem;
@@ -2721,10 +2721,12 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				part="color"
 				.value=${this.value}
 				?disabled=${this.disabled}
-				name=${Xe(this.name?`${this.name}-color`:void 0)}
 				tabindex="-1"
+				@input=${this._onColorInput}
+				@change=${this._onColorChange}
 			/>
 			<input
+				id="input"
 				type="text"
 				part="text"
 				readonly
@@ -2734,6 +2736,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				class=${e?`active`:``}
 			/>
 			${this.label?R`<label
+						for="input"
 						part="label"
 						class=${ft({active:e})}
 						>${this.label}</label
@@ -3758,9 +3761,9 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				></div>`:``}<nav
 				class=${t}
 				part="nav"
-				role=${e?`dialog`:void 0}
-				aria-modal=${e?`true`:void 0}
-				aria-expanded=${e?this.open?`true`:`false`:void 0}
+				role=${Xe(e?`dialog`:void 0)}
+				aria-modal=${Xe(e?`true`:void 0)}
+				aria-expanded=${Xe(e?this.open?`true`:`false`:void 0)}
 			>
 				<slot name="header"></slot>
 				<slot @slotchange=${this._propagateToItems}></slot>
@@ -4616,6 +4619,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				></i>`,c=this._parsedOptions.some(e=>e.type===`group`)&&!this._searchQuery&&!this._useInlineCategories,l={"dropdown-menu":!0,open:this._open,scrollable:!c,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 R`<div class=${ft(a)} part="field">
 			${o}
 			<input
+				id="input"
 				type="text"
 				part="input"
 				.value=${r}
@@ -4629,6 +4633,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				@keydown=${this._onKeyDown}
 			/>
 			${this.label?R`<label
+						for="input"
 						part="label"
 						class=${ft({active:i})}
 						>${this.label}</label
@@ -5136,7 +5141,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 					>${this.description}</span
 				>
 			</div>
-		`}};K([V({reflect:!0})],Nt.prototype,`title`,void 0),K([V({reflect:!0})],Nt.prototype,`description`,void 0),K([V({type:Boolean,reflect:!0})],Nt.prototype,`active`,void 0),K([V({type:Boolean,reflect:!0})],Nt.prototype,`completed`,void 0),K([V({reflect:!0})],Nt.prototype,`icon`,void 0),K([V({type:Number,reflect:!0})],Nt.prototype,`index`,void 0),K([V({reflect:!0})],Nt.prototype,`orientation`,void 0),Nt=K([B(`moni-step`)],Nt);var Pt=class extends W{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=[G,g`
+		`}};K([V({reflect:!0})],Nt.prototype,`title`,void 0),K([V({reflect:!0})],Nt.prototype,`description`,void 0),K([V({type:Boolean,reflect:!0})],Nt.prototype,`active`,void 0),K([V({type:Boolean,reflect:!0})],Nt.prototype,`completed`,void 0),K([V({reflect:!0})],Nt.prototype,`icon`,void 0),K([V({type:Number,reflect:!0})],Nt.prototype,`index`,void 0),K([V({reflect:!0})],Nt.prototype,`orientation`,void 0),Nt=K([B(`moni-step`)],Nt);var Pt=class extends W{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=[G,g`
 			:host {
 				--_stepper-gap: 0.5rem;
 				display: block;
@@ -5481,6 +5486,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 					>`:this.helper?R`<output part="helper">${this.helper}</output>`:z,u=l||c;return R`<div class=${ft(i)} part="field">
 			${o}
 			<textarea
+				id="input"
 				part="input"
 				rows=${this.rows}
 				maxlength=${Xe(this.maxlength??void 0)}
@@ -5492,6 +5498,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				@input=${this._handleInput}
 			></textarea>
 			${this.label?R`<label
+						for="input"
 						part="label"
 						class=${ft({active:n})}
 						>${this.label}</label
@@ -5562,6 +5569,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 						>`:z;return R`<div class=${ft(r)} part="field">
 			${a}
 			<input
+				id="input"
 				part="input"
 				type=${this.type}
 				placeholder=${i}
@@ -5573,6 +5581,7 @@ var MoniUI=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Modul
 				@change=${this._handleChange}
 			/>
 			${this.label?R`<label
+						for="input"
 						part="label"
 						class=${ft({active:n})}
 						>${this.label}</label