@3mo/data-grid 0.0.1

package/dist/DataGridHeaderSeparator.js

@@ -0,0 +1,129 @@
+import { __decorate } from "tslib";
+import { Component, component, property, html, css, state, event, eventListener, nothing, style } from '@a11d/lit';
+/** @fires columnUpdate {CustomEvent} */
+let DataGridHeaderSeparator = class DataGridHeaderSeparator extends Component {
+    constructor() {
+        super(...arguments);
+        this.isResizing = false;
+        this.delta = 0;
+        this.minimum = 30;
+        this.handleMouseDown = () => {
+            this.isResizing = true;
+            this.initialWidth = this.getColumnWidth(this.column);
+        };
+    }
+    static get styles() {
+        return css `
+			div.separator {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				inset-inline-start: calc(var(--mo-data-grid-columns-gap) * -1);
+				width: var(--mo-data-grid-columns-gap);
+				height: 100%;
+				cursor: col-resize;
+				user-select: none;
+			}
+
+			.knob {
+				height: var(--mo-data-grid-header-separator-height);
+				width: var(--mo-data-grid-header-separator-width);
+				border-radius: 100px;
+				background-color: var(--mo-color-gray);
+				transition: 0.2s;
+			}
+
+			.separator:hover .knob {
+				--mo-data-grid-header-separator-height: 30px;
+				--mo-data-grid-header-separator-width: 8px;
+				background-color: var(--mo-color-accent);
+				cursor: col-resize;
+			}
+
+			.resizerOverlay {
+				position: fixed;
+				top: 0;
+				height: 100%;
+				background: var(--mo-color-gray);
+				width: 2px;
+			}
+		`;
+    }
+    get template() {
+        return html `
+			<div class='separator' @mousedown=${this.handleMouseDown}>
+				<div class='knob'></div>
+			</div>
+
+			${this.isResizing === false ? nothing : html `
+				<div class='resizerOverlay' ${style({ marginInlineStart: `${this.delta}px` })}></div>
+			`}
+		`;
+    }
+    handleMouseUp() {
+        if (this.isResizing) {
+            this.isResizing = false;
+            this.delta = 0;
+            this.initialWidth = undefined;
+            this.column.width = `${this.targetWidth}px`;
+            this.dataGrid.setColumns(this.dataGrid.columns);
+            this.columnUpdate.dispatch();
+        }
+    }
+    handleMouseMove(e) {
+        if (this.isResizing === false || this.initialWidth === undefined) {
+            return;
+        }
+        const mouseX = e.clientX;
+        const offsetLeft = this.offsetLeft;
+        this.delta = mouseX - offsetLeft - this.dataGrid.offsetLeft;
+        this.targetWidth = this.initialWidth + this.delta;
+        if (this.targetWidth < this.minimum) {
+            this.delta = this.minimum - this.initialWidth;
+            this.targetWidth = this.minimum;
+        }
+    }
+    getColumnWidth(column) {
+        var _a;
+        if (column.hidden === true) {
+            return 0;
+        }
+        column.width = (_a = column.width) !== null && _a !== void 0 ? _a : '1fr';
+        const columnIndex = this.dataGrid.visibleColumns.findIndex(c => c === this.column);
+        const targetColumnIndex = this.dataGrid.visibleColumns.findIndex(c => c === column);
+        let targetColumn = this.previousElementSibling;
+        if (columnIndex !== targetColumnIndex) {
+            let steps = (targetColumnIndex - columnIndex) * 2 - 1;
+            while (steps >= 0) {
+                targetColumn = targetColumn.nextElementSibling;
+                steps--;
+            }
+        }
+        return targetColumn.clientWidth || 0;
+    }
+};
+__decorate([
+    event()
+], DataGridHeaderSeparator.prototype, "columnUpdate", void 0);
+__decorate([
+    property({ type: Object })
+], DataGridHeaderSeparator.prototype, "dataGrid", void 0);
+__decorate([
+    property({ type: Object })
+], DataGridHeaderSeparator.prototype, "column", void 0);
+__decorate([
+    state()
+], DataGridHeaderSeparator.prototype, "isResizing", void 0);
+__decorate([
+    state()
+], DataGridHeaderSeparator.prototype, "delta", void 0);
+__decorate([
+    eventListener({ target: window, type: 'mouseup' })
+], DataGridHeaderSeparator.prototype, "handleMouseUp", null);
+__decorate([
+    eventListener({ target: window, type: 'mousemove' })
+], DataGridHeaderSeparator.prototype, "handleMouseMove", null);
+DataGridHeaderSeparator = __decorate([
+    component('mo-data-grid-header-separator')
+], DataGridHeaderSeparator);
+export { DataGridHeaderSeparator };

