@3mo/date-time-fields 0.5.3 → 0.5.4

package/dist/FieldDateTime.js

@@ -10,12 +10,12 @@ let FieldDateTime = class FieldDateTime extends FieldDateTimeBase {
         return new DateTime().format(this.formatOptions);
     }
     get calendarTemplate() {
-        return html `
-			<mo-selectable-calendar
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Day)}
-			></mo-selectable-calendar>
+        return html `
+			<mo-selectable-calendar
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Day)}
+			></mo-selectable-calendar>
 		`;
     }
     handleSelectedDateChange(date, precision) {

package/dist/FieldDateTimeBase.d.ts

@@ -1,4 +1,4 @@
-import { HTMLTemplateResult } from '@a11d/lit';
+import { type HTMLTemplateResult } from '@a11d/lit';
 import { InputFieldComponent } from '@3mo/field';
 import type { MaterialIcon } from '@3mo/icon';
 import type { FocusMethod } from '@3mo/focus-controller';

package/dist/FieldDateTimeBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDateTimeBase.d.ts","sourceRoot":"","sources":["../FieldDateTimeBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAA2C,MAAM,WAAW,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,oBAAY,sBAAsB;IACjC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;CACjB;AAcD;;;;;GAKG;AACH,8BAAsB,iBAAiB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAWrE,IAAI,UAAQ;IACc,YAAY,UAAQ;IACrB,qBAAqB,gDAAe;IACpD,SAAS,yBAAgC;IAErD,OAAO,CAAC,SAAS,CAAC,CAAG;IAErB,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,QAAQ,KAAK,cAAc,IAAI,QAAQ,CAAA;IAEjD,SAAS,CAAC,QAAQ,KAAK,YAAY,IAAI,QAAQ,GAAG,SAAS,CAAA;IAE3D,SAAS,KAAK,aAAa,IAAI,IAAI,CAAC,qBAAqB,CAYxD;IAED,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ;IAWzC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ;cAWrB,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,SAAS,KAAK,WAAW,WAExB;IAED,WAAoB,MAAM,kCAmCzB;IAED,cAAuB,QAAQ,uBAK9B;IAED,cAAuB,eAAe,uBAKrC;IAED,cAAuB,aAAa,uBAanC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,uBAOvC;cAEkB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW;cAOjD,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW;IAKnE,SAAS,KAAK,eAAe,uBAQ5B;IAED,SAAS,KAAK,sBAAsB,uBAOnC;IAED,SAAS,KAAK,YAAY,uBAMzB;IAED,OAAO,KAAK,gBAAgB,GAQ3B;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,SAAS,CAAC,QAAQ,KAAK,gBAAgB,IAAI,kBAAkB,CAAA;IAE7D,OAAO,KAAK,YAAY,GAcvB;IAED,OAAO,KAAK,gBAAgB,GAQ3B;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAED,SAAS,CAAC,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB;CAKpF"}
+{"version":3,"file":"FieldDateTimeBase.d.ts","sourceRoot":"","sources":["../FieldDateTimeBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAA2C,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,oBAAY,sBAAsB;IACjC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;CACjB;AAcD;;;;;GAKG;AACH,8BAAsB,iBAAiB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAWrE,IAAI,UAAQ;IACc,YAAY,UAAQ;IACrB,qBAAqB,gDAAe;IACpD,SAAS,yBAAgC;IAErD,OAAO,CAAC,SAAS,CAAC,CAAG;IAErB,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,QAAQ,KAAK,cAAc,IAAI,QAAQ,CAAA;IAEjD,SAAS,CAAC,QAAQ,KAAK,YAAY,IAAI,QAAQ,GAAG,SAAS,CAAA;IAE3D,SAAS,KAAK,aAAa,IAAI,IAAI,CAAC,qBAAqB,CAYxD;IAED,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ;IAWzC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ;cAWrB,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,SAAS,KAAK,WAAW,WAExB;IAED,WAAoB,MAAM,kCAmCzB;IAED,cAAuB,QAAQ,uBAK9B;IAED,cAAuB,eAAe,uBAKrC;IAED,cAAuB,aAAa,uBAanC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,uBAOvC;cAEkB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW;cAOjD,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW;IAKnE,SAAS,KAAK,eAAe,uBAQ5B;IAED,SAAS,KAAK,sBAAsB,uBAOnC;IAED,SAAS,KAAK,YAAY,uBAMzB;IAED,OAAO,KAAK,gBAAgB,GAQ3B;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,SAAS,CAAC,QAAQ,KAAK,gBAAgB,IAAI,kBAAkB,CAAA;IAE7D,OAAO,KAAK,YAAY,GAcvB;IAED,OAAO,KAAK,gBAAgB,GAQ3B;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAED,SAAS,CAAC,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB;CAKpF"}

package/dist/FieldDateTimeBase.js

@@ -80,73 +80,73 @@ export class FieldDateTimeBase extends InputFieldComponent {
         return '';
     }
     static get styles() {
-        return css `
-			${super.styles}
-
-			:host {
-				position: relative;
-			}
-
-			mo-popover {
-				background: var(--mo-color-background);
-				box-shadow: var(--mo-shadow);
-				border-radius: var(--mo-border-radius);
-				color: var(--mo-color-foreground);
-			}
-
-			#selector {
-				min-height: 175px;
-			}
-
-			.timezone {
-				padding: 3px;
-				font-size: small;
-				text-align: end;
-				font-weight: 500;
-				color: var(--mo-color-gray);
-			}
-
-			input::placeholder {
-				color: transparent;
-			}
-
-			mo-field[active]:not([dense]) input::placeholder {
-				color: var(--mo-color-gray);
-			}
+        return css `
+			${super.styles}
+
+			:host {
+				position: relative;
+			}
+
+			mo-popover {
+				background: var(--mo-color-background);
+				box-shadow: var(--mo-shadow);
+				border-radius: var(--mo-border-radius);
+				color: var(--mo-color-foreground);
+			}
+
+			#selector {
+				min-height: 175px;
+			}
+
+			.timezone {
+				padding: 3px;
+				font-size: small;
+				text-align: end;
+				font-weight: 500;
+				color: var(--mo-color-gray);
+			}
+
+			input::placeholder {
+				color: transparent;
+			}
+
+			mo-field[active]:not([dense]) input::placeholder {
+				color: var(--mo-color-gray);
+			}
 		`;
     }
     get template() {
-        return html `
-			${super.template}
-			${this.popoverTemplate}
+        return html `
+			${super.template}
+			${this.popoverTemplate}
 		`;
     }
     get endSlotTemplate() {
-        return html `
-			${super.endSlotTemplate}
-			${this.calendarIconButtonTemplate}
+        return html `
+			${super.endSlotTemplate}
+			${this.calendarIconButtonTemplate}
 		`;
     }
     get inputTemplate() {
-        return html `
-			<input
-				part='input'
-				?readonly=${this.readonly}
-				?required=${this.required}
-				?disabled=${this.disabled}
-				placeholder=${this.placeholder}
-				.value=${live(this.inputStringValue || '')}
-				@input=${(e) => this.handleInput(this.inputValueToValue(this.inputElement.value || ''), e)}
-				@change=${(e) => this.handleChange(this.inputValueToValue(this.inputElement.value || ''), e)}
-			>
+        return html `
+			<input
+				part='input'
+				?readonly=${this.readonly}
+				?required=${this.required}
+				?disabled=${this.disabled}
+				placeholder=${this.placeholder}
+				.value=${live(this.inputStringValue || '')}
+				@input=${(e) => this.handleInput(this.inputValueToValue(this.inputElement.value || ''), e)}
+				@change=${(e) => this.handleChange(this.inputValueToValue(this.inputElement.value || ''), e)}
+			>
 		`;
     }
     get calendarIconButtonTemplate() {
-        return this.pickerHidden ? html.nothing : html `
-			<mo-icon tabindex='-1' dense slot='end'
-				icon=${this.calendarIconButtonIcon}
-				${style({ color: this.isActive ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)', fontSize: '22px', marginTop: '2px', cursor: 'pointer', userSelect: 'none' })}
-			></mo-icon>
+        return this.pickerHidden ? html.nothing : html `
+			<mo-icon tabindex='-1' dense slot='end'
+				icon=${this.calendarIconButtonIcon}
+				${style({ color: this.isActive ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)', fontSize: '22px', marginTop: '2px', cursor: 'pointer', userSelect: 'none' })}
+			></mo-icon>
 		`;
     }
     handleFocus(bubbled, method) {
@@ -160,90 +160,90 @@ export class FieldDateTimeBase extends InputFieldComponent {
         this.open = false;
     }
     get popoverTemplate() {
-        return this.pickerHidden ? html.nothing : html `
-			<mo-popover tabindex='-1' fixed manual
-				.anchor=${this}
-				?open=${this.open}
-				@openChange=${(e) => this.open = e.detail}
-			>${cache(!this.open ? html.nothing : this.popoverContentTemplate)}</mo-popover>
+        return this.pickerHidden ? html.nothing : html `
+			<mo-popover tabindex='-1' fixed manual
+				.anchor=${this}
+				?open=${this.open}
+				@openChange=${(e) => this.open = e.detail}
+			>${cache(!this.open ? html.nothing : this.popoverContentTemplate)}</mo-popover>
 		`;
     }
     get popoverContentTemplate() {
-        return html `
-			<mo-flex id='selector' direction='horizontal' style='height: 100%'>
-				${this.dateTemplate}
-				${this.timeTemplate}
-			</mo-flex>
+        return html `
+			<mo-flex id='selector' direction='horizontal' style='height: 100%'>
+				${this.dateTemplate}
+				${this.timeTemplate}
+			</mo-flex>
 		`;
     }
     get dateTemplate() {
-        return html `
-			${this.yearListTemplate}
-			${this.monthListTemplate}
-			${this.dayTemplate}
+        return html `
+			${this.yearListTemplate}
+			${this.monthListTemplate}
+			${this.dayTemplate}
 		`;
     }
     get yearListTemplate() {
-        return html `
-			<mo-year-list
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Year)}
-			></mo-year-list>
+        return html `
+			<mo-year-list
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Year)}
+			></mo-year-list>
 		`;
     }
     get monthListTemplate() {
-        return [FieldDateTimePrecision.Year].includes(this.precision) ? html.nothing : html `
-			<mo-month-list
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Month)}
-			></mo-month-list>
+        return [FieldDateTimePrecision.Year].includes(this.precision) ? html.nothing : html `
+			<mo-month-list
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Month)}
+			></mo-month-list>
 		`;
     }
     get dayTemplate() {
         return [FieldDateTimePrecision.Year, FieldDateTimePrecision.Month].includes(this.precision) ? html.nothing : this.calendarTemplate;
     }
     get timeTemplate() {
-        return [FieldDateTimePrecision.Year, FieldDateTimePrecision.Month, FieldDateTimePrecision.Day].includes(this.precision) ? html.nothing : html `
-			<mo-flex gap='6px'>
-				<div class='timezone'>
-					${this.navigatingDate?.formatToParts({ timeZoneName: 'long' }).find(x => x.type === 'timeZoneName')?.value}
-					(${this.navigatingDate?.formatToParts({ timeZoneName: 'shortOffset' }).find(x => x.type === 'timeZoneName')?.value})
-				</div>
-				<mo-flex direction='horizontal' style='flex: 1'>
-					${this.hourListTemplate}
-					${this.minuteListTemplate}
-					${this.secondListTemplate}
-				</mo-flex>
-			</mo-flex>
+        return [FieldDateTimePrecision.Year, FieldDateTimePrecision.Month, FieldDateTimePrecision.Day].includes(this.precision) ? html.nothing : html `
+			<mo-flex gap='6px'>
+				<div class='timezone'>
+					${this.navigatingDate?.formatToParts({ timeZoneName: 'long' }).find(x => x.type === 'timeZoneName')?.value}
+					(${this.navigatingDate?.formatToParts({ timeZoneName: 'shortOffset' }).find(x => x.type === 'timeZoneName')?.value})
+				</div>
+				<mo-flex direction='horizontal' style='flex: 1'>
+					${this.hourListTemplate}
+					${this.minuteListTemplate}
+					${this.secondListTemplate}
+				</mo-flex>
+			</mo-flex>
 		`;
     }
     get hourListTemplate() {
-        return html `
-			<mo-hour-list style='flex: 1'
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Hour)}
-			></mo-hour-list>
+        return html `
+			<mo-hour-list style='flex: 1'
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Hour)}
+			></mo-hour-list>
 		`;
     }
     get minuteListTemplate() {
-        return [FieldDateTimePrecision.Hour].includes(this.precision) ? html.nothing : html `
-			<mo-minute-list style='flex: 1'
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Minute)}
-			></mo-minute-list>
+        return [FieldDateTimePrecision.Hour].includes(this.precision) ? html.nothing : html `
+			<mo-minute-list style='flex: 1'
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Minute)}
+			></mo-minute-list>
 		`;
     }
     get secondListTemplate() {
-        return [FieldDateTimePrecision.Hour, FieldDateTimePrecision.Minute].includes(this.precision) ? html.nothing : html `
-			<mo-second-list style='flex: 1'
-				.navigatingValue=${this.navigatingDate}
-				.value=${this.selectedDate}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Second)}
-			></mo-second-list>
+        return [FieldDateTimePrecision.Hour, FieldDateTimePrecision.Minute].includes(this.precision) ? html.nothing : html `
+			<mo-second-list style='flex: 1'
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Second)}
+			></mo-second-list>
 		`;
     }
     handleSelectedDateChange(date, precision) {

package/dist/FieldDateTimeRange.d.ts

@@ -1,4 +1,4 @@
-import { MaterialIcon } from '@3mo/icon';
+import { type MaterialIcon } from '@3mo/icon';
 import { FieldDateTimeBase as FieldDateTimeBase, FieldDateTimePrecision } from './FieldDateTimeBase.js';
 declare enum FieldDateRangeSelection {
     Start = "start",

package/dist/FieldDateTimeRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDateTimeRange.d.ts","sourceRoot":"","sources":["../FieldDateTimeRange.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAUvG,aAAK,uBAAuB;IAC3B,KAAK,UAAU;IACf,GAAG,QAAQ;CACX;AAED;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACnF,SAAS,KAAK,cAAc,kDAAwH;IAEpJ,SAAS,KAAK,YAAY,8DAAoG;IAElH,SAAS,0BAAgC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;IAEjD,WAAoB,MAAM,kCAkBzB;IAED,UAAmB,sBAAsB,EAAE,YAAY,CAAe;IAEtE,cACuB,WAAW,WAEjC;IAED,SAAS,KAAK,gBAAgB,0CAQ7B;IAED,cAAuB,sBAAsB,0CAK5C;IAED,SAAS,KAAK,sBAAsB,0CAInC;IAED,OAAO,KAAK,sBAAsB,GASjC;IAEQ,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB;IAcnF,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS;cAIzC,iBAAiB,CAAC,KAAK,EAAE,MAAM;CAGlD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAA;KAC9C;CACD"}
+{"version":3,"file":"FieldDateTimeRange.d.ts","sourceRoot":"","sources":["../FieldDateTimeRange.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAUvG,aAAK,uBAAuB;IAC3B,KAAK,UAAU;IACf,GAAG,QAAQ;CACX;AAED;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACnF,SAAS,KAAK,cAAc,kDAAwH;IAEpJ,SAAS,KAAK,YAAY,8DAAoG;IAElH,SAAS,0BAAgC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;IAEjD,WAAoB,MAAM,kCAkBzB;IAED,UAAmB,sBAAsB,EAAE,YAAY,CAAe;IAEtE,cACuB,WAAW,WAEjC;IAED,SAAS,KAAK,gBAAgB,0CAQ7B;IAED,cAAuB,sBAAsB,0CAK5C;IAED,SAAS,KAAK,sBAAsB,0CAInC;IAED,OAAO,KAAK,sBAAsB,GASjC;IAEQ,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB;IAcnF,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS;cAIzC,iBAAiB,CAAC,KAAK,EAAE,MAAM;CAGlD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAA;KAC9C;CACD"}

package/dist/FieldDateTimeRange.js

@@ -31,55 +31,55 @@ let FieldDateTimeRange = class FieldDateTimeRange extends FieldDateTimeBase {
     get navigatingDate() { return (this.selection === FieldDateRangeSelection.Start ? this.value?.start : this.value?.end) ?? new DateTime(); }
     get selectedDate() { return this.selection === FieldDateRangeSelection.Start ? this.value?.start : this.value?.end; }
     static get styles() {
-        return css `
-			${super.styles}
-
-			mo-tab-bar {
-				max-width: 200px;
-				place-self: center;
-				padding-block: 4px;
-			}
-
-			mo-tab {
-				--mdc-tab-height: 40px;
-			}
-
-			mo-tab:not([active]) {
-				opacity: 0.5;
-			}
+        return css `
+			${super.styles}
+
+			mo-tab-bar {
+				max-width: 200px;
+				place-self: center;
+				padding-block: 4px;
+			}
+
+			mo-tab {
+				--mdc-tab-height: 40px;
+			}
+
+			mo-tab:not([active]) {
+				opacity: 0.5;
+			}
 		`;
     }
     get placeholder() {
         return new DateTimeRange(new DateTime().subtract({ years: 1 }), new DateTime()).format(this.formatOptions);
     }
     get calendarTemplate() {
-        return html `
-			<mo-selectable-range-calendar
-				.navigatingValue=${this.navigatingDate}
-				.dateRange=${this.value}
-				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Day)}
-			></mo-selectable-range-calendar>
+        return html `
+			<mo-selectable-range-calendar
+				.navigatingValue=${this.navigatingDate}
+				.dateRange=${this.value}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, FieldDateTimePrecision.Day)}
+			></mo-selectable-range-calendar>
 		`;
     }
     get popoverContentTemplate() {
-        return html `
-			${this.popoverToolbarTemplate}
-			${super.popoverContentTemplate}
+        return html `
+			${this.popoverToolbarTemplate}
+			${super.popoverContentTemplate}
 		`;
     }
     get popoverToolbarTemplate() {
-        return html `
-			${this.startEndTabBarTemplate}
+        return html `
+			${this.startEndTabBarTemplate}
 		`;
     }
     get startEndTabBarTemplate() {
-        return html `
-			<mo-flex>
-				<mo-tab-bar ${bind(this, 'selection')}>
-					<mo-tab value=${FieldDateRangeSelection.Start}>${t('Start')}</mo-tab>
-					<mo-tab value=${FieldDateRangeSelection.End}>${t('End')}</mo-tab>
-				</mo-tab-bar>
-			</mo-flex>
+        return html `
+			<mo-flex>
+				<mo-tab-bar ${bind(this, 'selection')}>
+					<mo-tab value=${FieldDateRangeSelection.Start}>${t('Start')}</mo-tab>
+					<mo-tab value=${FieldDateRangeSelection.End}>${t('End')}</mo-tab>
+				</mo-tab-bar>
+			</mo-flex>
 		`;
     }
     handleSelectedDateChange(date, precision) {

package/dist/FieldToggleableDateTimeRange.js

@@ -19,16 +19,16 @@ let FieldToggleableDateTimeRange = class FieldToggleableDateTimeRange extends Fi
     get includeTime() { return this.precision === FieldDateTimePrecision.Minute; }
     set includeTime(includeTime) { this.precision = includeTime ? FieldDateTimePrecision.Minute : FieldDateTimePrecision.Day; }
     get popoverToolbarTemplate() {
-        return html `
-			<mo-grid style='width: calc(100% - 16px); padding-inline: 8px;' columns='* auto'>
-				${super.popoverToolbarTemplate}
-				${this.toggleTemplate}
-			</mo-grid>
+        return html `
+			<mo-grid style='width: calc(100% - 16px); padding-inline: 8px;' columns='* auto'>
+				${super.popoverToolbarTemplate}
+				${this.toggleTemplate}
+			</mo-grid>
 		`;
     }
     get toggleTemplate() {
-        return html `
-			<mo-switch label=${t('Include time')} ${bind(this, 'includeTime')}></mo-switch>
+        return html `
+			<mo-switch label=${t('Include time')} ${bind(this, 'includeTime')}></mo-switch>
 		`;
     }
 };

