@omegagrid/calendar 0.10.105 → 0.10.107

package/dist/ui/dropdown.d.ts

@@ -1,28 +1,38 @@
-import { Dropdown, Input, LayoutOptions } from "@omegagrid/core";
+import { Dropdown, Input, LayoutOptions, dates } from "@omegagrid/core";
 import { Options } from "../options";
 import { Calendar } from "./calendar";
+import { CalendarTime } from "./timeRow";
 export declare class CalendarDropdown extends Dropdown {
     #private;
     static styles: import("lit").CSSResult[];
     calendarOptions: Options;
     buttonInput: boolean;
+    /** enables time of day (hours and minutes) selection below the calendar; a day pick then keeps the dropdown open, default `false` */
+    withTime: boolean;
     get value(): Date;
     set value(value: Date);
     cross: boolean;
     caption: string;
     placeholder: string;
     input: Input;
+    get timeHours(): number;
+    get timeMinutes(): number;
     get hasCrossButton(): boolean;
     get calendar(): Calendar;
+    get timeRow(): CalendarTime;
     open(initialValue?: string): Promise<void>;
+    updated(props: Map<string, unknown>): void;
     clearValue(dispatchEvent?: boolean): void;
     _onInputFocus: () => void;
     parseDate(value: string): Date;
     isWithinBounds(date: Date): boolean;
+    get inputDateText(): string;
     _onInputBlur: () => void;
     _onInput: () => void;
     _onInputKeydown: (e: KeyboardEvent) => void;
     layout(options?: LayoutOptions): void;
+    get dateTimeFormatter(): dates.DateFormatterFunction;
+    get formattedValue(): string;
     getButtonContentHtml(): import("lit-html").TemplateResult<1>;
     render: () => import("lit-html").TemplateResult<1>;
 }

package/dist/ui/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAErF,OAAO,EAAe,OAAO,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,qBACa,gBAAiB,SAAQ,QAAQ;;IAE7C,MAAM,CAAC,MAAM,4BAA+B;IAG5C,eAAe,EAAE,OAAO,CAErB;IAGH,WAAW,UAAS;IAGpB,IACI,KAAK,IACQ,IAAI,CADa;IAClC,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,EAMpB;IAGD,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,KAAK,CAAC;IAIb,IAAI,cAAc,YAEjB;IAED,IAAI,QAAQ,aAaX;IAEK,IAAI,CAAC,YAAY,GAAE,MAAa;IAOtC,UAAU,CAAC,aAAa,UAAO;IAM/B,aAAa,aAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,cAAc,CAAC,IAAI,EAAE,IAAI;IAKzB,YAAY,aAQX;IAED,QAAQ,aAGP;IAED,eAAe,GAAI,GAAG,aAAa,UAKlC;IAED,MAAM,CAAC,OAAO,CAAC,EAAE,aAAa;IAK9B,oBAAoB;IAUpB,MAAM,6CAiCJ;CACF"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAe,MAAM,iBAAiB,CAAC;AAErF,OAAO,EAAe,OAAO,EAAE,MAAM,YAAY,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,qBACa,gBAAiB,SAAQ,QAAQ;;IAE7C,MAAM,CAAC,MAAM,4BAA+B;IAG5C,eAAe,EAAE,OAAO,CAErB;IAGH,WAAW,UAAS;IAEpB,qIAAqI;IAErI,QAAQ,UAAS;IAGjB,IACI,KAAK,IACQ,IAAI,CADa;IAClC,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,EAMpB;IAGD,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,KAAK,CAAC;IASb,IAAI,SAAS,WAAuE;IACpF,IAAI,WAAW,WAA2E;IAO1F,IAAI,cAAc,YAEjB;IAED,IAAI,QAAQ,aAeX;IAED,IAAI,OAAO,iBAkBV;IAEK,IAAI,CAAC,YAAY,GAAE,MAAa;IAQtC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAQnC,UAAU,CAAC,aAAa,UAAO;IAQ/B,aAAa,aAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,cAAc,CAAC,IAAI,EAAE,IAAI;IAOzB,IAAI,aAAa,WAEhB;IAED,YAAY,aASX;IAED,QAAQ,aAGP;IAED,eAAe,GAAI,GAAG,aAAa,UAKlC;IAED,MAAM,CAAC,OAAO,CAAC,EAAE,aAAa;IAK9B,IAAI,iBAAiB,gCAEpB;IAED,IAAI,cAAc,WAGjB;IAED,oBAAoB;IAUpB,MAAM,6CAiCJ;CACF"}