package/dist/DataGridPrimaryContextMenuItem.d.ts

@@ -0,0 +1,10 @@
+import { ContextMenuItem } from '@3mo/context-menu';
+export declare class DataGridPrimaryContextMenuItem extends ContextMenuItem {
+    static get styles(): import("@a11d/lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-primary-context-menu-item': DataGridPrimaryContextMenuItem;
+    }
+}
+//# sourceMappingURL=DataGridPrimaryContextMenuItem.d.ts.map

package/dist/DataGridPrimaryContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridPrimaryContextMenuItem.d.ts","sourceRoot":"","sources":["../DataGridPrimaryContextMenuItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,qBACa,8BAA+B,SAAQ,eAAe;IAClE,WAAoB,MAAM,kCAOzB;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wCAAwC,EAAE,8BAA8B,CAAA;KACxE;CACD"}

package/dist/DataGridPrimaryContextMenuItem.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { component, css } from '@a11d/lit';
+import { ContextMenuItem } from '@3mo/context-menu';
+let DataGridPrimaryContextMenuItem = class DataGridPrimaryContextMenuItem extends ContextMenuItem {
+    static get styles() {
+        return css `
+			${super.styles}
+			:host {
+				font-weight: bold;
+			}
+		`;
+    }
+};
+DataGridPrimaryContextMenuItem = __decorate([
+    component('mo-data-grid-primary-context-menu-item')
+], DataGridPrimaryContextMenuItem);
+export { DataGridPrimaryContextMenuItem };

package/dist/DataGridSidePanel.d.ts