package/dist/custom-elements.json

@@ -3560,7 +3560,7 @@
 				{
 					"name": "intervalController",
 					"type": "IntervalController",
-					"default": "\"new IntervalController(this, 1000, () => {\\r\\n\\t\\tthis.requestUpdate()\\r\\n\\t\\tif (this.preventIntervalScrolling === false) {\\r\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\r\\n\\t\\t}\\r\\n\\t})\""
+					"default": "\"new IntervalController(this, 1000, () => {\\n\\t\\tthis.requestUpdate()\\n\\t\\tif (this.preventIntervalScrolling === false) {\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\n\\t\\t}\\n\\t})\""
 				}
 			]
 		},
@@ -3603,7 +3603,7 @@
 				{
 					"name": "intervalController",
 					"type": "IntervalController",
-					"default": "\"new IntervalController(this, 1000, () => {\\r\\n\\t\\tthis.requestUpdate()\\r\\n\\t\\tif (this.preventIntervalScrolling === false) {\\r\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\r\\n\\t\\t}\\r\\n\\t})\""
+					"default": "\"new IntervalController(this, 1000, () => {\\n\\t\\tthis.requestUpdate()\\n\\t\\tif (this.preventIntervalScrolling === false) {\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\n\\t\\t}\\n\\t})\""
 				}
 			]
 		},