package/dist/ui/dropdown.js

@@ -15,27 +15,37 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _CalendarDropdown_value, _CalendarDropdown_calendar;
+var _CalendarDropdown_instances, _CalendarDropdown_value, _CalendarDropdown_calendar, _CalendarDropdown_timeRow, _CalendarDropdown_pendingHours, _CalendarDropdown_pendingMinutes, _CalendarDropdown_normalizeTime;
 import { Dropdown, dates, dom, events } from "@omegagrid/core";
 import { customElement, property, query } from "lit/decorators.js";
 import { initOptions } from "../options";
 import { html } from "lit";
+import { set, startOfDay } from "date-fns";
 import { style } from "./dropdown.style";
 let CalendarDropdown = class CalendarDropdown extends Dropdown {
     constructor() {
         super(...arguments);
+        _CalendarDropdown_instances.add(this);
         this.calendarOptions = initOptions({
             controlsPosition: 'bottom'
         });
         this.buttonInput = false;
+        /** enables time of day (hours and minutes) selection below the calendar; a day pick then keeps the dropdown open, default `false` */
+        this.withTime = false;
         _CalendarDropdown_value.set(this, void 0);
         this.cross = false;
         _CalendarDropdown_calendar.set(this, void 0);
+        _CalendarDropdown_timeRow.set(this, void 0);
+        // time of day selected before any date is picked (merged into the next day pick)
+        _CalendarDropdown_pendingHours.set(this, 0);
+        _CalendarDropdown_pendingMinutes.set(this, 0);
         this._onInputFocus = () => {
             this.open();
         };
         this._onInputBlur = () => {
-            let newDate = this.parseDate(this.input.value);
+            let newDate = this.parseDate(this.inputDateText);
+            if (newDate != null && this.withTime)
+                newDate = set(newDate, { hours: this.timeHours, minutes: this.timeMinutes, seconds: 0, milliseconds: 0 });
             if (newDate != null && !this.isWithinBounds(newDate))
                 newDate = null;
             if (newDate == null)
@@ -46,7 +56,7 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
             }
         };
         this._onInput = () => {
-            const newDate = this.parseDate(this.input.value);
+            const newDate = this.parseDate(this.inputDateText);
             if (newDate && this.isWithinBounds(newDate))
                 __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").date = newDate;
         };
@@ -64,7 +74,7 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
 				@input="${this._onInput}"
 				@blur="${this._onInputBlur}"
 				placeholder="${this.placeholder || ''}"
-				.value="${this.calendar?.formattedDate || ''}">
+				.value="${this.formattedValue || ''}">
 			</og-input>
 		` : html `
 			<og-button
@@ -93,12 +103,14 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
     }
     get value() { return __classPrivateFieldGet(this, _CalendarDropdown_value, "f"); }
     set value(value) {
-        __classPrivateFieldSet(this, _CalendarDropdown_value, value, "f");
+        __classPrivateFieldSet(this, _CalendarDropdown_value, __classPrivateFieldGet(this, _CalendarDropdown_instances, "m", _CalendarDropdown_normalizeTime).call(this, value), "f");
         if (__classPrivateFieldGet(this, _CalendarDropdown_calendar, "f")) {
-            __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").date = value;
+            __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").date = __classPrivateFieldGet(this, _CalendarDropdown_value, "f");
             this.requestUpdate();
         }
     }
+    get timeHours() { return __classPrivateFieldGet(this, _CalendarDropdown_value, "f") ? __classPrivateFieldGet(this, _CalendarDropdown_value, "f").getHours() : __classPrivateFieldGet(this, _CalendarDropdown_pendingHours, "f"); }
+    get timeMinutes() { return __classPrivateFieldGet(this, _CalendarDropdown_value, "f") ? __classPrivateFieldGet(this, _CalendarDropdown_value, "f").getMinutes() : __classPrivateFieldGet(this, _CalendarDropdown_pendingMinutes, "f"); }
     get hasCrossButton() {
         return this.cross && __classPrivateFieldGet(this, _CalendarDropdown_value, "f") != null;
     }
@@ -110,21 +122,56 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
         __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").options = this.calendarOptions;
         __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").slot = 'inner-content';
         __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").addEventListener('change', (e) => {