@@ -0,0 +1,26 @@
+import { Component } from '@a11d/lit';
+import { DataGrid } from './DataGrid.js';
+export declare const enum DataGridSidePanelTab {
+    Settings = "settings",
+    Filters = "filters"
+}
+/**
+ * @element mo-data-grid-side-panel
+ * @attr dataGrid
+ * @attr tab
+ */
+export declare class DataGridSidePanel<TData> extends Component {
+    dataGrid: DataGrid<TData, any>;
+    tab?: DataGridSidePanelTab;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+    protected get filtersTemplate(): import("lit-html").TemplateResult<1>;
+    protected get settingsTemplate(): import("lit-html").TemplateResult<1>;
+    private readonly getColumnTemplate;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-side-panel': DataGridSidePanel<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridSidePanel.d.ts.map

package/dist/DataGridSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAA2C,MAAM,WAAW,CAAA;AAKhG,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AASxC,0BAAkB,oBAAoB;IACrC,QAAQ,aAAa;IACrB,OAAO,YAAY;CACnB;AAED;;;;GAIG;AACH,qBACa,iBAAiB,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1B,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAEtC,WAAoB,MAAM,kCAgDzB;IAED,cAAuB,QAAQ,yCA6B9B;IAED,SAAS,KAAK,eAAe,yCAM5B;IAED,SAAS,KAAK,gBAAgB,yCAiB7B;IAED,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAcjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;KACrD;CACD"}

package/dist/DataGridSidePanel.js

@@ -0,0 +1,150 @@
+import { __decorate } from "tslib";
+import { component, style, Component, css, html, ifDefined, nothing, property } from '@a11d/lit';
+import { Localizer } from '@3mo/localization';
+import { tooltip } from '@3mo/tooltip';
+Localizer.register("de" /* LanguageCode.German */, {
+    'Settings': 'Einstellungen',
+    'Extended Filters': 'Weitere Filter',
+    'Export as Excel file': 'Als Excel-Datei Exportieren',
+    'Columns': 'Spalten',
+});
+/**
+ * @element mo-data-grid-side-panel
+ * @attr dataGrid
+ * @attr tab
+ */
+let DataGridSidePanel = class DataGridSidePanel extends Component {
+    constructor() {
+        super(...arguments);
+        this.getColumnTemplate = (column) => {
+            const change = async (e) => {
+                var _a;
+                column.hidden = ((_a = e.target) === null || _a === void 0 ? void 0 : _a.checked) === false;
+                this.dataGrid.setColumns(this.dataGrid.columns);
+                this.dataGrid.requestUpdate();
+                await this.dataGrid.updateComplete;
+            };
+            return html `
+			<mo-checkbox ${style({ height: '30px' })}
+				label=${column.heading}
+				?checked=${column.hidden === false}
+				@change=${change}
+			></mo-checkbox>
+		`;
+        };
+    }
+    static get styles() {
+        return css `
+			:host {
+				display: inline-block !important;
+				transition: var(--mo-duration-quick);
+				width: 100%;
+				height: 100%;
+				transform-origin: right center;
+			}
+
+			:host(:not([hidden])) {
+				border-inline-start: var(--mo-data-grid-border);
+				background: var(--mo-color-transparent-gray-1);
+				opacity: 1;
+			}
+
+			:host([hidden]) {
+				opacity: 0;
+				transform: scale(0, 1);
+				width: 0;
+			}
+
+			#flexHeading {
+				border-top: var(--mo-data-grid-border);
+				border-bottom: var(--mo-data-grid-border);
+				height: var(--mo-data-grid-header-height);
+				padding-inline-start: 14px;
+			}
+
+			mo-scroller {
+				width: calc(100% - calc(2 * 14px));
+				padding: 0 14px;
+				margin-top: 14px;
+				overflow-x: hidden;
+			}
+
+			mo-scroller::part(container) {
+				width: calc(100% - calc(2 * 14px));
+			}
+
+			mo-section mo-checkbox {
+				margin-inline-start: -6px;
+			}
+
+			mo-section mo-icon-button {
+				margin-inline-start: -10px;
+			}
+		`;
+    }
+    get template() {
+        return html `
+			<mo-flex ${style({ height: '100%' })}>
+				${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? nothing : html `
+					<mo-tab-bar
+						value=${ifDefined(this.dataGrid.sidePanelTab)}
+						@change=${(e) => { var _a; return this.dataGrid.navigateToSidePanelTab((_a = e.detail) !== null && _a !== void 0 ? _a : "settings" /* DataGridSidePanelTab.Settings */); }}
+					>
+						<mo-tab icon='filter_list' value=${"filters" /* DataGridSidePanelTab.Filters */}></mo-tab>
+						<mo-tab icon='settings' value=${"settings" /* DataGridSidePanelTab.Settings */}></mo-tab>
+					</mo-tab-bar>
+				`}
+
+				${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? nothing : html `
+					<mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
+						<mo-heading typography='heading6' ${style({ width: '*', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === "filters" /* DataGridSidePanelTab.Filters */ ? 'Extended Filters' : 'Settings')}</mo-heading>
+						<mo-icon-button icon='close' dense
+							${tooltip(t('Close'))}
+							${style({ cursor: 'pointer', color: 'var(--mo-color-gray)' })}
+							@click=${() => this.dataGrid.navigateToSidePanelTab(undefined)}
+						></mo-icon-button>
+					</mo-flex>
+				`}
+
+				<mo-scroller ${style({ height: '*' })}>
+					${this.dataGrid.sidePanelTab === "filters" /* DataGridSidePanelTab.Filters */ ? this.filtersTemplate : this.settingsTemplate}
+				</mo-scroller>
+			</mo-flex>
+		`;
+    }
+    get filtersTemplate() {
+        return html `
+			<mo-flex gap='14px'>
+				<slot name='filter'></slot>
+			</mo-flex>
+		`;
+    }
+    get settingsTemplate() {
+        return html `
+			<mo-flex gap='14px'>
+				<slot name='settings'></slot>
+
+				<mo-section heading=${t('Columns')}>
+					${this.dataGrid.columns.map(this.getColumnTemplate)}
+				</mo-section>
+
+				<mo-section heading='Tools'>
+					<mo-icon-button icon='file_download'
+						${tooltip('Export as Excel file')}
+						@click=${() => this.dataGrid.exportExcelFile()}
+					></mo-icon-button>
+				</mo-section>
+			</mo-flex>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], DataGridSidePanel.prototype, "dataGrid", void 0);
+__decorate([
+    property()
+], DataGridSidePanel.prototype, "tab", void 0);
+DataGridSidePanel = __decorate([
+    component('mo-data-grid-side-panel')
+], DataGridSidePanel);
+export { DataGridSidePanel };

package/dist/DateTime/DateTime.d.ts

@@ -0,0 +1,48 @@
+import { Temporal } from 'temporal-polyfill';
+import { TimeSpan } from './TimeSpan.js';
+export declare class DateTime extends Date {
+    static readonly isoRegularExpression: RegExp;
+    static getWeekDayNames(language?: import("@3mo/localization").LanguageCode): string[];
+    static fromEpochNanoseconds(epochNanoseconds: bigint): DateTime;
+    private _temporalInstant?;
+    get temporalInstant(): Temporal.Instant;
+    private _zonedDateTime?;
+    get zonedDateTime(): Temporal.ZonedDateTime;
+    equals(comparisonDate: Parameters<Temporal.Instant['equals']>[0] | DateTime): boolean;
+    isBefore(comparisonDate: DateTime): boolean;
+    isAfter(comparisonDate: DateTime): boolean;
+    since(comparisonDate?: Parameters<Temporal.Instant['since']>[0] | DateTime): TimeSpan;
+    until(comparisonDate?: Parameters<Temporal.Instant['until']>[0] | DateTime): TimeSpan;
+    add(...parameters: Parameters<Temporal.ZonedDateTime['add']>): DateTime;
+    subtract(...parameters: Parameters<Temporal.ZonedDateTime['subtract']>): DateTime;
+    round(...parameters: Parameters<Temporal.ZonedDateTime['round']>): DateTime;
+    get day(): number;
+    addDays(days: number): DateTime;
+    get dayOfWeek(): number;
+    get weekOfYear(): number;
+    get weekRange(): import("./DateTimeRange.js").DateTimeRange;
+    get weekStart(): DateTime | undefined;
+    get weekEnd(): DateTime | undefined;
+    addWeeks(weeks: number): DateTime;
+    static get monthNames(): string[];
+    get month(): number;
+    get localMonth(): number;
+    get monthName(): string | undefined;
+    get monthRange(): import("./DateTimeRange.js").DateTimeRange;
+    get monthStart(): DateTime | undefined;
+    get monthEnd(): DateTime | undefined;
+    addMonths(months: number): DateTime;
+    addYears(years: number): DateTime;
+    get year(): number;
+    get yearStart(): DateTime;
+    get yearEnd(): DateTime;
+    get yearNames(): string[];
+    get yearName(): string | undefined;
+}
+type DateTimeClass = typeof DateTime;
+declare global {
+    var DateTime: DateTimeClass;
+    type DateTime = InstanceType<DateTimeClass>;
+}
+export {};
+//# sourceMappingURL=DateTime.d.ts.map

package/dist/DateTime/DateTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../DateTime/DateTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,qBAAa,QAAS,SAAQ,IAAI;IACjC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,SAAqF;IAEzH,MAAM,CAAC,eAAe,CAAC,QAAQ,2CAA4B;IAM3D,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,MAAM;IAIpD,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,IAAI,eAAe,qBAElB;IAED,OAAO,CAAC,cAAc,CAAC,CAAwB;IAC/C,IAAI,aAAa,2BAKhB;IAED,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ;IAK3E,QAAQ,CAAC,cAAc,EAAE,QAAQ;IAIjC,OAAO,CAAC,cAAc,EAAE,QAAQ;IAIhC,KAAK,CAAC,cAAc,GAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAuB;IAMxF,KAAK,CAAC,cAAc,GAAE,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAuB;IAMxF,GAAG,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAI5D,QAAQ,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAItE,KAAK,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAIhE,IAAI,GAAG,WAEN;IAED,OAAO,CAAC,IAAI,EAAE,MAAM;IAIpB,IAAI,SAAS,WAEZ;IAED,IAAI,UAAU,WAEb;IAED,IAAI,SAAS,+CAIZ;IAED,IAAI,SAAS,yBAEZ;IAED,IAAI,OAAO,yBAEV;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,MAAM,KAAK,UAAU,aAIpB;IAED,IAAI,KAAK,WAER;IAED,IAAI,UAAU,WAEb;IAED,IAAI,SAAS,uBAEZ;IAED,IAAI,UAAU,+CAMb;IAED,IAAI,UAAU,yBAEb;IAED,IAAI,QAAQ,yBAEX;IAED,SAAS,CAAC,MAAM,EAAE,MAAM;IAIxB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,IAAI,IAAI,WAEP;IAED,IAAI,SAAS,aAEZ;IAED,IAAI,OAAO,aAEV;IAED,IAAI,SAAS,aAIZ;IAED,IAAI,QAAQ,uBAEX;CACD;AAGD,KAAK,aAAa,GAAG,OAAO,QAAQ,CAAA;AACpC,OAAO,CAAC,MAAM,CAAC;IAEd,IAAI,QAAQ,EAAE,aAAa,CAAA;IAC3B,KAAK,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;CAC3C"}

package/dist/DateTime/DateTimeRange.d.ts

@@ -0,0 +1,23 @@
+import { LanguageCode } from '@3mo/localization';
+export declare class DateTimeRange {
+    static parse(dateRange: string): DateTimeRange;
+    private static getUntilDelimiter;
+    private static sort;
+    readonly start?: DateTime;
+    readonly end?: DateTime;
+    constructor(startDate?: Date, endDate?: Date);
+    get isInfinite(): boolean;
+    includes(date: Date): boolean;
+    equals(other: DateTimeRange): boolean | undefined;
+    toString(): string;
+    format(options?: Intl.DateTimeFormatOptions & {
+        readonly language?: LanguageCode;
+    }): string;
+}
+type DateTimeRangeClass = typeof DateTimeRange;
+declare global {
+    var DateTimeRange: DateTimeRangeClass;
+    type DateTimeRange = InstanceType<DateTimeRangeClass>;
+}
+export {};
+//# sourceMappingURL=DateTimeRange.d.ts.map

package/dist/DateTime/DateTimeRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeRange.d.ts","sourceRoot":"","sources":["../../../DateTime/DateTimeRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqC,MAAM,mBAAmB,CAAA;AAEnF,qBAAa,aAAa;IACzB,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM;IAS9B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAQhC,OAAO,CAAC,MAAM,CAAC,IAAI;IAQnB,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAA;gBAEX,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI;IAQ5C,IAAI,UAAU,YAEb;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI;IAInB,MAAM,CAAC,KAAK,EAAE,aAAa;IAK3B,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GAAG;QAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;KAAE;CAuBlF;AAGD,KAAK,kBAAkB,GAAG,OAAO,aAAa,CAAA;AAC9C,OAAO,CAAC,MAAM,CAAC;IAEd,IAAI,aAAa,EAAE,kBAAkB,CAAA;IACrC,KAAK,aAAa,GAAG,YAAY,CAAC,kBAAkB,CAAC,CAAA;CACrD"}

package/dist/DateTime/TimeSpan.d.ts

@@ -0,0 +1,40 @@
+import { LanguageCode } from '@3mo/localization';
+export declare class TimeSpan {
+    readonly milliseconds: number;
+    static readonly ticksPerSecond = 1000;
+    static readonly ticksPerMinute: number;
+    static readonly ticksPerHour: number;
+    static readonly ticksPerDay: number;
+    static readonly ticksPerWeek: number;
+    static readonly ticksPerMonths: number;
+    static readonly ticksPerYear: number;
+    static get zero(): TimeSpan;
+    static fromMilliseconds(milliseconds: number): TimeSpan;
+    static fromSeconds(seconds: number): TimeSpan;
+    static fromMinutes(minutes: number): TimeSpan;
+    static fromHours(hours: number): TimeSpan;
+    static fromDays(days: number): TimeSpan;
+    static fromWeeks(weeks: number): TimeSpan;
+    static fromMonths(months: number): TimeSpan;
+    static fromYears(years: number): TimeSpan;
+    constructor(milliseconds: number);
+    get seconds(): number;
+    get minutes(): number;
+    get hours(): number;
+    get days(): number;
+    get weeks(): number;
+    get months(): number;
+    get years(): number;
+    valueOf(): number;
+    toString(): string;
+    format(options?: Intl.RelativeTimeFormatOptions & {
+        readonly language?: LanguageCode;
+    }): string;
+}
+type TimeSpanClass = typeof TimeSpan;
+declare global {
+    var TimeSpan: TimeSpanClass;
+    type TimeSpan = InstanceType<TimeSpanClass>;
+}
+export {};
+//# sourceMappingURL=TimeSpan.d.ts.map

package/dist/DateTime/TimeSpan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSpan.d.ts","sourceRoot":"","sources":["../../../DateTime/TimeSpan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAA;AAExE,qBAAa,QAAQ;IAmBR,QAAQ,CAAC,YAAY,EAAE,MAAM;IAlBzC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IACrC,MAAM,CAAC,QAAQ,CAAC,cAAc,SAA+B;IAC7D,MAAM,CAAC,QAAQ,CAAC,YAAY,SAA+B;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,SAA6B;IACxD,MAAM,CAAC,QAAQ,CAAC,YAAY,SAA2B;IACvD,MAAM,CAAC,QAAQ,CAAC,cAAc,SAA4B;IAC1D,MAAM,CAAC,QAAQ,CAAC,YAAY,SAA6B;IAEzD,MAAM,KAAK,IAAI,aAA6B;IAC5C,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM;IAC5C,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM;IAClC,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM;IAClC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM;IAC9B,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;IAC5B,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM;IAC9B,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM;IAChC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM;gBAET,YAAY,EAAE,MAAM;IAEzC,IAAI,OAAO,WAAyD;IACpE,IAAI,OAAO,WAAyD;IACpE,IAAI,KAAK,WAAuD;IAChE,IAAI,IAAI,WAAsD;IAC9D,IAAI,KAAK,WAAuD;IAChE,IAAI,MAAM,WAAyD;IACnE,IAAI,KAAK,WAAuD;IAEhE,OAAO;IAEP,QAAQ;IAER,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,yBAAyB,GAAG;QAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;KAAE;CAqBtF;AAID,KAAK,aAAa,GAAG,OAAO,QAAQ,CAAA;AACpC,OAAO,CAAC,MAAM,CAAC;IAEd,IAAI,QAAQ,EAAE,aAAa,CAAA;IAC3B,KAAK,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;CAC3C"}

package/dist/DateTime/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DateTime.js';
+export * from './DateTimeRange.js';
+export * from './TimeSpan.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/DateTimeFields/DateParser.d.ts

@@ -0,0 +1,9 @@
+export declare class DateParser {
+    private static getDateSeparator;
+    static parse(dateText: string, referenceDate?: import("@3mo/date-time/DateTime.js").DateTime): import("@3mo/date-time/DateTime.js").DateTime | undefined;
+    private static parseDateFromLocalDate;
+    private static parseDateFromOperation;
+    private static parseDateFromShortcut;
+    private static parseDateFromKeyword;
+}
+//# sourceMappingURL=DateParser.d.ts.map

package/dist/DateTimeFields/DateParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateParser.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/DateParser.ts"],"names":[],"mappings":"AAEA,qBAAa,UAAU;IACtB,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAI/B,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,gDAAe;IAgC3D,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAgBrC,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAiBrC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAOpC,OAAO,CAAC,MAAM,CAAC,oBAAoB;CA8BnC"}

package/dist/DateTimeFields/DateRangeParser.d.ts

@@ -0,0 +1,7 @@
+export declare class DateRangeParser {
+    static readonly dateRangeSeparator = " \u2013 ";
+    static readonly userDateRangeSeparators: string[];
+    static parse(dateRangeText: string, referenceDate?: import("@3mo/date-time/DateTime.js").DateTime): import("@3mo/date-time/DateTimeRange.js").DateTimeRange;
+    private static parseDateRangeFromKeyword;
+}
+//# sourceMappingURL=DateRangeParser.d.ts.map

package/dist/DateTimeFields/DateRangeParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeParser.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/DateRangeParser.ts"],"names":[],"mappings":"AAEA,qBAAa,eAAe;IAC3B,MAAM,CAAC,QAAQ,CAAC,kBAAkB,cAAQ;IAC1C,MAAM,CAAC,QAAQ,CAAC,uBAAuB,WAAsD;IAE7F,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,gDAAe;IAqBhE,OAAO,CAAC,MAAM,CAAC,yBAAyB;CAiBxC"}

package/dist/DateTimeFields/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/DateTimeFields/FieldDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDate.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/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;IAIlD,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/DateTimeFields/FieldDateBase.d.ts

@@ -0,0 +1,29 @@
+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;
+    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").HTMLTemplateResult;
+    protected get popoverTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get calendarTemplate(): import("lit-html").TemplateResult<1>;
+    protected readonly calendarIconButtonIcon: MaterialIcon;
+    protected handleCalendarChange(value: T): void;
+}
+//# sourceMappingURL=FieldDateBase.d.ts.map

package/dist/DateTimeFields/FieldDateBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/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,0CAEvC;IAED,SAAS,KAAK,eAAe,0CAE5B;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

@@ -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 calendarTemplate(): 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/DateTimeFields/FieldDateRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDateRange.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/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/DateTimeFields/FieldTime.d.ts

@@ -0,0 +1,11 @@
+import { FieldText } from '@3mo/text-fields';
+export declare class FieldTime extends FieldText {
+    readonly inputType = "time";
+    protected get startSlotTemplate(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-field-time': FieldTime;
+    }
+}
+//# sourceMappingURL=FieldTime.d.ts.map

package/dist/DateTimeFields/FieldTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTime.d.ts","sourceRoot":"","sources":["../../../DateTimeFields/FieldTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,qBACa,SAAU,SAAQ,SAAS;IACvC,SAAkB,SAAS,UAAS;IAEpC,cAAuB,iBAAiB,yCAEvC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,SAAS,CAAA;KAC1B;CACD"}