@@ -3646,7 +3646,7 @@
 				{
 					"name": "intervalController",
 					"type": "IntervalController",
-					"default": "\"new IntervalController(this, 1000, () => {\\r\\n\\t\\tthis.requestUpdate()\\r\\n\\t\\tif (this.preventIntervalScrolling === false) {\\r\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\r\\n\\t\\t}\\r\\n\\t})\""
+					"default": "\"new IntervalController(this, 1000, () => {\\n\\t\\tthis.requestUpdate()\\n\\t\\tif (this.preventIntervalScrolling === false) {\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\n\\t\\t}\\n\\t})\""
 				}
 			]
 		},
@@ -3689,7 +3689,7 @@
 				{
 					"name": "intervalController",
 					"type": "IntervalController",
-					"default": "\"new IntervalController(this, 1000, () => {\\r\\n\\t\\tthis.requestUpdate()\\r\\n\\t\\tif (this.preventIntervalScrolling === false) {\\r\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\r\\n\\t\\t}\\r\\n\\t})\""
+					"default": "\"new IntervalController(this, 1000, () => {\\n\\t\\tthis.requestUpdate()\\n\\t\\tif (this.preventIntervalScrolling === false) {\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\n\\t\\t}\\n\\t})\""
 				}
 			]
 		},
