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

package/dist/selection/SecondList.js

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

package/dist/selection/YearList.js

@@ -11,14 +11,14 @@ let YearList = class YearList extends DateList {
     }
     get listItemsTemplate() {
         const now = this.now;
-        return html `
-			${this.years.map(year => html `
-				<mo-selectable-list-item
-					?selected=${this.value?.year === year}
-					?data-now=${now.year === year}
-					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ year }))}
-				>${year.format()}</mo-selectable-list-item>
-			`)}
+        return html `
+			${this.years.map(year => html `
+				<mo-selectable-list-item
+					?selected=${this.value?.year === year}
+					?data-now=${now.year === year}
+					@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ year }))}
+				>${year.format()}</mo-selectable-list-item>
+			`)}
 		`;
     }
 };

package/dist/selection/calendar/Calendar.d.ts

@@ -1,4 +1,4 @@
-import { Component, ClassInfo } from '@a11d/lit';
+import { Component, type ClassInfo } from '@a11d/lit';
 import '@a11d/array.prototype.group';
 export declare class Calendar extends Component {
     includeWeekNumbers: boolean;

package/dist/selection/calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/Calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmD,SAAS,EAAS,MAAM,WAAW,CAAA;AACxG,OAAO,6BAA6B,CAAA;AAGpC,qBACa,QAAS,SAAQ,SAAS;IACM,kBAAkB,UAAQ;IAUnE,eAAe,gDAAe;IAExB,OAAO,CAAC,IAAI,CAA2D;IAEhF,WAAoB,MAAM,kCAmDzB;IAED,cAAuB,QAAQ,0CAqB9B;IAED,OAAO,CAAG,OAAO;IAOjB,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,QAAQ;IAQtC,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,QAAQ;IAKtC,OAAO,KAAK,GAAG,GAA0B;IAEzC,SAAS,CAAC,oBAAoB,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,QAAQ,CAAA;KACvB;CACD"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/Calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmD,KAAK,SAAS,EAAS,MAAM,WAAW,CAAA;AAC7G,OAAO,6BAA6B,CAAA;AAGpC,qBACa,QAAS,SAAQ,SAAS;IACM,kBAAkB,UAAQ;IAUnE,eAAe,gDAAe;IAExB,OAAO,CAAC,IAAI,CAA2D;IAEhF,WAAoB,MAAM,kCAmDzB;IAED,cAAuB,QAAQ,0CAqB9B;IAED,OAAO,CAAG,OAAO;IAOjB,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,QAAQ;IAQtC,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,QAAQ;IAKtC,OAAO,KAAK,GAAG,GAA0B;IAEzC,SAAS,CAAC,oBAAoB,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,QAAQ,CAAA;KACvB;CACD"}

package/dist/selection/calendar/Calendar.js

@@ -10,77 +10,77 @@ let Calendar = class Calendar extends Component {
         this.days = new Array();
     }
     static get styles() {
-        return css `
-			:host {
-				--mo-calendar-day-size: 36px;
-				--mo-calendar-week-number-width: var(--mo-calendar-day-size);
-				padding-inline: 10px;
-			}
-
-			.monthHeader {
-				color: var(--mo-color-gray);
-				align-items: center;
-			}
-
-			.week {
-				color: var(--mo-color-gray);
-			}
-
-			.day {
-				text-align: center;
-				border-radius: 100px;
-				cursor: pointer;
-				transition: 100ms;
-				font-weight: 500;
-				user-select: none;
-				font-size: medium;
-				width: var(--mo-calendar-day-size);
-				-webkit-user-select: none;
-				align-items: center;
-				justify-content: center;
-			}
-
-			.day {
-				height: var(--mo-calendar-day-size);
-			}
-
-			.day:hover {
-				background: var(--mo-color-transparent-gray-3);
-			}
-
-			.day:not(.isInMonth) {
-				color: var(--mo-color-gray);
-			}
-
-			.day.today {
-				outline: 2px dashed var(--mo-color-gray-transparent);
-			}
-
-			.day.navigation {
-				background: var(--mo-color-transparent-gray-3);
-			}
+        return css `
+			:host {
+				--mo-calendar-day-size: 36px;
+				--mo-calendar-week-number-width: var(--mo-calendar-day-size);
+				padding-inline: 10px;
+			}
+
+			.monthHeader {
+				color: var(--mo-color-gray);
+				align-items: center;
+			}
+
+			.week {
+				color: var(--mo-color-gray);
+			}
+
+			.day {
+				text-align: center;
+				border-radius: 100px;
+				cursor: pointer;
+				transition: 100ms;
+				font-weight: 500;
+				user-select: none;
+				font-size: medium;
+				width: var(--mo-calendar-day-size);
+				-webkit-user-select: none;
+				align-items: center;
+				justify-content: center;
+			}
+
+			.day {
+				height: var(--mo-calendar-day-size);
+			}
+
+			.day:hover {
+				background: var(--mo-color-transparent-gray-3);
+			}
+
+			.day:not(.isInMonth) {
+				color: var(--mo-color-gray);
+			}
+
+			.day.today {
+				outline: 2px dashed var(--mo-color-gray-transparent);
+			}
+
+			.day.navigation {
+				background: var(--mo-color-transparent-gray-3);
+			}
 		`;
     }
     get template() {
-        return html `
-			<mo-grid class='month'
-				rows='repeat(auto-fill, var(--mo-calendar-day-size))'
-				columns=${this.includeWeekNumbers ? 'var(--mo-calendar-week-number-width) repeat(7, var(--mo-calendar-day-size))' : 'repeat(7, var(--mo-calendar-day-size))'}
-				${style({ alignItems: 'center', justifyItems: 'center' })}
-			>
-				${this.includeWeekNumbers === false ? html.nothing : html `<div></div>`}
-
-				${this.navigatingValue.weekDayNames.map(dayName => html `
-					<div class='monthHeader'>
-						${dayName.charAt(0).toUpperCase() + dayName.charAt(1)}
-					</div>
-				`)}
-
-				${this.days.map(([weekNumber, days]) => html `
-					${this.includeWeekNumbers === false ? html.nothing : html `<div class='week'>${weekNumber}</div>`}
-					${days.map(day => this.getDayTemplate(day))}
-				`)}
-			</mo-grid>
+        return html `
+			<mo-grid class='month'
+				rows='repeat(auto-fill, var(--mo-calendar-day-size))'
+				columns=${this.includeWeekNumbers ? 'var(--mo-calendar-week-number-width) repeat(7, var(--mo-calendar-day-size))' : 'repeat(7, var(--mo-calendar-day-size))'}
+				${style({ alignItems: 'center', justifyItems: 'center' })}
+			>
+				${this.includeWeekNumbers === false ? html.nothing : html `<div></div>`}
+
+				${this.navigatingValue.weekDayNames.map(dayName => html `
+					<div class='monthHeader'>
+						${dayName.charAt(0).toUpperCase() + dayName.charAt(1)}
+					</div>
+				`)}
+
+				${this.days.map(([weekNumber, days]) => html `
+					${this.includeWeekNumbers === false ? html.nothing : html `<div class='week'>${weekNumber}</div>`}
+					${days.map(day => this.getDayTemplate(day))}
+				`)}
+			</mo-grid>
 		`;
     }
     *rangeOf(start, end) {
@@ -90,10 +90,10 @@ let Calendar = class Calendar extends Component {
         }
     }
     getDayTemplate(day) {
-        return html `
-			<mo-flex class=${classMap(this.getDayElementClasses(day))} @click=${() => this.handleDayClick(day)}>
-				${day.format({ day: 'numeric' })}
-			</mo-flex>
+        return html `
+			<mo-flex tabindex='0' class=${classMap(this.getDayElementClasses(day))} @click=${() => this.handleDayClick(day)}>
+				${day.format({ day: 'numeric' })}
+			</mo-flex>
 		`;
     }
     handleDayClick(day) {

package/dist/selection/calendar/SelectableCalendar.d.ts

@@ -1,5 +1,5 @@
 import { Calendar } from './Calendar.js';
-import { DateTime } from '@3mo/date-time';
+import { type DateTime } from '@3mo/date-time';
 /** @fires change */
 export declare class SelectableCalendar extends Calendar {
     readonly change: EventDispatcher<DateTime>;

package/dist/selection/calendar/SelectableCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCalendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/SelectableCalendar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,oBAAoB;AACpB,qBACa,kBAAmB,SAAQ,QAAQ;IACtC,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAExB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAE5C,WAAoB,MAAM,kCASzB;cAEkB,cAAc,CAAC,GAAG,EAAE,QAAQ;cAK5B,oBAAoB,CAAC,GAAG,EAAE,QAAQ;;;CAMrD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wBAAwB,EAAE,kBAAkB,CAAA;KAC5C;CACD"}
+{"version":3,"file":"SelectableCalendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/SelectableCalendar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAE9C,oBAAoB;AACpB,qBACa,kBAAmB,SAAQ,QAAQ;IACtC,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAExB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAE5C,WAAoB,MAAM,kCASzB;cAEkB,cAAc,CAAC,GAAG,EAAE,QAAQ;cAK5B,oBAAoB,CAAC,GAAG,EAAE,QAAQ;;;CAMrD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wBAAwB,EAAE,kBAAkB,CAAA;KAC5C;CACD"}

package/dist/selection/calendar/SelectableCalendar.js

@@ -4,13 +4,13 @@ import { Calendar } from './Calendar.js';
 /** @fires change */
 let SelectableCalendar = class SelectableCalendar extends Calendar {
     static get styles() {
-        return css `
-			${super.styles}
-
-			.day.selected {
-				background: var(--mo-color-accent-transparent);
-				color: var(--mo-color-accent) !important;
-			}
+        return css `
+			${super.styles}
+
+			.day.selected {
+				background: var(--mo-color-accent-transparent);
+				color: var(--mo-color-accent) !important;
+			}
 		`;
     }
     handleDayClick(day) {

package/dist/selection/calendar/SelectableRangeCalendar.d.ts

@@ -1,4 +1,4 @@
-import { DateTime } from '@3mo/date-time';
+import { type DateTime } from '@3mo/date-time';
 import { SelectableCalendar } from './SelectableCalendar.js';
 /** @fires change */
 export declare class SelectableRangeCalendar extends SelectableCalendar {

package/dist/selection/calendar/SelectableRangeCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableRangeCalendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/SelectableRangeCalendar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,oBAAoB;AACpB,qBACa,uBAAwB,SAAQ,kBAAkB;IAClC,SAAS,CAAC,EAAE,aAAa,CAAA;IAErD,WAAoB,MAAM,kCA8BzB;cAEkB,oBAAoB,CAAC,GAAG,EAAE,QAAQ;;;;;;CAWrD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,uBAAuB,CAAA;KACvD;CACD"}
+{"version":3,"file":"SelectableRangeCalendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/SelectableRangeCalendar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,oBAAoB;AACpB,qBACa,uBAAwB,SAAQ,kBAAkB;IAClC,SAAS,CAAC,EAAE,aAAa,CAAA;IAErD,WAAoB,MAAM,kCA8BzB;cAEkB,oBAAoB,CAAC,GAAG,EAAE,QAAQ;;;;;;CAWrD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,uBAAuB,CAAA;KACvD;CACD"}