-            __classPrivateFieldSet(this, _CalendarDropdown_value, e.value, "f");
-            this.close();
-            this.dispatchEvent(new events.ChangeEvent({ value: e.value }));
+            __classPrivateFieldSet(this, _CalendarDropdown_value, this.withTime
+                ? set(e.value, { hours: this.timeHours, minutes: this.timeMinutes })
+                : e.value, "f");
+            if (!this.withTime)
+                this.close();
+            this.dispatchEvent(new events.ChangeEvent({ value: __classPrivateFieldGet(this, _CalendarDropdown_value, "f") }));
             this.requestUpdate();
         });
         return __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f");
     }
+    get timeRow() {
+        if (__classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f"))
+            return __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f");
+        __classPrivateFieldSet(this, _CalendarDropdown_timeRow, dom.createElement('og-calendar-time'), "f");
+        __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").slot = 'inner-content';
+        __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").style.flex = '0 0 auto'; // the container stretches slotted children by default
+        __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").hours = this.timeHours;
+        __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").minutes = this.timeMinutes;
+        __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").addEventListener('change', (e) => {
+            if (__classPrivateFieldGet(this, _CalendarDropdown_value, "f")) {
+                __classPrivateFieldSet(this, _CalendarDropdown_value, set(__classPrivateFieldGet(this, _CalendarDropdown_value, "f"), { ...e.value, seconds: 0, milliseconds: 0 }), "f");
+                this.dispatchEvent(new events.ChangeEvent({ value: __classPrivateFieldGet(this, _CalendarDropdown_value, "f") }));
+                this.requestUpdate();
+            }
+            else {
+                __classPrivateFieldSet(this, _CalendarDropdown_pendingHours, e.value.hours, "f");
+                __classPrivateFieldSet(this, _CalendarDropdown_pendingMinutes, e.value.minutes, "f");
+            }
+        });
+        return __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f");
+    }
     async open(initialValue = null) {
         if (initialValue != null)
             this.input.value = initialValue;
         if (this.calendar.parentElement != this.dropdown)
             this.dropdown.appendChild(this.calendar);
+        if (this.withTime && this.timeRow.parentElement != this.dropdown)
+            this.dropdown.appendChild(this.timeRow);
         await super.open();
     }
+    updated(props) {
+        super.updated(props);
+        if (this.withTime && __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f")) {
+            __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").hours = this.timeHours;
+            __classPrivateFieldGet(this, _CalendarDropdown_timeRow, "f").minutes = this.timeMinutes;
+        }
+    }
     clearValue(dispatchEvent = true) {
+        __classPrivateFieldSet(this, _CalendarDropdown_pendingHours, 0, "f");
+        __classPrivateFieldSet(this, _CalendarDropdown_pendingMinutes, 0, "f");
         this.value = null;
         this.close();
         if (dispatchEvent)
@@ -135,16 +182,30 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
     }
     isWithinBounds(date) {
         const { minDate, maxDate } = this.calendarOptions;
+        if (this.withTime)
+            date = startOfDay(date); // bounds are day-granular
         return (!minDate || date >= minDate) && (!maxDate || date <= maxDate);
     }
+    // with time enabled only the first token is the date, the typed time is ignored (the spinners own the time)
+    get inputDateText() {
+        return this.withTime ? this.input.value.trim().split(/\s+/)[0] ?? '' : this.input.value;
+    }
     layout(options) {
         super.layout(options);
         __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f")?.layout();
     }
+    get dateTimeFormatter() {
+        return dates.getDateFormatter(this.calendarOptions.locale, this.calendarOptions.dateFormat + ' HH:mm');
+    }
+    get formattedValue() {
+        if (!this.withTime)
+            return this.calendar?.formattedDate;
+        return __classPrivateFieldGet(this, _CalendarDropdown_value, "f") ? this.dateTimeFormatter(__classPrivateFieldGet(this, _CalendarDropdown_value, "f")) : '';
+    }
     getButtonContentHtml() {
         const caption = this.caption ? html `<div class="caption">${this.caption}</div>` : null;
         const placeholder = this.placeholder ? html `<div class="placeholder">${this.placeholder}</div>` : null;
-        const formattedDate = this.calendar?.formattedDate;
+        const formattedDate = this.formattedValue;
         return formattedDate ? html `${caption ? html `${caption}:` : ``}<div class="itm">${formattedDate}</div>` : (caption
             ? html `${caption}${placeholder ? html `:&nbsp;${placeholder}` : ``}`
             : (placeholder ? html `${placeholder}` : html `&nbsp;`));
@@ -152,6 +213,15 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
 };
 _CalendarDropdown_value = new WeakMap();
 _CalendarDropdown_calendar = new WeakMap();