@@ -3732,7 +3732,7 @@
 				{
 					"name": "intervalController",
 					"type": "IntervalController",
-					"default": "\"new IntervalController(this, 1000, () => {\\r\\n\\t\\tthis.requestUpdate()\\r\\n\\t\\tif (this.preventIntervalScrolling === false) {\\r\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\r\\n\\t\\t}\\r\\n\\t})\""
+					"default": "\"new IntervalController(this, 1000, () => {\\n\\t\\tthis.requestUpdate()\\n\\t\\tif (this.preventIntervalScrolling === false) {\\n\\t\\t\\tthis.scrollIntoSelectedItem()\\n\\t\\t}\\n\\t})\""
 				}
 			]
 		},

package/dist/selection/DateList.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLTemplateResult } from '@a11d/lit';
+import { Component, type HTMLTemplateResult } from '@a11d/lit';
 import { IntervalController } from '@3mo/interval-controller';
 export declare abstract class DateList extends Component {
     readonly change: EventDispatcher<DateTime>;

package/dist/selection/DateList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateList.d.ts","sourceRoot":"","sources":["../../selection/DateList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAqC,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAG7D,8BAAsB,QAAS,SAAQ,SAAS;IACtC,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAExB,eAAe,EAAG,QAAQ,CAAA;IACiC,KAAK,CAAC,EAAE,QAAQ,CAAA;IAEvG,OAAO,CAAC,wBAAwB,CAAQ;IAExC,IAAI,GAAG,kDAA4B;IAEnC,IAAI,IAAI,WAAe;IAEvB,QAAQ,CAAC,kBAAkB,qBAKzB;IAEF,WAAoB,MAAM,kCAkBzB;IAE2C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAoB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAoB;cAE1E,SAAS;IAI5B,cAAuB,QAAQ,uBAU9B;cAEe,sBAAsB,CAAC,QAAQ,GAAE,cAAyB;IAQ1E,SAAS,CAAC,QAAQ,KAAK,iBAAiB,IAAI,kBAAkB,CAAA;CAC9D"}
+{"version":3,"file":"DateList.d.ts","sourceRoot":"","sources":["../../selection/DateList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,kBAAkB,EAAqC,MAAM,WAAW,CAAA;AACjG,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAG7D,8BAAsB,QAAS,SAAQ,SAAS;IACtC,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAExB,eAAe,EAAG,QAAQ,CAAA;IACiC,KAAK,CAAC,EAAE,QAAQ,CAAA;IAEvG,OAAO,CAAC,wBAAwB,CAAQ;IAExC,IAAI,GAAG,kDAA4B;IAEnC,IAAI,IAAI,WAAe;IAEvB,QAAQ,CAAC,kBAAkB,qBAKzB;IAEF,WAAoB,MAAM,kCAkBzB;IAE2C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAoB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAoB;cAE1E,SAAS;IAI5B,cAAuB,QAAQ,uBAU9B;cAEe,sBAAsB,CAAC,QAAQ,GAAE,cAAyB;IAQ1E,SAAS,CAAC,QAAQ,KAAK,iBAAiB,IAAI,kBAAkB,CAAA;CAC9D"}

package/dist/selection/DateList.js

@@ -15,36 +15,36 @@ export class DateList extends Component {
     get now() { return new DateTime(); }
     get zero() { return 0; }
     static get styles() {
-        return css `
-			mo-scroller {
-				min-width: 70px;
-			}
-
-			.pad {
-				height: 50px;
-			}
-
-			mo-selectable-list-item {
-				height: 32px;
-			}
-
-			mo-selectable-list-item[data-now] {
-				outline: 2px dashed var(--mo-color-gray-transparent);
-			}
+        return css `
+			mo-scroller {
+				min-width: 70px;
+			}
+
+			.pad {
+				height: 50px;
+			}
+
+			mo-selectable-list-item {
+				height: 32px;
+			}
+
+			mo-selectable-list-item[data-now] {
+				outline: 2px dashed var(--mo-color-gray-transparent);
+			}
 		`;
     }
     connected() {
         this.scrollIntoSelectedItem('instant');
     }
     get template() {
-        return this.navigatingValue === undefined ? html.nothing : html `
-			<mo-scroller @pointerenter=${() => this.preventIntervalScrolling = true} @pointerleave=${() => this.preventIntervalScrolling = false}>
-				<mo-selectable-list @change=${() => this.scrollIntoSelectedItem()}>
-					<div class='pad'></div>
-					${this.listItemsTemplate}
-					<div class='pad'></div>
-				</mo-selectable-list>
-			</mo-scroller>
+        return this.navigatingValue === undefined ? html.nothing : html `
+			<mo-scroller @pointerenter=${() => this.preventIntervalScrolling = true} @pointerleave=${() => this.preventIntervalScrolling = false}>
+				<mo-selectable-list @change=${() => this.scrollIntoSelectedItem()}>
+					<div class='pad'></div>
+					${this.listItemsTemplate}
+					<div class='pad'></div>
+				</mo-selectable-list>
+			</mo-scroller>
 		`;
     }
     async scrollIntoSelectedItem(behavior = 'smooth') {

package/dist/selection/HourList.js

@@ -3,14 +3,14 @@ import { component, html, range } from '@a11d/lit';
 import { DateList } from './DateList.js';
 let HourList = class HourList extends DateList {
     get listItemsTemplate() {
-        return html `
-			${[...range(0, this.navigatingValue.hoursInDay)].map(hour => html `
-				<mo-selectable-list-item
-					?selected=${this.value?.hour === hour}
-					?data-now=${this.now.hour === hour}
-					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ hour }))}
-				>${hour.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
-			`)}
+        return html `
+			${[...range(0, this.navigatingValue.hoursInDay)].map(hour => html `
+				<mo-selectable-list-item
+					?selected=${this.value?.hour === hour}
+					?data-now=${this.now.hour === hour}
+					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ hour }))}
+				>${hour.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
+			`)}
 		`;
     }
 };

package/dist/selection/MinuteList.js

@@ -3,14 +3,14 @@ import { component, html, range } from '@a11d/lit';
 import { DateList } from './DateList.js';
 let MinuteList = class MinuteList extends DateList {
     get listItemsTemplate() {
-        return html `
-			${[...range(0, 60)].map(minute => html `
-				<mo-selectable-list-item
-					?selected=${this.value?.minute === minute}
-					?data-now=${this.now.minute === minute}
-					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ minute }))}
-				>${minute.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
-			`)}
+        return html `
+			${[...range(0, 60)].map(minute => html `
+				<mo-selectable-list-item
+					?selected=${this.value?.minute === minute}
+					?data-now=${this.now.minute === minute}
+					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ minute }))}
+				>${minute.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
+			`)}
 		`;
     }
 };

package/dist/selection/MonthList.js

@@ -3,12 +3,12 @@ import { component, css, html } from '@a11d/lit';
 import { DateList } from './DateList.js';
 let MonthList = class MonthList extends DateList {
     static get styles() {
-        return css `
-			${super.styles}
-
-			mo-scroller {
-				min-width: 125px;
-			}
+        return css `
+			${super.styles}
+
+			mo-scroller {
+				min-width: 125px;
+			}
 		`;
     }
     get monthNames() {
@@ -18,14 +18,14 @@ let MonthList = class MonthList extends DateList {
             .map(date => [date.month, date.format({ month: 'long' })]);
     }
     get listItemsTemplate() {
-        return html `
-			${this.monthNames.map(([month, name]) => html `
-				<mo-selectable-list-item
-					?selected=${this.value?.month === month}
-					?data-now=${this.now.month === month}
-					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ month }))}
-				>${name}</mo-selectable-list-item>
-			`)}
+        return html `
+			${this.monthNames.map(([month, name]) => html `
+				<mo-selectable-list-item
+					?selected=${this.value?.month === month}
+					?data-now=${this.now.month === month}
+					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ month }))}
+				>${name}</mo-selectable-list-item>
+			`)}
 		`;
     }
 };