@3mo/date-time-fields 0.0.1

package/dist/Field/FieldComponent.d.ts

@@ -0,0 +1,48 @@
+import { Component, HTMLTemplateResult } from '@a11d/lit';
+import { SlotController } from '@3mo/slot-controller';
+import { FocusController } from '@3mo/focus-controller';
+/**
+ * @attr value - The field's value
+ * @attr label - The field's label
+ * @attr readonly - Whether the field is readonly
+ * @attr disabled - Whether the field is disabled
+ * @attr required - Whether the field is required
+ *
+ * @slot - The field's content
+ * @slot start - Content to be placed at the start of the field
+ * @slot end - Content to be placed at the end of the field
+ *
+ * @fires change
+ * @fires input
+ * @fires validityChange
+ */
+export declare abstract class FieldComponent<T> extends Component {
+    readonly change: EventDispatcher<T | undefined>;
+    readonly input: EventDispatcher<T | undefined>;
+    readonly validityChange: EventDispatcher<boolean>;
+    abstract value?: T | undefined;
+    label: string;
+    readonly: boolean;
+    disabled: boolean;
+    required: boolean;
+    protected invalid: boolean;
+    protected inputValue?: T;
+    protected readonly slotController: SlotController;
+    protected readonly focusController: FocusController;
+    protected firstUpdated(): void;
+    protected handleFocus(): void;
+    protected handleBlur(): void;
+    protected handleInput(value: T | undefined, e?: Event): void;
+    protected handleChange(value: T | undefined, e?: Event): void;
+    protected get isPopulated(): boolean;
+    protected get isDense(): boolean;
+    protected get template(): import("lit-html").TemplateResult<1>;
+    protected get startSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected abstract get inputTemplate(): HTMLTemplateResult;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected validate(): Promise<void>;
+    abstract setCustomValidity(...args: Parameters<HTMLInputElement['setCustomValidity']>): ReturnType<HTMLInputElement['setCustomValidity']>;
+    abstract checkValidity(): Promise<boolean>;
+    abstract reportValidity(): void;
+}
+//# sourceMappingURL=FieldComponent.d.ts.map

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

@@ -0,0 +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,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAEjC,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAA2B;IAC5D,SAAS,CAAC,QAAQ,CAAC,eAAe,kBAEhC;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,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"}

package/dist/Field/FieldCurrency.d.ts

@@ -0,0 +1,22 @@
+import { Currency } from '@3mo/localization';
+import { FieldNumber } from './FieldNumber.js';
+/**
+ * @element mo-field-currency
+ *
+ * @attr currency - The currency of the field.
+ * @attr currencySymbol - The currency symbol of the field.
+ */
+export declare class FieldCurrency extends FieldNumber {
+    currency: Currency;
+    currencySymbol?: string;
+    protected format: (value: number) => string;
+    protected get currencySymbolText(): string;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-currency': FieldCurrency;
+    }
+}
+//# sourceMappingURL=FieldCurrency.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCurrency.d.ts","sourceRoot":"","sources":["../../../Field/FieldCurrency.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;;;;GAKG;AACH,qBACa,aAAc,SAAQ,WAAW;IACjB,QAAQ,WAAe;IACvC,cAAc,CAAC,EAAE,MAAM,CAAA;IAEnC,UAAmB,MAAM,UAAW,MAAM,YAA6B;IAEvE,SAAS,KAAK,kBAAkB,WAE/B;IAED,WAAoB,MAAM,kCAEzB;IAED,cAAuB,eAAe,yCAErC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,aAAa,CAAA;KAClC;CACD"}

package/dist/Field/FieldEmail.d.ts

@@ -0,0 +1,17 @@
+import { InputFieldComponent } from './InputFieldComponent.js';
+/**
+ * @element mo-field-email
+ *
+ * @attr value - The value of the field.
+ */
+export declare class FieldEmail extends InputFieldComponent<string> {
+    value?: string;
+    protected valueToInputValue(value?: string): string;
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-email': FieldEmail;
+    }
+}
+//# sourceMappingURL=FieldEmail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEmail.d.ts","sourceRoot":"","sources":["../../../Field/FieldEmail.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D;;;;GAIG;AACH,qBACa,UAAW,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEnC,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM;IAI1C,cAAuB,aAAa,yCAEnC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,UAAU,CAAA;KAC5B;CACD"}

package/dist/Field/FieldNumber.d.ts

