@3mo/date-time-fields 0.10.3 → 0.11.0-preview.1

package/dist/custom-elements.json

@@ -73,7 +73,7 @@
 			],
 			"properties": [
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -298,7 +298,7 @@
 					"default": "\"start\""
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -523,7 +523,7 @@
 					"default": "\"start\""
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -735,7 +735,7 @@
 			],
 			"properties": [
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -960,7 +960,7 @@
 					"default": "\"start\""
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -1185,7 +1185,7 @@
 					"default": "\"start\""
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -1609,7 +1609,7 @@
 					"default": "\"start\""
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime",
 					"default": "\"new DateTime()\""
 				},
@@ -1817,7 +1817,7 @@
 			],
 			"properties": [
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -2031,7 +2031,7 @@
 					"type": "FieldDateRangeSelection"
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -2245,7 +2245,7 @@
 					"type": "FieldDateRangeSelection"
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -2448,7 +2448,7 @@
 			],
 			"properties": [
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -2662,7 +2662,7 @@
 					"type": "FieldDateRangeSelection"
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -2876,7 +2876,7 @@
 					"type": "FieldDateRangeSelection"
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3289,7 +3289,7 @@
 					"type": "FieldDateRangeSelection"
 				},
 				{
-					"name": "navigatingDate",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3425,68 +3425,45 @@
 			]
 		},
 		{
-			"name": "mo-hour-list",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\HourList.d.ts",
+			"name": "mo-calendar",
+			"path": ".\\packages\\DateTimeFields\\dist\\selection\\Calendar.d.ts",
 			"properties": [
 				{
-					"name": "change",
-					"type": "EventDispatcher<DateTime>"
-				},
-				{
-					"name": "navigate",
+					"name": "dateClick",
 					"type": "EventDispatcher<DateTime>"
 				},
-				{
-					"name": "navigatingValue",
-					"type": "DateTime"
-				},
 				{
 					"name": "value",
-					"type": "DateTime | undefined"
+					"type": "DateTimeRange | undefined"
 				},
 				{
-					"name": "zero",
-					"type": "number"
+					"name": "precision",
+					"type": "FieldDateTimePrecision"
 				},
 				{
-					"name": "navigateOnScroll",
+					"name": "includeWeek",
 					"type": "boolean"
-				}
-			]
-		},
-		{
-			"name": "mo-minute-list",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\MinuteList.d.ts",
-			"properties": [
-				{
-					"name": "change",
-					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigate",
-					"type": "EventDispatcher<DateTime>"
+					"name": "view",
+					"type": "FieldDateTimePrecision"
 				},
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
-				},
-				{
-					"name": "value",
-					"type": "DateTime | undefined"
-				},
-				{
-					"name": "zero",
-					"type": "number"
-				},
+				}
+			],
+			"events": [
 				{
-					"name": "navigateOnScroll",
-					"type": "boolean"
+					"name": "dateClick",
+					"description": "Dispatched when a date is clicked, with the clicked date as detail.",
+					"type": "CustomEvent<DateTime>"
 				}
 			]
 		},
 		{
-			"name": "mo-month-list",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\MonthList.d.ts",
+			"name": "mo-hour-list",
+			"path": ".\\packages\\DateTimeFields\\dist\\selection\\HourList.d.ts",
 			"properties": [
 				{
 					"name": "change",
@@ -3497,7 +3474,7 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3515,8 +3492,8 @@
 			]
 		},
 		{
-			"name": "mo-second-list",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\SecondList.d.ts",
+			"name": "mo-minute-list",
+			"path": ".\\packages\\DateTimeFields\\dist\\selection\\MinuteList.d.ts",
 			"properties": [
 				{
 					"name": "change",
@@ -3527,7 +3504,7 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3545,8 +3522,8 @@
 			]
 		},
 		{
-			"name": "mo-year-list",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\YearList.d.ts",
+			"name": "mo-second-list",
+			"path": ".\\packages\\DateTimeFields\\dist\\selection\\SecondList.d.ts",
 			"properties": [
 				{
 					"name": "change",
@@ -3557,7 +3534,7 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3576,160 +3553,67 @@
 		},
 		{
 			"name": "mo-calendar",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\calendar\\Calendar.d.ts",
-			"properties": [
-				{
-					"name": "dayClick",
-					"type": "EventDispatcher<DateTime>"
-				},
-				{
-					"name": "includeWeek",
-					"type": "boolean"
-				},
-				{
-					"name": "navigatingValue",
-					"type": "DateTime"
-				}
-			],
-			"events": [
-				{
-					"name": "dayClick",
-					"description": "Dispatched when a day is clicked, with the clicked date as detail.",
-					"type": "CustomEvent<DateTime>"
-				}
-			]
-		},
-		{
-			"name": "mo-selectable-calendar",
-			"path": ".\\packages\\DateTimeFields\\dist\\selection\\calendar\\SelectableCalendar.d.ts",
-			"properties": [
+			"path": ".\\packages\\DateTimeFields\\selection\\Calendar.ts",
+			"attributes": [
 				{
 					"name": "value",
 					"type": "DateTimeRange | undefined"
 				},
 				{
-					"name": "dayClick",
-					"type": "EventDispatcher<DateTime>"
+					"name": "precision",
+					"type": "FieldDateTimePrecision"
 				},
 				{
 					"name": "includeWeek",
-					"type": "boolean"
-				},
-				{
-					"name": "navigatingValue",
-					"type": "DateTime"
-				}
-			],
-			"events": [
-				{
-					"name": "dayClick",
-					"description": "Dispatched when a day is clicked, with the clicked date as detail.",
-					"type": "CustomEvent<DateTime>"
-				}
-			]
-		},
-		{
-			"name": "mo-hour-list",
-			"path": ".\\packages\\DateTimeFields\\selection\\HourList.ts",
-			"attributes": [
-				{
-					"name": "navigatingValue",
-					"type": "DateTime"
-				},
-				{
-					"name": "value",
-					"type": "DateTime | undefined"
+					"type": "boolean",
+					"default": "false"
 				}
 			],
 			"properties": [
 				{
-					"name": "change",
-					"type": "EventDispatcher<DateTime>"
-				},
-				{
-					"name": "navigate",
+					"name": "dateClick",
 					"type": "EventDispatcher<DateTime>"
 				},
-				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
-					"type": "DateTime"
-				},
 				{
 					"name": "value",
 					"attribute": "value",
-					"type": "DateTime | undefined"
-				},
-				{
-					"name": "zero",
-					"type": "number"
+					"type": "DateTimeRange | undefined"
 				},
 				{
-					"name": "navigateOnScroll",
-					"type": "boolean"
-				}
-			],
-			"events": [
-				{
-					"name": "navigate",
-					"type": "CustomEvent<DateTime>"
-				}
-			]
-		},
-		{
-			"name": "mo-minute-list",
-			"path": ".\\packages\\DateTimeFields\\selection\\MinuteList.ts",
-			"attributes": [
-				{
-					"name": "navigatingValue",
-					"type": "DateTime"
+					"name": "precision",
+					"attribute": "precision",
+					"type": "FieldDateTimePrecision"
 				},
 				{
-					"name": "value",
-					"type": "DateTime | undefined"
-				}
-			],
-			"properties": [
-				{
-					"name": "change",
-					"type": "EventDispatcher<DateTime>"
+					"name": "includeWeek",
+					"attribute": "includeWeek",
+					"type": "boolean",
+					"default": "false"
 				},
 				{
-					"name": "navigate",
-					"type": "EventDispatcher<DateTime>"
+					"name": "view",
+					"type": "FieldDateTimePrecision",
+					"default": "\"Day\""
 				},
 				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
-				},
-				{
-					"name": "value",
-					"attribute": "value",
-					"type": "DateTime | undefined"
-				},
-				{
-					"name": "zero",
-					"type": "number"
-				},
-				{
-					"name": "navigateOnScroll",
-					"type": "boolean"
 				}
 			],
 			"events": [
 				{
-					"name": "navigate",
+					"name": "dateClick",
+					"description": "Dispatched when a date is clicked, with the clicked date as detail.",
 					"type": "CustomEvent<DateTime>"
 				}
 			]
 		},
 		{
-			"name": "mo-month-list",
-			"path": ".\\packages\\DateTimeFields\\selection\\MonthList.ts",
+			"name": "mo-hour-list",
+			"path": ".\\packages\\DateTimeFields\\selection\\HourList.ts",
 			"attributes": [
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3747,8 +3631,8 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
+					"name": "navigationDate",
+					"attribute": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3773,11 +3657,11 @@
 			]
 		},
 		{
-			"name": "mo-second-list",
-			"path": ".\\packages\\DateTimeFields\\selection\\SecondList.ts",
+			"name": "mo-minute-list",
+			"path": ".\\packages\\DateTimeFields\\selection\\MinuteList.ts",
 			"attributes": [
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3795,8 +3679,8 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
+					"name": "navigationDate",
+					"attribute": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3821,11 +3705,11 @@
 			]
 		},
 		{
-			"name": "mo-year-list",
-			"path": ".\\packages\\DateTimeFields\\selection\\YearList.ts",
+			"name": "mo-second-list",
+			"path": ".\\packages\\DateTimeFields\\selection\\SecondList.ts",
 			"attributes": [
 				{
-					"name": "navigatingValue",
+					"name": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3843,8 +3727,8 @@
 					"type": "EventDispatcher<DateTime>"
 				},
 				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
+					"name": "navigationDate",
+					"attribute": "navigationDate",
 					"type": "DateTime"
 				},
 				{
@@ -3867,97 +3751,6 @@
 					"type": "CustomEvent<DateTime>"
 				}
 			]
-		},
-		{
-			"name": "mo-calendar",
-			"path": ".\\packages\\DateTimeFields\\selection\\calendar\\Calendar.ts",
-			"attributes": [
-				{
-					"name": "includeWeek",
-					"type": "boolean",
-					"default": "false"
-				},
-				{
-					"name": "navigatingValue",
-					"type": "DateTime",
-					"default": "\"new DateTime\""
-				}
-			],
-			"properties": [
-				{
-					"name": "dayClick",
-					"type": "EventDispatcher<DateTime>"
-				},
-				{
-					"name": "includeWeek",
-					"attribute": "includeWeek",
-					"type": "boolean",
-					"default": "false"
-				},
-				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
-					"type": "DateTime",
-					"default": "\"new DateTime\""
-				}
-			],
-			"events": [
-				{
-					"name": "dayClick",
-					"description": "Dispatched when a day is clicked, with the clicked date as detail.",
-					"type": "CustomEvent<DateTime>"
-				}
-			]
-		},
-		{
-			"name": "mo-selectable-calendar",
-			"path": ".\\packages\\DateTimeFields\\selection\\calendar\\SelectableCalendar.ts",
-			"attributes": [
-				{
-					"name": "value",
-					"type": "DateTimeRange | undefined"
-				},
-				{
-					"name": "includeWeek",
-					"type": "boolean",
-					"default": "false"
-				},
-				{
-					"name": "navigatingValue",
-					"type": "DateTime",
-					"default": "\"new DateTime\""
-				}
-			],
-			"properties": [
-				{
-					"name": "value",
-					"attribute": "value",
-					"type": "DateTimeRange | undefined"
-				},
-				{
-					"name": "dayClick",
-					"type": "EventDispatcher<DateTime>"
-				},
-				{
-					"name": "includeWeek",
-					"attribute": "includeWeek",
-					"type": "boolean",
-					"default": "false"
-				},
-				{
-					"name": "navigatingValue",
-					"attribute": "navigatingValue",
-					"type": "DateTime",
-					"default": "\"new DateTime\""
-				}
-			],
-			"events": [
-				{
-					"name": "dayClick",
-					"description": "Dispatched when a day is clicked, with the clicked date as detail.",
-					"type": "CustomEvent<DateTime>"
-				}
-			]
 		}
 	]
 }

