@3mo/date-time-fields 0.0.7 → 0.0.9

package/dist/FieldDateBase.d.ts

@@ -15,12 +15,14 @@ export declare abstract class FieldDateBase<T> extends InputFieldComponent<T> {
     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(): import("lit-html").TemplateResult<1>;
-    protected get menuContentTemplate(): import("lit-html").TemplateResult<1>;
+    protected get popoverTemplate(): import("lit-html").TemplateResult<1>;
+    protected get calendarTemplate(): import("lit-html").TemplateResult<1>;
     protected readonly calendarIconButtonIcon: MaterialIcon;
     protected handleCalendarChange(value: T): void;
 }

package/dist/FieldDateBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,WAAoB,MAAM,kCAYzB;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,yCAkBvC;IAED,SAAS,KAAK,mBAAmB,yCAQhC;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}
+{"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,WAAoB,MAAM,kCAYzB;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,yCAQvC;IAED,SAAS,KAAK,eAAe,yCAU5B;IAED,SAAS,KAAK,gBAAgB,yCAQ7B;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}

package/dist/FieldDateBase.js

@@ -34,6 +34,12 @@ export class FieldDateBase extends InputFieldComponent {
 			}
 		`;
     }
+    get template() {
+        return html `
+			${super.template}
+			${this.popoverTemplate}
+		`;
+    }
     get endSlotTemplate() {
         return html `
 			${super.endSlotTemplate}
@@ -54,25 +60,26 @@ export class FieldDateBase extends InputFieldComponent {
 		`;
     }
     get calendarIconButtonTemplate() {
-        return html `
-			${this.hideDatePicker ? nothing : html `
-				<mo-icon-button tabindex='-1' dense slot='end'
-					icon=${this.calendarIconButtonIcon}
-					${style({ color: this.isActive ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)' })}
-					@click=${() => this.open = !this.open}>
-				</mo-icon-button>
-			`}
-
-			${this.hideDatePicker ? nothing : html `
-				<mo-popover tabindex='-1' slot='end' openOnFocus
-					.anchor=${this}
-					?open=${this.open}
-					@openChange=${(e) => this.open = e.detail}
-				>${!this.open ? nothing : this.menuContentTemplate}</mo-popover>
-			`}
+        return this.hideDatePicker ? nothing : html `
+			<mo-icon-button tabindex='-1' dense slot='end'
+				icon=${this.calendarIconButtonIcon}
+				${style({ color: this.isActive ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)' })}
+				@click=${() => this.open = !this.open}>
+			</mo-icon-button>
+		`;
+    }
+    get popoverTemplate() {
+        return this.hideDatePicker ? nothing : html `
+			<mo-popover tabindex='-1' openOnFocus
+				.anchor=${this}
+				?open=${this.open}
+				@openChange=${(e) => this.open = e.detail}
+			>
+				${this.calendarTemplate}
+			</mo-popover>
 		`;
     }
-    get menuContentTemplate() {
+    get calendarTemplate() {
         return html `
 			<mo-selectable-calendar
 				.selectionAdapterConstructor=${this.calendarSelectionAdapterConstructor}

package/dist/FieldDateRange.d.ts

@@ -21,7 +21,7 @@ export declare class FieldDateRange extends FieldDateBase<DateTimeRange | undefi
     value?: DateTimeRange;
     protected calendarIconButtonIcon: MaterialIcon;
     protected handleCalendarChange(value?: DateTimeRange): void;
-    protected get menuContentTemplate(): import("lit-html").TemplateResult<1>;
+    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;
 }

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,mBAAmB,yCAmBzC;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":"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"}

package/dist/FieldDateRange.js

@@ -82,7 +82,7 @@ let FieldDateRange = class FieldDateRange extends FieldDateBase {
             this.open = false;
         }
     }
-    get menuContentTemplate() {
+    get calendarTemplate() {
         var _a, _b;
         return html `
 			<mo-flex>
@@ -99,7 +99,7 @@ let FieldDateRange = class FieldDateRange extends FieldDateBase {
 							@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.menuContentTemplate}
+				${super.calendarTemplate}
 			</mo-flex>
 		`;
     }