@3mo/date-time-fields 0.0.6 → 0.0.8

package/README.md

@@ -1,3 +1,3 @@
-# Date Time Fields
-
+# Date Time Fields
+
 A set of date-time related fields.

package/dist/DateTimeFields/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/DateTimeFields/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,kCAEzB;IAED,cAAuB,eAAe,yCAErC;IAED,cAAuB,aAAa,yCAEnC;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,yCAEvC;IAED,SAAS,KAAK,mBAAmB,yCAEhC;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,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;IAED,cAAuB,eAAe,yCAErC;IAED,cAAuB,aAAa,yCAEnC;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,yCAEvC;IAED,SAAS,KAAK,eAAe,yCAE5B;IAED,SAAS,KAAK,gBAAgB,yCAE7B;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}

package/dist/DateTimeFields/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/DateTimeFields/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,kCAElB;IAED,cAAc,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS;IAclD,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,yCAEzC;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,kCAElB;IAED,cAAc,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS;IAclD,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,yCAEtC;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/Field/FieldComponent.d.ts

@@ -38,6 +38,7 @@ export declare abstract class FieldComponent<T> extends Component {
     protected get isPopulated(): boolean;
     protected get isActive(): boolean;
     protected get isDense(): boolean;
+    static get styles(): import("@a11d/lit").CSSResult;
     protected get template(): import("lit-html").TemplateResult<1>;
     protected get startSlotTemplate(): import("lit-html").TemplateResult<1>;
     protected abstract get inputTemplate(): HTMLTemplateResult;

package/dist/Field/FieldComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldComponent.d.ts","sourceRoot":"","sources":["../../../Field/FieldComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAS,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD;;;;;;;;;;;;;;GAcG;AACH,8BAAsB,cAAc,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC/C,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAChD,QAAQ,CAAC,KAAK,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAC/C,QAAQ,CAAC,cAAc,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,SAAK;IACO,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,SAAS,CAAC,OAAO,UAAQ;IAE7C,OAAO,CAAC,OAAO,CAAQ;IACvB,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAEjC,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAA2B;IAC5D,SAAS,CAAC,QAAQ,CAAC,eAAe,kBAKhC;cAEiB,YAAY;IAI/B,SAAS,CAAC,WAAW;IAErB,SAAS,CAAC,UAAU;IAEpB,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOrD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOtD,SAAS,KAAK,WAAW,YAExB;IAED,SAAS,KAAK,QAAQ,YAErB;IAED,SAAS,KAAK,OAAO,YAEpB;IAED,cAAuB,QAAQ,yCAE9B;IAED,SAAS,KAAK,iBAAiB,yCAE9B;IAED,SAAS,CAAC,QAAQ,KAAK,aAAa,IAAI,kBAAkB,CAAA;IAE1D,SAAS,KAAK,eAAe,yCAE5B;cAEe,QAAQ;IAMxB,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACzI,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAC1C,QAAQ,CAAC,cAAc,IAAI,IAAI;CAC/B"}
+{"version":3,"file":"FieldComponent.d.ts","sourceRoot":"","sources":["../../../Field/FieldComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAc,MAAM,WAAW,CAAA;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD;;;;;;;;;;;;;;GAcG;AACH,8BAAsB,cAAc,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC/C,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAChD,QAAQ,CAAC,KAAK,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAC/C,QAAQ,CAAC,cAAc,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,SAAK;IACO,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,SAAS,CAAC,OAAO,UAAQ;IAE7C,OAAO,CAAC,OAAO,CAAQ;IACvB,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAEjC,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAA2B;IAC5D,SAAS,CAAC,QAAQ,CAAC,eAAe,kBAKhC;cAEiB,YAAY;IAI/B,SAAS,CAAC,WAAW;IAErB,SAAS,CAAC,UAAU;IAEpB,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOrD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOtD,SAAS,KAAK,WAAW,YAExB;IAED,SAAS,KAAK,QAAQ,YAErB;IAED,SAAS,KAAK,OAAO,YAEpB;IAED,WAAoB,MAAM,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;IAED,SAAS,KAAK,iBAAiB,yCAE9B;IAED,SAAS,CAAC,QAAQ,KAAK,aAAa,IAAI,kBAAkB,CAAA;IAE1D,SAAS,KAAK,eAAe,yCAE5B;cAEe,QAAQ;IAMxB,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACzI,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAC1C,QAAQ,CAAC,cAAc,IAAI,IAAI;CAC/B"}

package/dist/FieldDate.js

@@ -6,11 +6,11 @@ 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>
+        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) {

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,kCAUzB;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

@@ -22,61 +22,70 @@ export class FieldDateBase extends InputFieldComponent {
         return super.isActive || this.open;
     }
     static get styles() {
-        return css `
-			mo-popover {
-				background: var(--mo-color-background);
-				box-shadow: var(--mo-shadow);
-				border-radius: var(--mo-border-radius);
-				color: var(--mo-color-foreground);
-				padding: 10px 4px;
-			}
+        return css `
+			${super.styles}
+
+			mo-popover {
+				background: var(--mo-color-background);
+				box-shadow: var(--mo-shadow);
+				border-radius: var(--mo-border-radius);
+				color: var(--mo-color-foreground);
+				padding: 10px 4px;
+			}
+		`;
+    }
+    get template() {
+        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}
-				.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}
+				.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 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() {
-        return html `
-			<mo-selectable-calendar
-				.selectionAdapterConstructor=${this.calendarSelectionAdapterConstructor}
-				.value=${this.value}
-				@change=${(e) => this.handleCalendarChange(e.detail)}
-			></mo-selectable-calendar>
+    get calendarTemplate() {
+        return html `
+			<mo-selectable-calendar
+				.selectionAdapterConstructor=${this.calendarSelectionAdapterConstructor}
+				.value=${this.value}
+				@change=${(e) => this.handleCalendarChange(e.detail)}
+			></mo-selectable-calendar>
 		`;
     }
     handleCalendarChange(value) {

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

@@ -9,26 +9,26 @@ class DateRangeCalendarSelectionAdapter extends CalendarSelectionAdapter {
         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;
-			}
+        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) {
@@ -36,11 +36,11 @@ class DateRangeCalendarSelectionAdapter extends CalendarSelectionAdapter {
         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>
+        return html `
+			<mo-flex
+				class=${classMap(classes)}
+				@click=${() => this.handleClick(day)}
+			>${day.format({ day: 'numeric' })}</mo-flex>
 		`;
     }
     getNavigatingDate(value) {
@@ -82,25 +82,25 @@ let FieldDateRange = class FieldDateRange extends FieldDateBase {
             this.open = false;
         }
     }
-    get menuContentTemplate() {
+    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.menuContentTemplate}
-			</mo-flex>
+        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) {

package/dist/FieldTime.js

@@ -7,9 +7,9 @@ let FieldTime = class FieldTime extends FieldText {
         this.inputType = 'time';
     }
     get startSlotTemplate() {
-        return html `
-			<mo-icon slot='start' @click=${() => this.focus()} icon='schedule' ${style({ color: 'var(--mo-color-gray)' })}></mo-icon>
-			${super.startSlotTemplate}
+        return html `
+			<mo-icon slot='start' @click=${() => this.focus()} icon='schedule' ${style({ color: 'var(--mo-color-gray)' })}></mo-icon>
+			${super.startSlotTemplate}
 		`;
     }
 };

package/dist/Popover/Popover.d.ts

@@ -1,16 +1,19 @@
 import { Component } from '@a11d/lit';
 import { PopoverPlacement } from './PopoverPlacement.js';
 import { PopoverController } from './PopoverController.js';
+import { PopoverAlignment } from './PopoverAlignment.js';
+import { PopoverCoordinates } from './PopoverCoordinates.js';
 /**
  * @element mo-popover
  *
+ * @attr fixed - Whether the popover is fixed.
  * @attr anchor - The anchor element for the popover.
  * @attr placement - The placement of the popover relative to the anchor.
+ * @attr alignment - The alignment of the popover relative to the anchor.
  * @attr open - Whether the popover is open.
  * @attr openOnHover - Whether the popover should open on hover.
  * @attr openOnFocus - Whether the popover should open on focus.
- * @attr getLeftPositionOffset - A function that returns the left position offset of the popover.
- * @attr getTopPositionOffset - A function that returns the top position offset of the popover.
+ * @attr coordinates - The coordinates of the popover.
  *
  * @slot - Default slot for popover content
  *
@@ -18,15 +21,17 @@ import { PopoverController } from './PopoverController.js';
  */
 export declare class Popover extends Component {
     readonly openChange: EventDispatcher<boolean>;
+    fixed: boolean;
+    coordinates?: PopoverCoordinates;
     anchor: HTMLElement;
     placement: PopoverPlacement;
+    alignment: PopoverAlignment;
     open: boolean;
     openOnHover?: boolean;
     openOnFocus?: boolean;
-    getLeftPositionOffset?: (anchorRect: DOMRect, popoverRect: DOMRect) => number;
-    getTopPositionOffset?: (anchorRect: DOMRect, popoverRect: DOMRect) => number;
     protected readonly popoverController: PopoverController;
     setOpen(open: boolean): void;
+    static get translationStyles(): import("@a11d/lit").CSSResult;
     static get styles(): import("@a11d/lit").CSSResult;
     protected get template(): import("lit-html").TemplateResult<1>;
 }

package/dist/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyC,MAAM,WAAW,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;;;;;;;;;GAcG;AACH,qBACa,OAAQ,SAAQ,SAAS;IAC5B,QAAQ,CAAC,UAAU,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3B,MAAM,EAAG,WAAW,CAAA;IACnB,SAAS,mBAA0B;IACpB,IAAI,UAAQ;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACtB,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,MAAM,CAAA;IAC7E,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,MAAM,CAAA;IAExG,SAAS,CAAC,QAAQ,CAAC,iBAAiB,oBAA8B;IAElE,OAAO,CAAC,IAAI,EAAE,OAAO;IAKrB,WAAoB,MAAM,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;CACD"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyC,MAAM,WAAW,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,qBACa,OAAQ,SAAQ,SAAS;IAC5B,QAAQ,CAAC,UAAU,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEX,KAAK,UAAQ;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAC/B,MAAM,EAAG,WAAW,CAAA;IACnB,SAAS,mBAA4B;IACrC,SAAS,mBAAyB;IACnB,IAAI,UAAQ;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IAElD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,oBAA8B;IAElE,OAAO,CAAC,IAAI,EAAE,OAAO;IAOrB,MAAM,KAAK,iBAAiB,kCAE3B;IAED,WAAoB,MAAM,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;CACD"}

package/dist/Popover/PopoverAlignment.d.ts

@@ -0,0 +1,6 @@
+export declare const enum PopoverAlignment {
+    Start = "start",
+    Center = "center",
+    End = "end"
+}
+//# sourceMappingURL=PopoverAlignment.d.ts.map

package/dist/Popover/PopoverAlignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverAlignment.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverAlignment.ts"],"names":[],"mappings":"AAAA,0BAAkB,gBAAgB;IACjC,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;CACX"}

package/dist/Popover/PopoverContainer.d.ts

@@ -0,0 +1,26 @@
+import { Component } from '@a11d/lit';
+import { SlotController } from '@3mo/slot-controller';
+import { PopoverAlignment, PopoverPlacement } from './index.js';
+/**
+ * @element mo-popover-container
+ *
+ * @attr alignment
+ * @attr placement
+ *
+ * @slot - The content to be anchored
+ * @slot popover - The popover to be anchored
+ */
+export declare class PopoverContainer extends Component {
+    placement: PopoverPlacement;
+    alignment: PopoverAlignment;
+    protected readonly slotController: SlotController;
+    assignSlottedPopovers(): void;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-popover-container': PopoverContainer;
+    }
+}
+//# sourceMappingURL=PopoverContainer.d.ts.map

package/dist/Popover/PopoverContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContainer.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAgB,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7E;;;;;;;;GAQG;AACH,qBACa,gBAAiB,SAAQ,SAAS;IACiD,SAAS,mBAA4B;IACrC,SAAS,mBAAyB;IAEjI,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAAkE;IAEnG,qBAAqB;IAWrB,WAAoB,MAAM,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,gBAAgB,CAAA;KACxC;CACD"}

package/dist/Popover/PopoverController.d.ts

@@ -1,16 +1,20 @@
-import { Controller, EventListenerController } from '@a11d/lit';
+import { Controller } from '@a11d/lit';
 import { PointerController } from '@3mo/pointer-controller';
 import { FocusController } from '@3mo/focus-controller';
-import type { Popover } from './Popover.js';
+import { ResizeController } from '@3mo/resize-observer';
+import { Popover } from './Popover.js';
 export declare class PopoverController extends Controller {
     protected readonly host: Popover;
     constructor(host: Popover);
     protected readonly anchorFocusController: FocusController;
     protected readonly pointerController: PointerController;
     protected readonly anchorPointerController: PointerController;
-    protected readonly slotChangeHandler: EventListenerController;
+    protected readonly resizeController: ResizeController<void>;
+    hostUpdated(): void;
     private update;
     private openIfApplicable;
-    private updatePosition;
+    updatePosition(): void;
+    private positionAbsolute;
+    private positionFixed;
 }
 //# sourceMappingURL=PopoverController.d.ts.map

package/dist/Popover/PopoverController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverController.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAM3C,qBAAa,iBAAkB,SAAQ,UAAU;uBACR,IAAI,EAAE,OAAO;gBAAb,IAAI,EAAE,OAAO;IAIrD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,kBAGtC;IAEF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,oBAAmC;IAEvE,SAAS,CAAC,QAAQ,CAAC,uBAAuB,oBAGxC;IAEF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,0BAAoF;IAExH,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,cAAc;CAmCtB"}
+{"version":3,"file":"PopoverController.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAOtC,qBAAa,iBAAkB,SAAQ,UAAU;uBACR,IAAI,EAAE,OAAO;gBAAb,IAAI,EAAE,OAAO;IAIrD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,kBAGtC;IAEF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,oBAElC;IAEF,SAAS,CAAC,QAAQ,CAAC,uBAAuB,oBAGxC;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yBAEjC;IAEO,WAAW;IAIpB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,gBAAgB;IAexB,cAAc;IAYd,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,aAAa;CA+DrB"}

package/dist/Popover/PopoverCoordinates.d.ts

@@ -0,0 +1,2 @@
+export type PopoverCoordinates = [x: number, y: number];
+//# sourceMappingURL=PopoverCoordinates.d.ts.map

package/dist/Popover/PopoverCoordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverCoordinates.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverCoordinates.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA"}

package/dist/Popover/PopoverHost.d.ts

@@ -0,0 +1,11 @@
+import { Component } from '@a11d/lit';
+export declare class PopoverHost extends Component {
+    static get instance(): HTMLElement;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-popover-host': PopoverHost;
+    }
+}
+//# sourceMappingURL=PopoverHost.d.ts.map

package/dist/Popover/PopoverHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverHost.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAA;AAEtD,qBACa,WAAY,SAAQ,SAAS;IACzC,MAAM,KAAK,QAAQ,gBAElB;IAED,cAAuB,QAAQ,yCAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,WAAW,CAAA;KAC9B;CACD"}

package/dist/Popover/PopoverPlacement.d.ts

@@ -1,7 +1,7 @@
 export declare const enum PopoverPlacement {
-    Top = "top",
-    Right = "right",
-    Bottom = "bottom",
-    Left = "left"
+    BlockStart = "block-start",
+    InlineEnd = "inline-end",
+    BlockEnd = "block-end",
+    InlineStart = "inline-start"
 }
 //# sourceMappingURL=PopoverPlacement.d.ts.map

package/dist/Popover/PopoverPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverPlacement.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverPlacement.ts"],"names":[],"mappings":"AAAA,0BAAkB,gBAAgB;IACjC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACb"}
+{"version":3,"file":"PopoverPlacement.d.ts","sourceRoot":"","sources":["../../../Popover/PopoverPlacement.ts"],"names":[],"mappings":"AAAA,0BAAkB,gBAAgB;IACjC,UAAU,gBAAgB;IAC1B,SAAS,eAAe;IACxB,QAAQ,cAAc;IACtB,WAAW,iBAAiB;CAC5B"}

package/dist/Popover/index.d.ts

@@ -1,3 +1,7 @@
 export * from './PopoverPlacement.js';
+export * from './PopoverAlignment.js';
+export * from './PopoverCoordinates.js';
+export * from './PopoverContainer.js';
 export * from './Popover.js';
+export * from './PopoverHost.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

package/dist/ResizeObserver/ResizeController.d.ts

@@ -0,0 +1,2 @@
+export * from '@lit-labs/observers/resize-controller.js';
+//# sourceMappingURL=ResizeController.d.ts.map

package/dist/ResizeObserver/ResizeController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeController.d.ts","sourceRoot":"","sources":["../../../ResizeObserver/ResizeController.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA"}

package/dist/ResizeObserver/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ResizeController.js';
+export * from './observeResize.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ResizeObserver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ResizeObserver/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA"}

package/dist/ResizeObserver/observeResize.d.ts

@@ -0,0 +1,12 @@
+import { AsyncDirective, PartInfo } from '@a11d/lit';
+declare class ResizeDirective extends AsyncDirective {
+    readonly observer: ResizeObserver;
+    protected readonly element: Element;
+    protected callback?: ResizeObserverCallback;
+    constructor(partInfo: PartInfo);
+    render(callback: ResizeObserverCallback, options?: ResizeObserverOptions): void;
+    protected disconnected(): void;
+}
+export declare const observeResize: (callback: ResizeObserverCallback, options?: ResizeObserverOptions | undefined) => import("lit-html/directive.js").DirectiveResult<typeof ResizeDirective>;
+export {};
+//# sourceMappingURL=observeResize.d.ts.map

package/dist/ResizeObserver/observeResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observeResize.d.ts","sourceRoot":"","sources":["../../../ResizeObserver/observeResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,QAAQ,EAAY,MAAM,WAAW,CAAA;AAEtF,cAAM,eAAgB,SAAQ,cAAc;IAC3C,QAAQ,CAAC,QAAQ,iBAA4D;IAC7E,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACnC,SAAS,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAA;gBAE/B,QAAQ,EAAE,QAAQ;IAW9B,MAAM,CAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,CAAC,EAAE,qBAAqB;cAKrD,YAAY;CAG/B;AAED,eAAO,MAAM,aAAa,4JAA6B,CAAA"}

package/dist/TextFields/FieldTextArea.d.ts

@@ -7,11 +7,13 @@ import { InputFieldComponent } from '@3mo/field';
  * @attr maxLength
  * @attr pattern
  * @attr autoComplete
+ * @attr rows
  */
 export declare class FieldTextArea extends InputFieldComponent<string> {
     value?: string;
     minLength?: number;
     maxLength?: number;
+    rows?: number;
     protected valueToInputValue(value?: string): string;
     static get styles(): import("@a11d/lit").CSSResult;
     protected get inputTemplate(): import("lit-html").TemplateResult<1>;

package/dist/TextFields/FieldTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldTextArea.d.ts","sourceRoot":"","sources":["../../../TextFields/FieldTextArea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD;;;;;;;;GAQG;AACH,qBACa,aAAc,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAE9C,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM;IAI1C,WAAoB,MAAM,kCAEzB;IAED,cAAuB,aAAa,yCAEnC;IAED,cAAuB,eAAe,yCAErC;IAED,SAAS,KAAK,cAAc,yCAM3B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,aAAa,CAAA;KACnC;CACD"}
+{"version":3,"file":"FieldTextArea.d.ts","sourceRoot":"","sources":["../../../TextFields/FieldTextArea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEzC,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM;IAI1C,WAAoB,MAAM,kCAEzB;IAED,cAAuB,aAAa,yCAEnC;IAED,cAAuB,eAAe,yCAErC;IAED,SAAS,KAAK,cAAc,yCAM3B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,aAAa,CAAA;KACnC;CACD"}