@@ -0,0 +1,28 @@
+import { InputFieldComponent } from './InputFieldComponent.js';
+import '@3mo/localization';
+/**
+ * @element mo-field-number
+ *
+ * @attr value - The value of the field.
+ * @attr min - The minimum value of the field.
+ * @attr max - The maximum value of the field.
+ * @attr step - The step value of the field.
+ */
+export declare class FieldNumber extends InputFieldComponent<number> {
+    readonly selectOnFocus = true;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    protected readonly format: (value: number) => string;
+    protected valueToInputValue(value?: number): string;
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+    private getValue;
+    private inRange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-number': FieldNumber;
+    }
+}
+//# sourceMappingURL=FieldNumber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldNumber.d.ts","sourceRoot":"","sources":["../../../Field/FieldNumber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,mBAAmB,CAAA;AAE1B;;;;;;;GAOG;AACH,qBACa,WAAY,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IAC3D,SAAkB,aAAa,QAAO;IAEK,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IAExD,SAAS,CAAC,QAAQ,CAAC,MAAM,UAAW,MAAM,YAAmB;IAE7D,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM;IAI1C,cAAuB,aAAa,yCAEnC;IAED,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO;CASf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,WAAW,CAAA;KAC9B;CACD"}

package/dist/Field/FieldPassword.d.ts

@@ -0,0 +1,17 @@
+import { FieldText, FieldTextAutoComplete } from './FieldText.js';
+/**
+ * @element mo-field-password
+ *
+ * @attr autoComplete
+ */
+export declare class FieldPassword extends FieldText {
+    protected readonly type = "password";
+    autoComplete: FieldTextAutoComplete;
+    protected get lengthTemplate(): import("lit-html").HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-password': FieldText;
+    }
+}
+//# sourceMappingURL=FieldPassword.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPassword.d.ts","sourceRoot":"","sources":["../../../Field/FieldPassword.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAEjE;;;;GAIG;AACH,qBACa,aAAc,SAAQ,SAAS;IAC3C,mBAA4B,IAAI,cAAa;IAExB,YAAY,EAAE,qBAAqB,CAAqB;IAE7E,cAAuB,cAAc,0CAEpC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,SAAS,CAAA;KAC9B;CACD"}

package/dist/Field/FieldPercent.d.ts

@@ -0,0 +1,19 @@
+import { FieldNumber } from './FieldNumber.js';
+/**
+ * @element mo-field-percent
+ * @attr percentSign - The percent sign of the field.
+ */
+export declare class FieldPercent extends FieldNumber {
+    percentSign: string;
+    min: number;
+    max: number;
+    protected readonly format: (value: number) => string;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-percent': FieldPercent;
+    }
+}
+//# sourceMappingURL=FieldPercent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPercent.d.ts","sourceRoot":"","sources":["../../../Field/FieldPercent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;;GAGG;AACH,qBACa,YAAa,SAAQ,WAAW;IAChC,WAAW,SAAM;IACpB,GAAG,SAAI;IACP,GAAG,SAAM;IAElB,mBAA4B,MAAM,UAAW,MAAM,YAIjD;IAEF,WAAoB,MAAM,kCAEzB;IAED,cAAuB,eAAe,yCAErC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,YAAY,CAAA;KAChC;CACD"}

package/dist/Field/FieldSearch.d.ts

@@ -0,0 +1,16 @@
+import { FieldText } from './FieldText.js';
+/**
+ * @element mo-field-search
+ */
+export declare class FieldSearch extends FieldText {
+    readonly inputMode = "search";
+    protected get startSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected clear(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-search': FieldSearch;
+    }
+}
+//# sourceMappingURL=FieldSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSearch.d.ts","sourceRoot":"","sources":["../../../Field/FieldSearch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C;;GAEG;AACH,qBACa,WAAY,SAAQ,SAAS;IACzC,SAAkB,SAAS,YAAW;IAEtC,cAAuB,iBAAiB,yCAEvC;IAED,cAAuB,eAAe,yCAErC;IAED,SAAS,CAAC,KAAK;CAMf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,WAAW,CAAA;KAC9B;CACD"}

package/dist/Field/FieldText.d.ts

