@3mo/date-time-fields 0.0.15 → 0.1.1

package/dist/DateParser.js

@@ -43,13 +43,13 @@ export class DateParser {
         let num;
         if (!isNaN(Number(lastChar))) {
             num = parseInt(dateText.substring(0, dateText.length));
-            return referenceDate.addDays(num);
+            return referenceDate.add({ days: num });
         }
         else {
             num = parseInt(dateText.substring(0, dateText.length - 1));
             switch (lastChar) {
-                case 'y': return referenceDate.addYears(num);
-                case 'm': return referenceDate.addMonths(num);
+                case 'y': return referenceDate.add({ years: num });
+                case 'm': return referenceDate.add({ months: num });
                 default: return undefined;
             }
         }
@@ -63,30 +63,30 @@ export class DateParser {
     static parseDateFromKeyword(keyword, referenceDate = new DateTime) {
         switch (keyword) {
             case 'h': return new DateTime(referenceDate);
-            case 'üm': return referenceDate.addDays(+2);
-            case 'm': return referenceDate.addDays(+1);
-            case 'üüm': return referenceDate.addDays(+3);
-            case 'g': return referenceDate.addDays(-1);
-            case 'vg': return referenceDate.addDays(-2);
-            case 'vvg': return referenceDate.addDays(-3);
+            case 'üm': return referenceDate.add({ days: +2 });
+            case 'm': return referenceDate.add({ days: +1 });
+            case 'üüm': return referenceDate.add({ days: +3 });
+            case 'g': return referenceDate.add({ days: -1 });
+            case 'vg': return referenceDate.add({ days: -2 });
+            case 'vvg': return referenceDate.add({ days: -3 });
             case 'adw': return referenceDate.weekStart;
             case 'edw': return referenceDate.weekEnd;
-            case 'anw': return referenceDate.addWeeks(+1).weekStart;
-            case 'enw': return referenceDate.addWeeks(+1).weekEnd;
-            case 'alw': return referenceDate.addWeeks(-1).weekStart;
-            case 'elw': return referenceDate.addWeeks(-1).weekEnd;
+            case 'anw': return referenceDate.add({ weeks: +1 }).weekStart;
+            case 'enw': return referenceDate.add({ weeks: +1 }).weekEnd;
+            case 'alw': return referenceDate.add({ weeks: -1 }).weekStart;
+            case 'elw': return referenceDate.add({ weeks: -1 }).weekEnd;
             case 'adm': return referenceDate.monthStart;
             case 'edm': return referenceDate.monthEnd;
-            case 'anm': return referenceDate.addMonths(+1).monthStart;
-            case 'enm': return referenceDate.addMonths(+1).monthEnd;
-            case 'alm': return referenceDate.addMonths(-1).monthStart;
-            case 'elm': return referenceDate.addMonths(-1).monthEnd;
+            case 'anm': return referenceDate.add({ months: +1 }).monthStart;
+            case 'enm': return referenceDate.add({ months: +1 }).monthEnd;
+            case 'alm': return referenceDate.add({ months: -1 }).monthStart;
+            case 'elm': return referenceDate.add({ months: -1 }).monthEnd;
             case 'adj': return referenceDate.yearStart;
             case 'edj': return referenceDate.yearEnd;
-            case 'anj': return referenceDate.addYears(+1).yearStart;
-            case 'enj': return referenceDate.addYears(+1).yearEnd;
-            case 'alj': return referenceDate.addYears(-1).yearStart;
-            case 'elj': return referenceDate.addYears(-1).yearEnd;
+            case 'anj': return referenceDate.add({ years: +1 }).yearStart;
+            case 'enj': return referenceDate.add({ years: +1 }).yearEnd;
+            case 'alj': return referenceDate.add({ years: -1 }).yearStart;
+            case 'elj': return referenceDate.add({ years: -1 }).yearEnd;
             default: return undefined;
         }
     }

package/dist/DateRangeParser.js

@@ -19,16 +19,16 @@ class DateRangeParser {
         switch (keyword) {
             case 'w':
             case 'dw': return new DateTimeRange(referenceDate.weekStart, referenceDate.weekEnd);
-            case 'nw': return new DateTimeRange(referenceDate.addWeeks(+1).weekStart, referenceDate.addWeeks(+1).weekEnd);
-            case 'lw': return new DateTimeRange(referenceDate.addWeeks(-1).weekStart, referenceDate.addWeeks(-1).weekEnd);
+            case 'nw': return new DateTimeRange(referenceDate.add({ weeks: +1 }).weekStart, referenceDate.add({ weeks: +1 }).weekEnd);
+            case 'lw': return new DateTimeRange(referenceDate.add({ weeks: -1 }).weekStart, referenceDate.add({ weeks: -1 }).weekEnd);
             case 'm':
             case 'dm': return new DateTimeRange(referenceDate.monthStart, referenceDate.monthEnd);
-            case 'lm': return new DateTimeRange(referenceDate.addMonths(-1).monthStart, referenceDate.addMonths(-1).monthEnd);
-            case 'nm': return new DateTimeRange(referenceDate.addMonths(+1).monthStart, referenceDate.addMonths(+1).monthEnd);
+            case 'lm': return new DateTimeRange(referenceDate.add({ months: -1 }).monthStart, referenceDate.add({ months: -1 }).monthEnd);
+            case 'nm': return new DateTimeRange(referenceDate.add({ months: +1 }).monthStart, referenceDate.add({ months: +1 }).monthEnd);
             case 'j':
             case 'dj': return new DateTimeRange(referenceDate.yearStart, referenceDate.yearEnd);
-            case 'lj': return new DateTimeRange(referenceDate.addYears(-1).yearStart, referenceDate.addYears(-1).yearEnd);
-            case 'nj': return new DateTimeRange(referenceDate.addYears(+1).yearStart, referenceDate.addYears(+1).yearEnd);
+            case 'lj': return new DateTimeRange(referenceDate.add({ years: -1 }).yearStart, referenceDate.add({ years: -1 }).yearEnd);
+            case 'nj': return new DateTimeRange(referenceDate.add({ years: +1 }).yearStart, referenceDate.add({ years: +1 }).yearEnd);
             default: return undefined;
         }
     }

package/dist/FieldDate.d.ts

@@ -1,22 +1,12 @@
-import { ClassInfo } from '@a11d/lit';
-import { CalendarSelectionAdapter } from './calendar/index.js';
-import { FieldDateBase } from './FieldDateBase.js';
-declare class DateCalendarSelectionAdapter extends CalendarSelectionAdapter<DateTime> {
-    getDayTemplate(day: DateTime, classInfo: ClassInfo): import("lit-html").TemplateResult<1>;
-    getNavigatingDate(value?: DateTime): import("@3mo/date-time/DateTime.js").DateTime;
-}
+import { FieldDateTime } from './FieldDateTime.js';
+import { FieldDateTimePrecision } from './FieldDateTimeBase.js';
 /** @element mo-field-date */
-export declare class FieldDate extends FieldDateBase<Date | undefined> {
-    protected calendarSelectionAdapterConstructor: typeof DateCalendarSelectionAdapter;
-    value?: Date;
-    protected handleCalendarChange(value?: Date): void;
-    protected valueToInputValue(value: Date | undefined): string;
-    protected inputValueToValue(value: string): import("@3mo/date-time/DateTime.js").DateTime | undefined;
+export declare class FieldDate extends FieldDateTime {
+    precision: FieldDateTimePrecision;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'mo-field-date': FieldDate;
+        'mo-field-date': FieldDateTime;
     }
 }
-export {};
 //# sourceMappingURL=FieldDate.d.ts.map

package/dist/FieldDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDate.d.ts","sourceRoot":"","sources":["../FieldDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,SAAS,EAAuB,MAAM,WAAW,CAAA;AAE1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,cAAM,4BAA6B,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAC5E,cAAc,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS;IASlD,iBAAiB,CAAC,KAAK,CAAC,EAAE,QAAQ;CAIlC;AAED,6BAA6B;AAC7B,qBACa,SAAU,SAAQ,aAAa,CAAC,IAAI,GAAG,SAAS,CAAC;IAC7D,SAAS,CAAC,mCAAmC,sCAA+B;IAEhD,KAAK,CAAC,EAAE,IAAI,CAAA;cAErB,oBAAoB,CAAC,KAAK,CAAC,EAAE,IAAI;IAKpD,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS;IAInD,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;CAGzC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,SAAS,CAAA;KAC1B;CACD"}
+{"version":3,"file":"FieldDate.d.ts","sourceRoot":"","sources":["../FieldDate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,6BAA6B;AAC7B,qBACa,SAAU,SAAQ,aAAa;IACtB,SAAS,yBAA6B;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,aAAa,CAAA;KAC9B;CACD"}

package/dist/FieldDate.js

@@ -1,44 +1,16 @@
 import { __decorate } from "tslib";
-import { html, classMap, component, property } from '@a11d/lit';
-import { DateParser } from './DateParser.js';
-import { CalendarSelectionAdapter } from './calendar/index.js';
-import { FieldDateBase } from './FieldDateBase.js';
-class DateCalendarSelectionAdapter extends CalendarSelectionAdapter {
-    getDayTemplate(day, classInfo) {
-        var _a, _b;
-        return html `
-			<mo-flex
-				class=${classMap(Object.assign(Object.assign({}, classInfo), { selected: (_b = (_a = this.calendar.value) === null || _a === void 0 ? void 0 : _a.equals(day)) !== null && _b !== void 0 ? _b : false }))}
-				@click=${() => this.select(day)}
-			>${day.format({ day: 'numeric' })}</mo-flex>
-		`;
-    }
-    getNavigatingDate(value) {
-        const date = value !== null && value !== void 0 ? value : new DateTime();
-        return new DateTime(date.year, date.month);
-    }
-}
+import { component, property } from '@a11d/lit';
+import { FieldDateTime } from './FieldDateTime.js';
 /** @element mo-field-date */
-let FieldDate = class FieldDate extends FieldDateBase {
+let FieldDate = class FieldDate extends FieldDateTime {
     constructor() {
         super(...arguments);
-        this.calendarSelectionAdapterConstructor = DateCalendarSelectionAdapter;
-    }
-    handleCalendarChange(value) {
-        super.handleCalendarChange(value);
-        this.open = false;
-    }
-    valueToInputValue(value) {
-        var _a;
-        return value ? (_a = value.formatAsDate()) !== null && _a !== void 0 ? _a : '' : '';
-    }
-    inputValueToValue(value) {
-        return value ? DateParser.parse(value, this.shortcutReferenceDate) : undefined;
+        this.precision = "day" /* FieldDateTimePrecision.Day */;
     }
 };
 __decorate([
-    property({ type: Object })
-], FieldDate.prototype, "value", void 0);
+    property()
+], FieldDate.prototype, "precision", void 0);
 FieldDate = __decorate([
     component('mo-field-date')
 ], FieldDate);

package/dist/FieldDateRange.d.ts

@@ -1,34 +1,12 @@
-import { ClassInfo } from '@a11d/lit';
-import { MaterialIcon } from '@3mo/icon';
-import { FieldDateBase } from './FieldDateBase.js';
-import { CalendarSelectionAdapter } from './calendar/index.js';
-declare const enum DateRangeCalendarSelectionAdapterCurrentSelection {
-    StartDate = 0,
-    EndDate = 1
-}
-declare class DateRangeCalendarSelectionAdapter extends CalendarSelectionAdapter<DateTimeRange> {
-    currentSelection: DateRangeCalendarSelectionAdapterCurrentSelection;
-    get styles(): import("@a11d/lit").CSSResult;
-    getDayTemplate(day: DateTime, classInfo: ClassInfo): import("lit-html").TemplateResult<1>;
-    getNavigatingDate(value?: DateTimeRange): import("@3mo/date-time/DateTime.js").DateTime;
-    private handleClick;
-}
-/** @element mo-field-date-range */
-export declare class FieldDateRange extends FieldDateBase<DateTimeRange | undefined> {
-    private get currentSelection();
-    private set currentSelection(value);
-    protected calendarSelectionAdapterConstructor: typeof DateRangeCalendarSelectionAdapter;
-    value?: DateTimeRange;
-    protected calendarIconButtonIcon: MaterialIcon;
-    protected handleCalendarChange(value?: DateTimeRange): void;
-    protected get calendarTemplate(): import("lit-html").TemplateResult<1>;
-    protected valueToInputValue(value: DateTimeRange | undefined): string;
-    protected inputValueToValue(value: string): import("@3mo/date-time/DateTimeRange.js").DateTimeRange | undefined;
+import { FieldDateTimePrecision } from './FieldDateTimeBase.js';
+import { FieldDateTimeRange } from './FieldDateTimeRange.js';
+/** @element mo-field-date */
+export declare class FieldDateRange extends FieldDateTimeRange {
+    precision: FieldDateTimePrecision;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'mo-field-date-range': FieldDateRange;
     }
 }
-export {};
 //# sourceMappingURL=FieldDateRange.d.ts.map

package/dist/FieldDateRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDateRange.d.ts","sourceRoot":"","sources":["../FieldDateRange.ts"],"names":[],"mappings":"AACA,OAAO,EAA0D,SAAS,EAAE,MAAM,WAAW,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,mBAAW,iDAAiD;IAAG,SAAS,IAAA;IAAE,OAAO,IAAA;CAAE;AAEnF,cAAM,iCAAkC,SAAQ,wBAAwB,CAAC,aAAa,CAAC;IACtF,gBAAgB,oDAA8D;IAE9E,IAAa,MAAM,kCAsBlB;IAED,cAAc,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS;IAmBlD,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa;IAKvC,OAAO,CAAC,WAAW;CAcnB;AAED,mCAAmC;AACnC,qBACa,cAAe,SAAQ,aAAa,CAAC,aAAa,GAAG,SAAS,CAAC;IAE3E,OAAO,KAAK,gBAAgB,GAAwL;IACpN,OAAO,KAAK,gBAAgB,QAM3B;IAED,SAAS,CAAC,mCAAmC,2CAAoC;IAErD,KAAK,CAAC,EAAE,aAAa,CAAA;IAEjD,UAAmB,sBAAsB,EAAE,YAAY,CAAe;cAEnD,oBAAoB,CAAC,KAAK,CAAC,EAAE,aAAa;IAO7D,cAAuB,gBAAgB,yCAmBtC;IAED,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,qBAAqB,EAAE,cAAc,CAAA;KACrC;CACD"}
+{"version":3,"file":"FieldDateRange.d.ts","sourceRoot":"","sources":["../FieldDateRange.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,6BAA6B;AAC7B,qBACa,cAAe,SAAQ,kBAAkB;IAChC,SAAS,yBAA6B;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,cAAc,CAAA;KACrC;CACD"}

package/dist/FieldDateRange.js

@@ -1,122 +1,16 @@
 import { __decorate } from "tslib";
-import { component, property, classMap, css, html, state, style } from '@a11d/lit';
-import { FieldDateBase } from './FieldDateBase.js';
-import { CalendarSelectionAdapter } from './calendar/index.js';
-import { DateRangeParser } from './DateRangeParser.js';
-class DateRangeCalendarSelectionAdapter extends CalendarSelectionAdapter {
+import { component, property } from '@a11d/lit';
+import { FieldDateTimeRange } from './FieldDateTimeRange.js';
+/** @element mo-field-date */
+let FieldDateRange = class FieldDateRange extends FieldDateTimeRange {
     constructor() {
         super(...arguments);
-        this.currentSelection = 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */;
-    }
-    get styles() {
-        return css `
-			.day.inSelectionRange:not(.selected) {
-				background: var(--mo-color-accent-transparent);
-			}
-
-			.day.inSelectionRange {
-				border-radius: 0px;
-			}
-
-			.day.selected.first {
-				border-radius: 100px 0 0 100px;
-			}
-
-			.day.selected.last {
-				border-radius: 0 100px 100px 0;
-			}
-
-			.day.selected.first.last {
-				border-radius: 100px;
-			}
-		`;
-    }
-    getDayTemplate(day, classInfo) {
-        const dateRange = this.calendar.value;
-        const firstEquals = !(dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) ? false : day.equals(dateRange.start);
-        const lastEquals = !(dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) ? false : day.equals(dateRange.end);
-        const classes = Object.assign(Object.assign({}, classInfo), { inSelectionRange: !dateRange ? false : dateRange.includes(day), selected: firstEquals || lastEquals, first: firstEquals, last: lastEquals });
-        return html `
-			<mo-flex
-				class=${classMap(classes)}
-				@click=${() => this.handleClick(day)}
-			>${day.format({ day: 'numeric' })}</mo-flex>
-		`;
-    }
-    getNavigatingDate(value) {
-        var _a;
-        const date = (_a = value === null || value === void 0 ? void 0 : value.start) !== null && _a !== void 0 ? _a : new DateTime();
-        return new DateTime(date.year, date.month);
-    }
-    handleClick(date) {
-        const dateRange = this.calendar.value;
-        const shallReset = !!(dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) && !!dateRange.end;
-        const value = this.currentSelection === 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */
-            ? new DateTimeRange(date, shallReset ? undefined : dateRange === null || dateRange === void 0 ? void 0 : dateRange.end)
-            : new DateTimeRange(shallReset ? undefined : dateRange === null || dateRange === void 0 ? void 0 : dateRange.start, date);
-        this.currentSelection = value.start
-            ? 1 /* DateRangeCalendarSelectionAdapterCurrentSelection.EndDate */
-            : 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */;
-        this.select(value);
-    }
-}
-/** @element mo-field-date-range */
-let FieldDateRange = class FieldDateRange extends FieldDateBase {
-    constructor() {
-        super(...arguments);
-        this.calendarSelectionAdapterConstructor = DateRangeCalendarSelectionAdapter;
-        this.calendarIconButtonIcon = 'date_range';
-    }
-    get currentSelection() { var _a, _b, _c; return (_c = (_b = (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.selectionAdapter) === null || _b === void 0 ? void 0 : _b.currentSelection) !== null && _c !== void 0 ? _c : 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */; }
-    set currentSelection(value) {
-        var _a;
-        const selectionAdapter = (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.selectionAdapter;
-        if (selectionAdapter) {
-            selectionAdapter.currentSelection = value;
-            this.requestUpdate();
-        }
-    }
-    handleCalendarChange(value) {
-        super.handleCalendarChange(value);
-        if ((value === null || value === void 0 ? void 0 : value.start) && value.end) {
-            this.open = false;
-        }
-    }
-    get calendarTemplate() {
-        var _a, _b;
-        return html `
-			<mo-flex>
-				<mo-flex direction='horizontal' alignItems='center' ${style({ textAlign: 'center', height: '30px' })}>
-						<div ${style({ width: '*', fontWeight: '500', cursor: 'pointer' })}
-							${style({ color: this.currentSelection === 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */ ? 'var(--mo-color-accent)' : 'unset' })}
-							@click=${() => this.currentSelection = 0 /* DateRangeCalendarSelectionAdapterCurrentSelection.StartDate */}
-						>${!((_a = this.value) === null || _a === void 0 ? void 0 : _a.start) ? 'Start' : this.value.start.formatAsDate()}</div>
-
-						<div ${style({ color: 'var(--mo-color-gray)' })}>bis</div>
-
-						<div ${style({ width: '*', fontWeight: '500', cursor: 'pointer' })}
-							${style({ color: this.currentSelection === 1 /* DateRangeCalendarSelectionAdapterCurrentSelection.EndDate */ ? 'var(--mo-color-accent)' : 'unset' })}
-							@click=${() => this.currentSelection = 1 /* DateRangeCalendarSelectionAdapterCurrentSelection.EndDate */}
-						>${!((_b = this.value) === null || _b === void 0 ? void 0 : _b.end) ? 'Ende' : this.value.end.formatAsDate()}</div>
-				</mo-flex>
-				${super.calendarTemplate}
-			</mo-flex>
-		`;
-    }
-    valueToInputValue(value) {
-        var _a;
-        return value ? (_a = value.format()) !== null && _a !== void 0 ? _a : '' : '';
-    }
-    inputValueToValue(value) {
-        return value ? DateRangeParser.parse(value, this.shortcutReferenceDate) : undefined;
+        this.precision = "day" /* FieldDateTimePrecision.Day */;
     }
 };
 __decorate([
-    state()
-], FieldDateRange.prototype, "currentSelection", null);
-__decorate([
-    property({ type: Object })
-], FieldDateRange.prototype, "value", void 0);
+    property()
+], FieldDateRange.prototype, "precision", void 0);
 FieldDateRange = __decorate([
     component('mo-field-date-range')
 ], FieldDateRange);

package/dist/FieldDateTime.d.ts

@@ -0,0 +1,17 @@
+import { FieldDateTimeBase, FieldDateTimePrecision } from './FieldDateTimeBase.js';
+/** @element mo-field-date-time */
+export declare class FieldDateTime extends FieldDateTimeBase<Date | undefined> {
+    protected get navigatingDate(): import("@3mo/date-time/DateTime.js").DateTime;
+    protected get selectedDate(): import("@3mo/date-time/DateTime.js").DateTime | undefined;
+    value?: Date;
+    protected get calendarTemplate(): import("lit-html").TemplateResult<1>;
+    protected handleSelectedDateChange(date: DateTime, precision: FieldDateTimePrecision): void;
+    protected valueToInputValue(value: Date | undefined): string;
+    protected inputValueToValue(value: string): import("@3mo/date-time/DateTime.js").DateTime | undefined;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-date-time': FieldDateTime;
+    }
+}
+//# sourceMappingURL=FieldDateTime.d.ts.map

package/dist/FieldDateTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDateTime.d.ts","sourceRoot":"","sources":["../FieldDateTime.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAElF,kCAAkC;AAClC,qBACa,aAAc,SAAQ,iBAAiB,CAAC,IAAI,GAAG,SAAS,CAAC;IACrE,SAAS,KAAK,cAAc,kDAAoE;IAChG,SAAS,KAAK,YAAY,8DAA+D;IAE7D,KAAK,CAAC,EAAE,IAAI,CAAA;IAExC,SAAS,KAAK,gBAAgB,yCAQ7B;cAEkB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB;IAK7F,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS;IAInD,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;CAGzC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,aAAa,CAAA;KACnC;CACD"}

package/dist/FieldDateTime.js

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { component, html, property } from '@a11d/lit';
+import { DateParser } from './DateParser.js';
+import { FieldDateTimeBase } from './FieldDateTimeBase.js';
+/** @element mo-field-date-time */
+let FieldDateTime = class FieldDateTime extends FieldDateTimeBase {
+    get navigatingDate() { return this.value ? new DateTime(this.value) : new DateTime(); }
+    get selectedDate() { return this.value ? new DateTime(this.value) : undefined; }
+    get calendarTemplate() {
+        return html `
+			<mo-selectable-calendar
+				.navigatingValue=${this.navigatingDate}
+				.value=${this.selectedDate}
+				@change=${(e) => this.handleSelectedDateChange(e.detail, "day" /* FieldDateTimePrecision.Day */)}
+			></mo-selectable-calendar>
+		`;
+    }
+    handleSelectedDateChange(date, precision) {
+        this.value = !date ? undefined : this.roundToPrecision(date);
+        super.handleSelectedDateChange(date, precision);
+    }
+    valueToInputValue(value) {
+        var _a;
+        return value ? (_a = value.format(this.formatOptions)) !== null && _a !== void 0 ? _a : '' : '';
+    }
+    inputValueToValue(value) {
+        return value ? DateParser.parse(value, this.shortcutReferenceDate) : undefined;
+    }
+};
+__decorate([
+    property({ type: Object })
+], FieldDateTime.prototype, "value", void 0);
+FieldDateTime = __decorate([
+    component('mo-field-date-time')
+], FieldDateTime);
+export { FieldDateTime };

package/dist/FieldDateTimeBase.d.ts

@@ -0,0 +1,50 @@
+import { HTMLTemplateResult } from '@a11d/lit';
+import { InputFieldComponent } from '@3mo/field';
+import type { MaterialIcon } from '@3mo/icon';
+export declare const enum FieldDateTimePrecision {
+    Year = "year",
+    Month = "month",
+    Day = "day",
+    Hour = "hour",
+    Minute = "minute",
+    Second = "second"
+}
+/**
+ * @attr open - Whether the date picker is open
+ * @attr hideDatePicker - Hide the date picker
+ * @attr shortcutReferenceDate - The date to use as a reference for shortcuts
+ * @attr precision - The precision of the date picker. Defaults to 'minute'
+ */
+export declare abstract class FieldDateTimeBase<T> extends InputFieldComponent<T> {
+    open: boolean;
+    hideDatePicker: boolean;
+    shortcutReferenceDate: import("@3mo/date-time/DateTime.js").DateTime;
+    precision: FieldDateTimePrecision;
+    protected readonly calendarIconButtonIcon: MaterialIcon;
+    protected abstract get navigatingDate(): DateTime;
+    protected abstract get selectedDate(): DateTime | undefined;
+    protected get formatOptions(): Intl.DateTimeFormatOptions;
+    protected roundToPrecision(date: DateTime): import("@3mo/date-time/DateTime.js").DateTime;
+    protected handleChange(value?: T, e?: Event): void;
+    protected get isActive(): boolean;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+    protected abstract inputValueToValue(value: string): T | undefined;
+    protected abstract valueToInputValue(value: T | undefined): string;
+    protected get calendarIconButtonTemplate(): HTMLTemplateResult;
+    protected get popoverTemplate(): HTMLTemplateResult;
+    protected get popoverContentTemplate(): import("lit-html").TemplateResult<1>;
+    protected get dateTemplate(): import("lit-html").TemplateResult<1>;
+    private get yearListTemplate();
+    private get monthListTemplate();
+    private get dayTemplate();
+    protected abstract get calendarTemplate(): HTMLTemplateResult;
+    private get timeTemplate();
+    private get hourListTemplate();
+    private get minuteListTemplate();
+    private get secondListTemplate();
+    protected handleSelectedDateChange(date: DateTime, precision: FieldDateTimePrecision): void;
+}
+//# sourceMappingURL=FieldDateTimeBase.d.ts.map

package/dist/FieldDateTimeBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDateTimeBase.d.ts","sourceRoot":"","sources":["../FieldDateTimeBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAoD,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,0BAAkB,sBAAsB;IACvC,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;IASrE,IAAI,UAAQ;IACc,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IACpD,SAAS,yBAAgC;IAErD,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;cAWtB,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,WAAoB,MAAM,kCA2BzB;IAED,cAAuB,QAAQ,yCAK9B;IAED,cAAuB,eAAe,yCAKrC;IAED,cAAuB,aAAa,yCAYnC;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,uBAQvC;IAED,SAAS,KAAK,eAAe,uBAQ5B;IAED,SAAS,KAAK,sBAAsB,yCAOnC;IAED,SAAS,KAAK,YAAY,yCAMzB;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"}