+_CalendarDropdown_timeRow = new WeakMap();
+_CalendarDropdown_pendingHours = new WeakMap();
+_CalendarDropdown_pendingMinutes = new WeakMap();
+_CalendarDropdown_instances = new WeakSet();
+_CalendarDropdown_normalizeTime = function _CalendarDropdown_normalizeTime(value) {
+    if (value == null || !this.withTime)
+        return value;
+    return set(value, { seconds: 0, milliseconds: 0 });
+};
 CalendarDropdown.styles = [...Dropdown.styles, style];
 __decorate([
     property({ type: Object })
@@ -159,6 +229,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], CalendarDropdown.prototype, "buttonInput", void 0);
+__decorate([
+    property({ type: Boolean })
+], CalendarDropdown.prototype, "withTime", void 0);
 __decorate([
     property({ type: Object, noAccessor: true })
 ], CalendarDropdown.prototype, "value", null);

package/dist/ui/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAwB,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAW,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIlC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ;IAAvC;;QAKN,oBAAe,GAAY,WAAW,CAAC;YACtC,gBAAgB,EAAE,QAAQ;SAC1B,CAAC,CAAC;QAGH,gBAAW,GAAG,KAAK,CAAC;QAEpB,0CAAa;QAYb,UAAK,GAAG,KAAK,CAAC;QAWd,6CAAoB;QAkCpB,kBAAa,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,IAAI,EAAE,CAAC;QACb,CAAC,CAAA;QAWD,iBAAY,GAAG,GAAG,EAAE;YACnB,IAAI,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,OAAO,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;gBAAE,OAAO,GAAG,IAAI,CAAC;YACrE,IAAI,OAAO,IAAI,IAAI;gBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YAC3C,IAAI,OAAO,EAAE,OAAO,EAAE,KAAK,uBAAA,IAAI,+BAAO,EAAE,OAAO,EAAE,EAAE,CAAC;gBACnD,uBAAA,IAAI,2BAAU,OAAO,MAAA,CAAC;gBACtB,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;YACjE,CAAC;QACF,CAAC,CAAA;QAED,aAAQ,GAAG,GAAG,EAAE;YACf,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;gBAAE,uBAAA,IAAI,kCAAU,CAAC,IAAI,GAAG,OAAO,CAAC;QAC5E,CAAC,CAAA;QAED,oBAAe,GAAG,CAAC,CAAgB,EAAE,EAAE;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,CAAC;QACF,CAAC,CAAA;QAiBD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEX,IAAI,CAAC,eAAe;cACtB,IAAI,CAAC,aAAa;cAClB,IAAI,CAAC,QAAQ;aACd,IAAI,CAAC,YAAY;mBACX,IAAI,CAAC,WAAW,IAAI,EAAE;cAC3B,IAAI,CAAC,QAAQ,EAAE,aAAa,IAAI,EAAE;;GAE7C,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC/B,IAAI,CAAC,KAAK;;;kBAGL,IAAI,CAAC,YAAY;;OAE5B,IAAI,CAAC,oBAAoB,EAAE;;;GAG/B;;IAEC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;kBAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;;;GAI1C,CAAC,CAAC,CAAC,EAAE;;IAEJ,IAAI,CAAC,cAAc,EAAE;EACvB,CAAC;IACH,CAAC;IA3IA,IAAI,KAAK,KAAK,OAAO,uBAAA,IAAI,+BAAO,CAAA,CAAC,CAAC;IAClC,IAAI,KAAK,CAAC,KAAW;QACpB,uBAAA,IAAI,2BAAU,KAAK,MAAA,CAAC;QACpB,IAAI,uBAAA,IAAI,kCAAU,EAAE,CAAC;YACpB,uBAAA,IAAI,kCAAU,CAAC,IAAI,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACtB,CAAC;IACF,CAAC;IAgBD,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,KAAK,IAAI,uBAAA,IAAI,+BAAO,IAAI,IAAI,CAAC;IAC1C,CAAC;IAED,IAAI,QAAQ;QACX,IAAI,uBAAA,IAAI,kCAAU;YAAE,OAAO,uBAAA,IAAI,kCAAU,CAAC;QAC1C,uBAAA,IAAI,8BAAa,GAAG,CAAC,aAAa,CAAW,aAAa,CAAC,MAAA,CAAC;QAC5D,uBAAA,IAAI,kCAAU,CAAC,IAAI,GAAG,uBAAA,IAAI,+BAAO,CAAC;QAClC,uBAAA,IAAI,kCAAU,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;QAC9C,uBAAA,IAAI,kCAAU,CAAC,IAAI,GAAG,eAAe,CAAC;QACtC,uBAAA,IAAI,kCAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAA2B,EAAE,EAAE;YACzE,uBAAA,IAAI,2BAAU,CAAC,CAAC,KAAK,MAAA,CAAC;YACtB,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;YAC7D,IAAI,CAAC,aAAa,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;QACH,OAAO,uBAAA,IAAI,kCAAU,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,eAAuB,IAAI;QACrC,IAAI,YAAY,IAAI,IAAI;YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC;QAE1D,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3F,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,UAAU,CAAC,aAAa,GAAG,IAAI;QAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC9E,CAAC;IAMD,SAAS,CAAC,KAAa;QACtB,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;IAED,cAAc,CAAC,IAAU;QACxB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAClD,OAAO,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC;IACvE,CAAC;IAwBD,MAAM,CAAC,OAAuB;QAC7B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACtB,uBAAA,IAAI,kCAAU,EAAE,MAAM,EAAE,CAAC;IAC1B,CAAC;IAED,oBAAoB;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,wBAAwB,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACvF,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,WAAW,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACvG,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC;QACnD,OAAO,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,oBAAoB,aAAa,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;YACjH,CAAC,CAAC,IAAI,CAAA,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YACnE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,CAAC,CACrD,CAAC;IACH,CAAC;;;;AAnHM,uBAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,AAA9B,CAA+B;AAG5C;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yDAGtB;AAGH;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qDACN;AAIpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;6CACT;AAUlC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;+CAC3B;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;iDACT;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qDACL;AAGpB;IADC,KAAK,CAAC,UAAU,CAAC;+CACL;AAjCD,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAyJ5B","sourcesContent":["import { Dropdown, Input, LayoutOptions, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = value;\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\t\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = e.value;\n\t\t\tthis.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: e.value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tawait super.open();\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\tisWithinBounds(date: Date) {\n\t\tconst { minDate, maxDate } = this.calendarOptions;\n\t\treturn (!minDate || date >= minDate) && (!maxDate || date <= maxDate);\n\t}\n\n\t_onInputBlur = () => {\n\t\tlet newDate = this.parseDate(this.input.value);\n\t\tif (newDate != null && !this.isWithinBounds(newDate)) newDate = null;\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t}\n\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.input.value);\n\t\tif (newDate && this.isWithinBounds(newDate)) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout(options?: LayoutOptions) {\n\t\tsuper.layout(options);\n\t\tthis.#calendar?.layout();\n\t}\n\n\tgetButtonContentHtml() {\n\t\tconst caption = this.caption ? html`<div class=\"caption\">${this.caption}</div>` : null;\n\t\tconst placeholder = this.placeholder ? html`<div class=\"placeholder\">${this.placeholder}</div>` : null;\n\t\tconst formattedDate = this.calendar?.formattedDate;\n\t\treturn formattedDate ? html`${caption ? html`${caption}:` : ``}<div class=\"itm\">${formattedDate}</div>` : (caption\n\t\t\t? html`${caption}${placeholder ? html`:&nbsp;${placeholder}` : ``}`\n\t\t\t: (placeholder ? html`${placeholder}` : html`&nbsp;`)\n\t\t);\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\tplaceholder=\"${this.placeholder || ''}\"\n\t\t\t\t.value=\"${this.calendar?.formattedDate || ''}\">\n\t\t\t</og-input>\n\t\t` : html`\n\t\t\t<og-button\n\t\t\t\t.caret=\"${this.noCaret ? 'none' : 'down'}\"\n\t\t\t\tcolor=\"${this.color}\"\n\t\t\t\tclass=\"main\"\n\t\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t\t<div class=\"content\" slot=\"content\">\n\t\t\t\t\t${this.getButtonContentHtml()}\n\t\t\t\t</div>\n\t\t\t</og-button>\n\t\t`}\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tclass=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, Input, LayoutOptions, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { set, startOfDay } from \"date-fns\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\nimport { CalendarTime } from \"./timeRow\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t/** enables time of day (hours and minutes) selection below the calendar; a day pick then keeps the dropdown open, default `false` */\n\t@property({type: Boolean})\n\twithTime = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = this.#normalizeTime(value);\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = this.#value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\n\t#timeRow: CalendarTime;\n\n\t// time of day selected before any date is picked (merged into the next day pick)\n\t#pendingHours = 0;\n\t#pendingMinutes = 0;\n\n\tget timeHours() { return this.#value ? this.#value.getHours() : this.#pendingHours }\n\tget timeMinutes() { return this.#value ? this.#value.getMinutes() : this.#pendingMinutes }\n\n\t#normalizeTime(value: Date) {\n\t\tif (value == null || !this.withTime) return value;\n\t\treturn set(value, {seconds: 0, milliseconds: 0});\n\t}\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = this.withTime\n\t\t\t\t? set(e.value, {hours: this.timeHours, minutes: this.timeMinutes})\n\t\t\t\t: e.value;\n\t\t\tif (!this.withTime) this.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tget timeRow() {\n\t\tif (this.#timeRow) return this.#timeRow;\n\t\tthis.#timeRow = dom.createElement<CalendarTime>('og-calendar-time');\n\t\tthis.#timeRow.slot = 'inner-content';\n\t\tthis.#timeRow.style.flex = '0 0 auto'; // the container stretches slotted children by default\n\t\tthis.#timeRow.hours = this.timeHours;\n\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\tthis.#timeRow.addEventListener('change', (e: events.ChangeEvent<{hours: number, minutes: number}>) => {\n\t\t\tif (this.#value) {\n\t\t\t\tthis.#value = set(this.#value, {...e.value, seconds: 0, milliseconds: 0});\n\t\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.#value}));\n\t\t\t\tthis.requestUpdate();\n\t\t\t} else {\n\t\t\t\tthis.#pendingHours = e.value.hours;\n\t\t\t\tthis.#pendingMinutes = e.value.minutes;\n\t\t\t}\n\t\t});\n\t\treturn this.#timeRow;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tif (this.withTime && this.timeRow.parentElement != this.dropdown) this.dropdown.appendChild(this.timeRow);\n\t\tawait super.open();\n\t}\n\n\tupdated(props: Map<string, unknown>) {\n\t\tsuper.updated(props);\n\t\tif (this.withTime && this.#timeRow) {\n\t\t\tthis.#timeRow.hours = this.timeHours;\n\t\t\tthis.#timeRow.minutes = this.timeMinutes;\n\t\t}\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.#pendingHours = 0;\n\t\tthis.#pendingMinutes = 0;\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\tisWithinBounds(date: Date) {\n\t\tconst { minDate, maxDate } = this.calendarOptions;\n\t\tif (this.withTime) date = startOfDay(date); // bounds are day-granular\n\t\treturn (!minDate || date >= minDate) && (!maxDate || date <= maxDate);\n\t}\n\n\t// with time enabled only the first token is the date, the typed time is ignored (the spinners own the time)\n\tget inputDateText() {\n\t\treturn this.withTime ? this.input.value.trim().split(/\\s+/)[0] ?? '' : this.input.value;\n\t}\n\n\t_onInputBlur = () => {\n\t\tlet newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate != null && this.withTime) newDate = set(newDate, {hours: this.timeHours, minutes: this.timeMinutes, seconds: 0, milliseconds: 0});\n\t\tif (newDate != null && !this.isWithinBounds(newDate)) newDate = null;\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t}\n\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.inputDateText);\n\t\tif (newDate && this.isWithinBounds(newDate)) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout(options?: LayoutOptions) {\n\t\tsuper.layout(options);\n\t\tthis.#calendar?.layout();\n\t}\n\n\tget dateTimeFormatter() {\n\t\treturn dates.getDateFormatter(this.calendarOptions.locale, this.calendarOptions.dateFormat + ' HH:mm');\n\t}\n\n\tget formattedValue() {\n\t\tif (!this.withTime) return this.calendar?.formattedDate;\n\t\treturn this.#value ? this.dateTimeFormatter(this.#value) : '';\n\t}\n\n\tgetButtonContentHtml() {\n\t\tconst caption = this.caption ? html`<div class=\"caption\">${this.caption}</div>` : null;\n\t\tconst placeholder = this.placeholder ? html`<div class=\"placeholder\">${this.placeholder}</div>` : null;\n\t\tconst formattedDate = this.formattedValue;\n\t\treturn formattedDate ? html`${caption ? html`${caption}:` : ``}<div class=\"itm\">${formattedDate}</div>` : (caption\n\t\t\t? html`${caption}${placeholder ? html`:&nbsp;${placeholder}` : ``}`\n\t\t\t: (placeholder ? html`${placeholder}` : html`&nbsp;`)\n\t\t);\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\tplaceholder=\"${this.placeholder || ''}\"\n\t\t\t\t.value=\"${this.formattedValue || ''}\">\n\t\t\t</og-input>\n\t\t` : html`\n\t\t\t<og-button\n\t\t\t\t.caret=\"${this.noCaret ? 'none' : 'down'}\"\n\t\t\t\tcolor=\"${this.color}\"\n\t\t\t\tclass=\"main\"\n\t\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t\t<div class=\"content\" slot=\"content\">\n\t\t\t\t\t${this.getButtonContentHtml()}\n\t\t\t\t</div>\n\t\t\t</og-button>\n\t\t`}\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tclass=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
 export * from './calendar';
 export * from './dropdown';
+export * from './timeRow';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/dist/ui/index.js

@@ -1,3 +1,4 @@
 export * from './calendar';
 export * from './dropdown';
+export * from './timeRow';
 //# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC","sourcesContent":["export * from './calendar';\nexport * from './dropdown';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC","sourcesContent":["export * from './calendar';\nexport * from './dropdown';\nexport * from './timeRow';\n"]}

package/dist/ui/timeRow.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+/**
+ * Time of day (hours and minutes) selection row, used by the calendar dropdown when time selection is enabled.
+ * Dispatches a `change` event with `{hours, minutes}` value.
+ */
+export declare class CalendarTime extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    hours: number;
+    minutes: number;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=timeRow.d.ts.map

package/dist/ui/timeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeRow.d.ts","sourceRoot":"","sources":["../../src/ui/timeRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;GAGG;AACH,qBACa,YAAa,SAAQ,UAAU;;IAE3C,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,SAAK;IAGV,OAAO,SAAK;IAWZ,MAAM,6CAqBJ;CACF"}

package/dist/ui/timeRow.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _CalendarTime_onChange;
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { events } from '@omegagrid/core';
+import { msg } from '@omegagrid/localize';
+import { style } from './timeRow.style';
+/**
+ * Time of day (hours and minutes) selection row, used by the calendar dropdown when time selection is enabled.
+ * Dispatches a `change` event with `{hours, minutes}` value.
+ */
+let CalendarTime = class CalendarTime extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hours = 0;
+        this.minutes = 0;
+        _CalendarTime_onChange.set(this, (e) => {
+            const target = e.target;
+            const value = target.value ?? 0;
+            if (target.classList.contains('hours'))
+                this.hours = value;
+            else
+                this.minutes = value;
+            this.requestUpdate(); // renders a cleared input back to '00'
+            this.dispatchEvent(new events.ChangeEvent({ value: { hours: this.hours, minutes: this.minutes } }));
+        });
+        this.render = () => html `
+		<div class="label">${msg('time')}</div>
+		<og-numericinput
+			class="hours"
+			buttons
+			format="00"
+			.value="${this.hours}"
+			min="0"
+			max="23"
+			@change="${__classPrivateFieldGet(this, _CalendarTime_onChange, "f")}">
+		</og-numericinput>
+		<div class="separator">:</div>
+		<og-numericinput
+			class="minutes"
+			buttons
+			format="00"
+			.value="${this.minutes}"
+			min="0"
+			max="59"
+			@change="${__classPrivateFieldGet(this, _CalendarTime_onChange, "f")}">
+		</og-numericinput>
+	`;
+    }
+};
+_CalendarTime_onChange = new WeakMap();
+CalendarTime.styles = [style];
+__decorate([
+    property({ type: Number })
+], CalendarTime.prototype, "hours", void 0);
+__decorate([
+    property({ type: Number })
+], CalendarTime.prototype, "minutes", void 0);
+CalendarTime = __decorate([
+    customElement('og-calendar-time')
+], CalendarTime);
+export { CalendarTime };
+//# sourceMappingURL=timeRow.js.map