@@ -0,0 +1,29 @@
+import { InputFieldComponent } from './InputFieldComponent.js';
+export type FieldTextAutoComplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'url' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-extension' | 'impp' | 'current-password' | 'new-password';
+/**
+ * @element mo-field-text
+ *
+ * @attr value
+ * @attr minLength
+ * @attr maxLength
+ * @attr pattern
+ * @attr autoComplete
+ */
+export declare class FieldText extends InputFieldComponent<string> {
+    protected readonly type: string;
+    value?: string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    autoComplete?: FieldTextAutoComplete;
+    protected valueToInputValue(value?: string): string;
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected get lengthTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-text': FieldText;
+    }
+}
+//# sourceMappingURL=FieldText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldText.d.ts","sourceRoot":"","sources":["../../../Field/FieldText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,MAAM,qBAAqB,GAC9B,IAAI,GACJ,KAAK,GACL,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,OAAO,GACP,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,kBAAkB,GAClB,kBAAkB,GAClB,eAAe,GACf,MAAM,GACN,kBAAkB,GAClB,cAAc,CAAA;AAEjB;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACzD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAS;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IAEhD,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM;IAI1C,cAAuB,aAAa,yCAEnC;IAED,cAAuB,eAAe,yCAErC;IAED,SAAS,KAAK,cAAc,yCAM3B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,SAAS,CAAA;KAC1B;CACD"}

package/dist/Field/FieldTextArea.d.ts

@@ -0,0 +1,26 @@
+import { InputFieldComponent } from './InputFieldComponent.js';
+/**
+ * @element mo-field-text-area
+ *
+ * @attr value
+ * @attr minLength
+ * @attr maxLength
+ * @attr pattern
+ * @attr autoComplete
+ */
+export declare class FieldTextArea extends InputFieldComponent<string> {
+    value?: string;
+    minLength?: number;
+    maxLength?: number;
+    protected valueToInputValue(value?: string): string;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
+    protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
+    protected get lengthTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-text-area': FieldTextArea;
+    }
+}
+//# sourceMappingURL=FieldTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTextArea.d.ts","sourceRoot":"","sources":["../../../Field/FieldTextArea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D;;;;;;;;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"}

package/dist/Field/InputFieldComponent.d.ts

@@ -0,0 +1,30 @@
+import { PropertyValues } from '@a11d/lit';
+import { FieldComponent } from './FieldComponent.js';
+/**
+ * @attr selectOnFocus - Selects the input text when the field receives focus.
+ * @attr dense - Whether the field is dense
+ *
+ * @csspart input - The input element.
+ */
+export declare abstract class InputFieldComponent<T> extends FieldComponent<T> {
+    selectOnFocus: boolean;
+    dense: boolean;
+    protected inputStringValue?: string;
+    readonly inputElement: HTMLInputElement;
+    get isPopulated(): boolean;
+    protected get isDense(): boolean;
+    protected update(changedProperties: PropertyValues<this>): void;
+    protected handleInput(value?: T, e?: Event): void;
+    protected handleChange(value?: T, event?: Event): void;
+    protected abstract valueToInputValue(value?: T): string | undefined;
+    protected handleFocus(): void;
+    blur(): void;
+    focus(): void;
+    select(): void;
+    setSelectionRange(...args: Parameters<HTMLInputElement['setSelectionRange']>): void;
+    setRangeText(...args: Parameters<HTMLInputElement['setRangeText']>): void;
+    setCustomValidity(error: string): void;
+    checkValidity(): Promise<boolean>;
+    reportValidity(): void;
+}
+//# sourceMappingURL=InputFieldComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFieldComponent.d.ts","sourceRoot":"","sources":["../../../Field/InputFieldComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,WAAW,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD;;;;;GAKG;AACH,8BAAsB,mBAAmB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACzB,aAAa,UAAQ;IACpC,KAAK,UAAQ;IAEjC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAErB,QAAQ,CAAC,YAAY,EAAG,gBAAgB,CAAA;IAE/D,IAAa,WAAW,YAEvB;IAED,cAAuB,OAAO,YAE7B;cAEkB,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;cAO9C,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;cAKhC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK;IAKxD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS;cAEhD,WAAW;IAOrB,IAAI;IAIJ,KAAK;IAId,MAAM;IAIN,iBAAiB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAI5E,YAAY,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAIzD,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAI/B,aAAa;IAIb,cAAc;CAGvB"}

package/dist/Field/index.d.ts

@@ -0,0 +1,13 @@
+import '@3mo/localization';
+export * from './FieldComponent.js';
+export * from './InputFieldComponent.js';
+export * from './Field.js';
+export * from './FieldText.js';
+export * from './FieldPassword.js';
+export * from './FieldNumber.js';
+export * from './FieldPercent.js';
+export * from './FieldCurrency.js';
+export * from './FieldSearch.js';
+export * from './FieldEmail.js';
+export * from './FieldTextArea.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}

