@3mo/date-time-fields 0.10.1 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@3mo/date-time-fields",
-	"version": "0.10.1",
+	"version": "0.10.2",
 	"description": "Date time fields let people select dates, date-ranges, and times.",
 	"repository": {
 		"type": "git",

package/dist/selection/calendar/SelectableRangeCalendar.d.ts

@@ -1,22 +0,0 @@
-import { type PropertyValues } from '@a11d/lit';
-import { type DateTime } from '@3mo/date-time';
-import { SelectableCalendar } from './SelectableCalendar.js';
-/** @fires change */
-export declare class SelectableRangeCalendar extends SelectableCalendar {
-    dateRange?: DateTimeRange;
-    private readonly monthElement;
-    protected updated(pops: PropertyValues<this>): void;
-    protected static get calendarStyles(): import("@a11d/lit").CSSResult;
-    private static getRangeStyles;
-    protected getDayElementClasses(day: DateTime): {
-        start: boolean;
-        end: boolean;
-        selected: boolean;
-    };
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-selectable-range-calendar': SelectableRangeCalendar;
-    }
-}
-//# sourceMappingURL=SelectableRangeCalendar.d.ts.map

package/dist/selection/calendar/SelectableRangeCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableRangeCalendar.d.ts","sourceRoot":"","sources":["../../../selection/calendar/SelectableRangeCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,oBAAoB;AACpB,qBACa,uBAAwB,SAAQ,kBAAkB;IAClC,SAAS,CAAC,EAAE,aAAa,CAAA;IAEpC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAc;cAEzC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IASrD,qBAA8B,cAAc,kCAoB3C;IAED,OAAO,CAAC,MAAM,CAAC,cAAc;cAgBV,oBAAoB,CAAC,GAAG,EAAE,QAAQ;;;;;CAUrD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,uBAAuB,CAAA;KACvD;CACD"}

package/dist/selection/calendar/SelectableRangeCalendar.js

@@ -1,70 +0,0 @@
-import { __decorate } from "tslib";
-import { component, css, property, query, unsafeCSS } from '@a11d/lit';
-import { SelectableCalendar } from './SelectableCalendar.js';
-/** @fires change */
-let SelectableRangeCalendar = class SelectableRangeCalendar extends SelectableCalendar {
-    updated(pops) {
-        super.updated(pops);
-        this.monthElement.dataset.selection = this.dataset.selection;
-        this.monthElement.toggleAttribute('data-start-exists', !!this.dateRange?.start);
-        this.monthElement.toggleAttribute('data-end-exists', !!this.dateRange?.end);
-        this.monthElement.toggleAttribute('data-start-behind', this.dateRange?.start?.isBefore(this.navigatingValue.monthEnd.weekEnd) ?? false);
-        this.monthElement.toggleAttribute('data-end-ahead', this.dateRange?.end?.isAfter(this.navigatingValue.monthEnd.weekEnd) ?? false);
-    }
-    static get calendarStyles() {
-        return css `
-			.month {
-				&:not(:hover) {
-					${this.getRangeStyles({ start: '.selected.start', end: '.selected.end' })}
-				}
-
-				&:hover {
-					/* After start is selected: */
-					&[data-selection=end] {
-						${this.getRangeStyles({ start: '.selected.start', end: ':hover' })}
-					}
-
-					/* After end is selected: */
-					&[data-selection=start] {
-						${this.getRangeStyles({ start: ':hover', end: '.selected.end' })}
-					}
-				}
-			}
-		`;
-    }
-    static getRangeStyles({ start, end }) {
-        return css `
-			.day${unsafeCSS(start)}, .day${unsafeCSS(end)} {
-				background: var(--mo-color-accent-transparent) !important;
-				color: var(--mo-color-accent);
-			}
-
-			.day${unsafeCSS(start)} ~ :not(${unsafeCSS(end)}):not(${unsafeCSS(end)} ~ *), /* Start is visible, end is visible or not */
-			&[data-start-exists]:has(${unsafeCSS(end)}):not(:has(${unsafeCSS(start)})) .day:not(${unsafeCSS(end)}):not(${unsafeCSS(end)} ~ *), /* Start is not visible, end is visible */
-			&[data-start-before][data-end-ahead] .day /* Start is before, end is after */
-			{
-				background: color-mix(in srgb, var(--mo-color-accent), transparent 92%);
-			}
-		`;
-    }
-    getDayElementClasses(day) {
-        const start = this.dateRange?.start?.dayStart.equals(day.dayStart) ?? false;
-        const end = this.dateRange?.end?.dayStart.equals(day.dayStart) ?? false;
-        return {
-            ...super.getDayElementClasses(day),
-            start,
-            end,
-            selected: start || end,
-        };
-    }
-};
-__decorate([
-    property({ type: Object })
-], SelectableRangeCalendar.prototype, "dateRange", void 0);
-__decorate([
-    query('.month')
-], SelectableRangeCalendar.prototype, "monthElement", void 0);
-SelectableRangeCalendar = __decorate([
-    component('mo-selectable-range-calendar')
-], SelectableRangeCalendar);
-export { SelectableRangeCalendar };