package/dist/ui/timeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeRow.js","sourceRoot":"","sources":["../../src/ui/timeRow.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAgB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC;;;GAGG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAKN,UAAK,GAAG,CAAC,CAAC;QAGV,YAAO,GAAG,CAAC,CAAC;QAEZ,iCAAY,CAAC,CAAQ,EAAE,EAAE;YACxB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;YAChC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;gBACtD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,uCAAuC;YAC7D,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAC,EAAC,CAAC,CAAC,CAAC;QACjG,CAAC,EAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;uBACG,GAAG,CAAC,MAAM,CAAC;;;;;aAKrB,IAAI,CAAC,KAAK;;;cAGT,uBAAA,IAAI,8BAAU;;;;;;;aAOf,IAAI,CAAC,OAAO;;;cAGX,uBAAA,IAAI,8BAAU;;EAE1B,CAAC;IACH,CAAC;;;AAvCO,mBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACf;AAGV;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CACb;AARA,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAyCxB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { NumericInput, events } from '@omegagrid/core';\nimport { msg } from '@omegagrid/localize';\nimport { style } from './timeRow.style';\n\n/**\n * Time of day (hours and minutes) selection row, used by the calendar dropdown when time selection is enabled.\n * Dispatches a `change` event with `{hours, minutes}` value.\n */\n@customElement('og-calendar-time')\nexport class CalendarTime extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Number})\n\thours = 0;\n\n\t@property({type: Number})\n\tminutes = 0;\n\n\t#onChange = (e: Event) => {\n\t\tconst target = e.target as NumericInput;\n\t\tconst value = target.value ?? 0;\n\t\tif (target.classList.contains('hours')) this.hours = value;\n\t\telse this.minutes = value;\n\t\tthis.requestUpdate(); // renders a cleared input back to '00'\n\t\tthis.dispatchEvent(new events.ChangeEvent({value: {hours: this.hours, minutes: this.minutes}}));\n\t}\n\n\trender = () => html`\n\t\t<div class=\"label\">${msg('time')}</div>\n\t\t<og-numericinput\n\t\t\tclass=\"hours\"\n\t\t\tbuttons\n\t\t\tformat=\"00\"\n\t\t\t.value=\"${this.hours}\"\n\t\t\tmin=\"0\"\n\t\t\tmax=\"23\"\n\t\t\t@change=\"${this.#onChange}\">\n\t\t</og-numericinput>\n\t\t<div class=\"separator\">:</div>\n\t\t<og-numericinput\n\t\t\tclass=\"minutes\"\n\t\t\tbuttons\n\t\t\tformat=\"00\"\n\t\t\t.value=\"${this.minutes}\"\n\t\t\tmin=\"0\"\n\t\t\tmax=\"59\"\n\t\t\t@change=\"${this.#onChange}\">\n\t\t</og-numericinput>\n\t`;\n}\n"]}