package/dist/FieldDate.d.ts

@@ -0,0 +1,22 @@
+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;
+}
+/** @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;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-date': FieldDate;
+    }
+}
+export {};
+//# sourceMappingURL=FieldDate.d.ts.map

package/dist/FieldDate.d.ts.map

@@ -0,0 +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"}

package/dist/FieldDate.js

@@ -0,0 +1,45 @@
+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);
+    }
+}
+/** @element mo-field-date */
+let FieldDate = class FieldDate extends FieldDateBase {
+    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;
+    }
+};
+__decorate([
+    property({ type: Object })
+], FieldDate.prototype, "value", void 0);
+FieldDate = __decorate([
+    component('mo-field-date')
+], FieldDate);
+export { FieldDate };

package/dist/FieldDateBase.d.ts

@@ -0,0 +1,26 @@
+import { InputFieldComponent } from '@3mo/field';
+import { MaterialIcon } from '@3mo/icon';
+import { CalendarSelectionAdapter, SelectableCalendar } from './calendar/index.js';
+/**
+ * @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
+ */
+export declare abstract class FieldDateBase<T> extends InputFieldComponent<T> {
+    open: boolean;
+    hideDatePicker: boolean;
+    shortcutReferenceDate: import("@3mo/date-time/DateTime.js").DateTime;
+    protected readonly calendarElement?: SelectableCalendar<T>;
+    protected readonly abstract calendarSelectionAdapterConstructor: Constructor<CalendarSelectionAdapter<T>>;
+    protected handleChange(value?: T, e?: Event): void;
+    static get styles(): import("@a11d/lit").CSSResult;
+    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 readonly calendarIconButtonIcon: MaterialIcon;
+    protected handleCalendarChange(value: T): void;
+}
+//# sourceMappingURL=FieldDateBase.d.ts.map

package/dist/FieldDateBase.d.ts.map

@@ -0,0 +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,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"}

package/dist/FieldDateBase.js

@@ -0,0 +1,95 @@
+import { __decorate } from "tslib";
+import { css, html, live, nothing, property, query, style } from '@a11d/lit';
+import { InputFieldComponent } from '@3mo/field';
+/**
+ * @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
+ */
+export class FieldDateBase extends InputFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.hideDatePicker = false;
+        this.shortcutReferenceDate = new DateTime;
+        this.calendarIconButtonIcon = 'today';
+    }
+    handleChange(value, e) {
+        super.handleChange(value, e);
+        this.inputStringValue = this.valueToInputValue(value);
+    }
+    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;
+			}
+		`;
+    }
+    get endSlotTemplate() {
+        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)}
+			>
+		`;
+    }
+    get calendarIconButtonTemplate() {
+        return html `
+			${this.hideDatePicker ? nothing : html `
+				<mo-icon-button tabindex='-1' dense slot='end'
+					icon=${this.calendarIconButtonIcon}
+					${style({ color: this.open ? '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'
+					.anchor=${this}
+					?open=${this.open}
+					@openChange=${(e) => this.open = e.detail}
+				>${!this.open ? nothing : this.menuContentTemplate}</mo-popover>
+			`}
+		`;
+    }
+    get menuContentTemplate() {
+        return html `
+			<mo-selectable-calendar
+				.selectionAdapterConstructor=${this.calendarSelectionAdapterConstructor}
+				.value=${this.value}
+				@change=${(e) => this.handleCalendarChange(e.detail)}
+			></mo-selectable-calendar>
+		`;
+    }
+    handleCalendarChange(value) {
+        this.value = value;
+        this.change.dispatch(value);
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FieldDateBase.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], FieldDateBase.prototype, "hideDatePicker", void 0);
+__decorate([
+    property({ type: Object })
+], FieldDateBase.prototype, "shortcutReferenceDate", void 0);
+__decorate([
+    query('mo-selectable-calendar')
+], FieldDateBase.prototype, "calendarElement", void 0);

package/dist/FieldDateRange.d.ts

@@ -0,0 +1,34 @@
+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 menuContentTemplate(): import("lit-html").TemplateResult<1>;
+    protected valueToInputValue(value: DateTimeRange | undefined): string;
+    protected inputValueToValue(value: string): import("@3mo/date-time/DateTimeRange.js").DateTimeRange | undefined;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-date-range': FieldDateRange;
+    }
+}
+export {};
+//# sourceMappingURL=FieldDateRange.d.ts.map

package/dist/FieldDateRange.d.ts.map

@@ -0,0 +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"}