package/dist/selection/Calendar.d.ts

@@ -0,0 +1,38 @@
+import { Component } from '@a11d/lit';
+import { FieldDateTimePrecision } from '../FieldDateTimePrecision.js';
+/**
+ * @fires dateClick - Dispatched when a date is clicked, with the clicked date as detail.
+ */
+export declare class Calendar extends Component {
+    readonly dateClick: EventDispatcher<DateTime>;
+    value?: DateTimeRange;
+    precision: FieldDateTimePrecision;
+    includeWeek: boolean;
+    view: FieldDateTimePrecision;
+    private readonly datesController;
+    get navigationDate(): import("@3mo/date-time/DateTime.js").DateTime;
+    setNavigatingValue(date: DateTime, behavior?: 'instant' | 'smooth'): Promise<void>;
+    setView(view: FieldDateTimePrecision, navigationDate?: import("@3mo/date-time/DateTime.js").DateTime): void;
+    static get styles(): import("@a11d/lit").CSSResult;
+    private get columns();
+    private getColumnName;
+    protected get template(): import("lit-html").HTMLTemplateResult;
+    private getYearTemplate;
+    private static get weekDaysTemplate();
+    private getMonthTemplate;
+    private getDayTemplate;
+    private handleItemClick;
+    private isNavigating;
+    private isEqual;
+    private isLower;
+    private isNow;
+    private isStart;
+    private isEnd;
+    private isInRange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-calendar': Calendar;
+    }
+}
+//# sourceMappingURL=Calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../selection/Calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmE,MAAM,WAAW,CAAA;AAEtG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAErE;;GAEG;AACH,qBACa,QAAS,SAAQ,SAAS;IAC7B,QAAQ,CAAC,SAAS,EAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAE3B,KAAK,CAAC,EAAE,aAAa,CAAA;IACqC,SAAS,EAAG,sBAAsB,CAAA;IAC5E,WAAW,UAAQ;IAEtD,IAAI,yBAA6B;IAE1C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAoC;IAEpE,IAAI,cAAc,kDAAiD;IAC7D,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAE,SAAS,GAAG,QAAoB;IAWnF,OAAO,CAAC,IAAI,EAAE,sBAAsB,EAAE,cAAc,gDAAsC;IAK1F,WAAoB,MAAM,kCA2JzB;IAED,OAAO,KAAK,OAAO,GAKlB;IAED,OAAO,CAAC,aAAa;IAIrB,cAAuB,QAAQ,0CAS9B;IAED,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,MAAM,KAAK,gBAAgB,GAiBlC;IAED,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,eAAe,CAgBtB;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,SAAS;CAKjB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,QAAQ,CAAA;KACvB;CACD"}