package/dist/ui/timeRow.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=timeRow.style.d.ts.map

package/dist/ui/timeRow.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeRow.style.d.ts","sourceRoot":"","sources":["../../src/ui/timeRow.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBAmCjB,CAAC"}

package/dist/ui/timeRow.style.js

@@ -0,0 +1,39 @@
+import { css } from 'lit';
+import constants from '../constants';
+export const style = css `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: flex;
+		flex: 0 0 auto;
+		flex-direction: row;
+		align-items: center;
+		box-sizing: border-box;
+		height: ${constants.HEADER_HEIGHT + 4}px;
+		border-top: 1px solid var(--og-border-color);
+		font-family: var(--og-font-family);
+		font-size: var(--og-font-size);
+		color: var(--og-text-color);
+		padding: 2px 5px;
+		background-color: var(--og-background-color);
+	}
+
+	.label {
+		flex: 1;
+		text-align: right;
+		color: var(--og-text-color-2);
+		padding-right: 5px;
+	}
+
+	.separator {
+		padding: 0 2px;
+	}
+
+	og-numericinput {
+		width: 58px;
+		height: 100%;
+	}
+`;
+//# sourceMappingURL=timeRow.style.js.map

package/dist/ui/timeRow.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeRow.style.js","sourceRoot":"","sources":["../../src/ui/timeRow.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;YAWZ,SAAS,CAAC,aAAa,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAwBtC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tbox-sizing: border-box;\n\t\theight: ${constants.HEADER_HEIGHT + 4}px;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tcolor: var(--og-text-color);\n\t\tpadding: 2px 5px;\n\t\tbackground-color: var(--og-background-color);\n\t}\n\n\t.label {\n\t\tflex: 1;\n\t\ttext-align: right;\n\t\tcolor: var(--og-text-color-2);\n\t\tpadding-right: 5px;\n\t}\n\n\t.separator {\n\t\tpadding: 0 2px;\n\t}\n\n\tog-numericinput {\n\t\twidth: 58px;\n\t\theight: 100%;\n\t}\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/calendar",
-  "version": "0.10.105",
+  "version": "0.10.107",
   "license": "UNLICENSED",
   "description": "Calendar component",
   "main": "./dist/index.js",
@@ -28,10 +28,10 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/core": "^0.10.105",
-    "@omegagrid/grid": "^0.10.105",
-    "@omegagrid/grid-core": "^0.10.105",
-    "@omegagrid/localize": "^0.10.105",
+    "@omegagrid/core": "^0.10.107",
+    "@omegagrid/grid": "^0.10.107",
+    "@omegagrid/grid-core": "^0.10.107",
+    "@omegagrid/localize": "^0.10.107",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",
     "ts-debounce": "^4.0.0"