@nyaruka/temba-components 0.127.0 → 0.129.0

package/out-tsc/src/datepicker/RangePicker.js

@@ -0,0 +1,595 @@
+import { __decorate } from "tslib";
+import { property } from 'lit/decorators.js';
+import { RapidElement } from '../RapidElement';
+import { DateTime } from 'luxon';
+import { html, css } from 'lit';
+import { CustomEventType } from '../interfaces';
+export class RangePicker extends RapidElement {
+    constructor() {
+        super(...arguments);
+        this.startDate = '';
+        this.endDate = '';
+        this.editingStart = false;
+        this.editingEnd = false;
+        this.selectedRange = '';
+        this.minDate = '2012-01-01';
+        this.maxDate = DateTime.now().toISODate();
+    }
+    handleStartClick() {
+        this.editingStart = true;
+    }
+    handleEndClick() {
+        this.editingEnd = true;
+    }
+    setRange(type) {
+        const today = DateTime.now().toISODate();
+        let start = '';
+        if (type === 'W') {
+            start = DateTime.now().minus({ days: 6 }).toISODate();
+        }
+        else if (type === 'M') {
+            start = DateTime.now().minus({ months: 1 }).plus({ days: 1 }).toISODate();
+        }
+        else if (type === 'Y') {
+            start = DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate();
+        }
+        else if (type === 'ALL') {
+            start = this.minDate || '2012-01-01';
+        }
+        this.startDate = start;
+        this.endDate = today;
+        this.selectedRange = type;
+        this.editingStart = false;
+        this.editingEnd = false;
+        this.fireCustomEvent(CustomEventType.DateRangeChanged, {
+            start: this.startDate,
+            end: this.endDate,
+            range: this.selectedRange
+        });
+    }
+    setValidRange(type, value) {
+        // Enforce min/max
+        let newValue = value;
+        if (newValue < this.minDate)
+            newValue = this.minDate;
+        if (newValue > this.maxDate)
+            newValue = this.maxDate;
+        const start = DateTime.fromISO(type === 'start' ? newValue : this.startDate);
+        const end = DateTime.fromISO(type === 'end' ? newValue : this.endDate);
+        if (!start.isValid || !end.isValid)
+            return;
+        if (start > end) {
+            if (type === 'start') {
+                this.startDate = newValue;
+                this.endDate = start.toISODate();
+            }
+            else {
+                this.endDate = newValue;
+                this.startDate = end.toISODate();
+            }
+        }
+        else {
+            if (type === 'start')
+                this.startDate = newValue;
+            else
+                this.endDate = newValue;
+        }
+        this.fireCustomEvent(CustomEventType.DateRangeChanged, {
+            start: this.startDate,
+            end: this.endDate,
+            range: this.selectedRange
+        });
+    }
+    canNavigatePrevious() {
+        if (this.selectedRange === 'ALL')
+            return false;
+        const currentStart = DateTime.fromISO(this.startDate);
+        let previousStart;
+        if (this.selectedRange === 'W') {
+            previousStart = currentStart.minus({ weeks: 1 });
+        }
+        else if (this.selectedRange === 'M') {
+            previousStart = currentStart.minus({ months: 1 });
+        }
+        else if (this.selectedRange === 'Y') {
+            previousStart = currentStart.minus({ years: 1 });
+        }
+        else if (this.selectedRange === '') {
+            // Custom range - determine the interval and navigate by that amount
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'days') {
+                previousStart = currentStart.minus({ days: interval.amount });
+            }
+            else if (interval.type === 'months') {
+                previousStart = currentStart.minus({ months: interval.amount });
+            }
+            else if (interval.type === 'years') {
+                previousStart = currentStart.minus({ years: interval.amount });
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+        return previousStart.toISODate() >= this.minDate;
+    }
+    canNavigateNext() {
+        if (this.selectedRange === 'ALL')
+            return false;
+        const currentEnd = DateTime.fromISO(this.endDate);
+        let nextEnd;
+        if (this.selectedRange === 'W') {
+            nextEnd = currentEnd.plus({ weeks: 1 });
+        }
+        else if (this.selectedRange === 'M') {
+            nextEnd = currentEnd.plus({ months: 1 });
+        }
+        else if (this.selectedRange === 'Y') {
+            nextEnd = currentEnd.plus({ years: 1 });
+        }
+        else if (this.selectedRange === '') {
+            // Custom range - determine the interval and navigate by that amount
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'days') {
+                nextEnd = currentEnd.plus({ days: interval.amount });
+            }
+            else if (interval.type === 'months') {
+                nextEnd = currentEnd.plus({ months: interval.amount });
+            }
+            else if (interval.type === 'years') {
+                nextEnd = currentEnd.plus({ years: interval.amount });
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+        return nextEnd.toISODate() <= this.maxDate;
+    }
+    getCustomRangeInterval() {
+        const start = DateTime.fromISO(this.startDate);
+        const end = DateTime.fromISO(this.endDate);
+        if (!start.isValid || !end.isValid) {
+            return { type: 'days', amount: 1 };
+        }
+        // Check if it's a complete month (first day to last day of any month)
+        const isLastDayOfMonth = end.day === end.daysInMonth;
+        if (start.day === 1 && isLastDayOfMonth) {
+            // Single complete month
+            if (start.month === end.month && start.year === end.year) {
+                return { type: 'months', amount: 1 };
+            }
+            // Multiple complete months - check if we span complete months only
+            const startOfFirstMonth = start.startOf('month');
+            const endOfLastMonth = end.endOf('month');
+            const monthsDiff = endOfLastMonth.diff(startOfFirstMonth, 'months').months + 1;
+            if (monthsDiff > 0 && Number.isInteger(monthsDiff)) {
+                return { type: 'months', amount: Math.round(monthsDiff) };
+            }
+        }
+        // Check if it's a full year
+        if (start.month === 1 &&
+            start.day === 1 &&
+            end.month === 12 &&
+            end.day === 31) {
+            // Single complete year
+            if (start.year === end.year) {
+                return { type: 'years', amount: 1 };
+            }
+            // Multiple complete years
+            const yearsDiff = end.year - start.year + 1;
+            if (yearsDiff > 0) {
+                return { type: 'years', amount: yearsDiff };
+            }
+        }
+        // Default to days for any other custom range
+        const daysDiff = end.diff(start, 'days').days + 1; // +1 to include both start and end days
+        return { type: 'days', amount: Math.max(1, Math.round(daysDiff)) };
+    }
+    navigatePrevious() {
+        if (!this.canNavigatePrevious())
+            return;
+        const currentStart = DateTime.fromISO(this.startDate);
+        const currentEnd = DateTime.fromISO(this.endDate);
+        let newStart;
+        let newEnd;
+        if (this.selectedRange === 'W') {
+            newStart = currentStart.minus({ weeks: 1 });
+            newEnd = currentEnd.minus({ weeks: 1 });
+        }
+        else if (this.selectedRange === 'M') {
+            // Check if current M range is a complete month, if so maintain month boundaries
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'months') {
+                newStart = currentStart.minus({ months: 1 }).startOf('month');
+                newEnd = newStart
+                    .plus({ months: interval.amount })
+                    .minus({ days: 1 })
+                    .endOf('day');
+            }
+            else {
+                newStart = currentStart.minus({ months: 1 });
+                newEnd = currentEnd.minus({ months: 1 });
+            }
+        }
+        else if (this.selectedRange === 'Y') {
+            newStart = currentStart.minus({ years: 1 });
+            newEnd = currentEnd.minus({ years: 1 });
+        }
+        else if (this.selectedRange === '') {
+            // Custom range - determine the interval and navigate by that amount
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'days') {
+                newStart = currentStart.minus({ days: interval.amount });
+                newEnd = currentEnd.minus({ days: interval.amount });
+            }
+            else if (interval.type === 'months') {
+                // For month navigation, maintain complete month boundaries
+                newStart = currentStart
+                    .minus({ months: interval.amount })
+                    .startOf('month');
+                newEnd = newStart
+                    .plus({ months: interval.amount })
+                    .minus({ days: 1 })
+                    .endOf('day');
+            }
+            else if (interval.type === 'years') {
+                newStart = currentStart.minus({ years: interval.amount });
+                newEnd = currentEnd.minus({ years: interval.amount });
+            }
+            else {
+                return;
+            }
+        }
+        else {
+            return;
+        }
+        // Enforce min/max bounds
+        const minDateTime = DateTime.fromISO(this.minDate);
+        const maxDateTime = DateTime.fromISO(this.maxDate);
+        const startDate = newStart < minDateTime ? this.minDate : newStart.toISODate();
+        const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();
+        this.startDate = startDate;
+        this.endDate = endDate;
+        this.fireCustomEvent(CustomEventType.DateRangeChanged, {
+            start: this.startDate,
+            end: this.endDate,
+            range: this.selectedRange
+        });
+    }
+    navigateNext() {
+        if (!this.canNavigateNext())
+            return;
+        const currentStart = DateTime.fromISO(this.startDate);
+        const currentEnd = DateTime.fromISO(this.endDate);
+        let newStart;
+        let newEnd;
+        if (this.selectedRange === 'W') {
+            newStart = currentStart.plus({ weeks: 1 });
+            newEnd = currentEnd.plus({ weeks: 1 });
+        }
+        else if (this.selectedRange === 'M') {
+            // Check if current M range is a complete month, if so maintain month boundaries
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'months') {
+                newStart = currentStart.plus({ months: 1 }).startOf('month');
+                newEnd = newStart
+                    .plus({ months: interval.amount })
+                    .minus({ days: 1 })
+                    .endOf('day');
+            }
+            else {
+                newStart = currentStart.plus({ months: 1 });
+                newEnd = currentEnd.plus({ months: 1 });
+            }
+        }
+        else if (this.selectedRange === 'Y') {
+            newStart = currentStart.plus({ years: 1 });
+            newEnd = currentEnd.plus({ years: 1 });
+        }
+        else if (this.selectedRange === '') {
+            // Custom range - determine the interval and navigate by that amount
+            const interval = this.getCustomRangeInterval();
+            if (interval.type === 'days') {
+                newStart = currentStart.plus({ days: interval.amount });
+                newEnd = currentEnd.plus({ days: interval.amount });
+            }
+            else if (interval.type === 'months') {
+                // For month navigation, maintain complete month boundaries
+                newStart = currentStart
+                    .plus({ months: interval.amount })
+                    .startOf('month');
+                newEnd = newStart
+                    .plus({ months: interval.amount })
+                    .minus({ days: 1 })
+                    .endOf('day');
+            }
+            else if (interval.type === 'years') {
+                newStart = currentStart.plus({ years: interval.amount });
+                newEnd = currentEnd.plus({ years: interval.amount });
+            }
+            else {
+                return;
+            }
+        }
+        else {
+            return;
+        }
+        // Enforce min/max bounds
+        const minDateTime = DateTime.fromISO(this.minDate);
+        const maxDateTime = DateTime.fromISO(this.maxDate);
+        const startDate = newStart < minDateTime ? this.minDate : newStart.toISODate();
+        const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();
+        this.startDate = startDate;
+        this.endDate = endDate;
+        this.fireCustomEvent(CustomEventType.DateRangeChanged, {
+            start: this.startDate,
+            end: this.endDate,
+            range: this.selectedRange
+        });
+    }
+    getNavigationLabel(direction) {
+        const interval = this.getCustomRangeInterval();
+        const amount = interval.amount;
+        const unit = interval.type === 'days'
+            ? amount === 1
+                ? 'day'
+                : 'days'
+            : interval.type === 'months'
+                ? amount === 1
+                    ? 'month'
+                    : 'months'
+                : amount === 1
+                    ? 'year'
+                    : 'years';
+        return `${direction === 'previous' ? 'Previous' : 'Next'} ${amount} ${unit}`;
+    }
+    updated(changed) {
+        super.updated(changed);
+        if ((changed.has('startDate') && changed.has('endDate') && !this.startDate) ||
+            !this.endDate) {
+            this.setRange('M');
+        }
+        if (changed.has('editingStart') && this.editingStart) {
+            setTimeout(() => {
+                var _a;
+                const startPicker = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('temba-datepicker.start-picker');
+                if (startPicker) {
+                    startPicker.handleClicked();
+                }
+            }, 0);
+        }
+        if (changed.has('editingEnd') && this.editingEnd) {
+            setTimeout(() => {
+                var _a;
+                const endPicker = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('temba-datepicker.end-picker');
+                if (endPicker) {
+                    endPicker.handleClicked();
+                }
+            }, 0);
+        }
+    }
+    render() {
+        return html `
+      <div class="range-container">
+        ${this.editingStart
+            ? html `<temba-datepicker
+              class="start-picker"
+              .value=${this.startDate}
+              .min=${this.minDate}
+              .max=${this.maxDate}
+              @change=${(e) => {
+                const value = e.target.value;
+                this.setValidRange('start', value);
+                this.editingStart = false;
+                this.selectedRange = '';
+            }}
+              @blur=${() => (this.editingStart = false)}
+            ></temba-datepicker>`
+            : html `<span class="date-display" @click=${this.handleStartClick}
+              >${this.startDate || 'Start date'}</span
+            >`}
+        <span> - </span>
+        ${this.editingEnd
+            ? html `<temba-datepicker
+              .value=${this.endDate}
+              class="end-picker"
+              .min=${this.minDate}
+              .max=${this.maxDate}
+              @change=${(e) => {
+                const value = e.target.value;
+                this.setValidRange('end', value);
+                this.editingEnd = false;
+                this.selectedRange = '';
+            }}
+              @blur=${() => (this.editingEnd = false)}
+            ></temba-datepicker>`
+            : html `<span class="date-display" @click=${this.handleEndClick}
+              >${this.endDate || 'End date'}</span
+            >`}
+        <div class="navigation-container">
+          <button
+            class="nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}"
+            ?disabled=${!this.canNavigatePrevious()}
+            @click=${this.navigatePrevious}
+            title="Previous ${this.selectedRange === 'W'
+            ? 'week'
+            : this.selectedRange === 'M'
+                ? 'month'
+                : this.selectedRange === 'Y'
+                    ? 'year'
+                    : this.selectedRange === ''
+                        ? this.getNavigationLabel('previous')
+                        : 'period'}"
+          >
+            ◀
+          </button>
+          <div class="button-group">
+            <button
+              class="range-btn ${this.selectedRange === 'W' ? 'selected' : ''}"
+              @click=${() => this.setRange('W')}
+            >
+              W
+            </button>
+            <button
+              class="range-btn ${this.selectedRange === 'M' ? 'selected' : ''}"
+              @click=${() => this.setRange('M')}
+            >
+              M
+            </button>
+            <button
+              class="range-btn ${this.selectedRange === 'Y' ? 'selected' : ''}"
+              @click=${() => this.setRange('Y')}
+            >
+              Y
+            </button>
+            <button
+              class="range-btn ${this.selectedRange === 'ALL'
+            ? 'selected'
+            : ''}"
+              @click=${() => this.setRange('ALL')}
+            >
+              All
+            </button>
+          </div>
+          <button
+            class="nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}"
+            ?disabled=${!this.canNavigateNext()}
+            @click=${this.navigateNext}
+            title="Next ${this.selectedRange === 'W'
+            ? 'week'
+            : this.selectedRange === 'M'
+                ? 'month'
+                : this.selectedRange === 'Y'
+                    ? 'year'
+                    : this.selectedRange === ''
+                        ? this.getNavigationLabel('next')
+                        : 'period'}"
+          >
+            ▶
+          </button>
+        </div>
+      </div>
+    `;
+    }
+}
+RangePicker.styles = css `
+    .range-container {
+      display: flex;
+      gap: 0.5em;
+      align-items: center;
+    }
+    .date-display {
+      cursor: pointer;
+      padding: 0.2em 0.5em;
+      margin: 0.6em 0;
+      border-radius: 4px;
+      border: 1px solid transparent;
+      transition: border 0.2s;
+    }
+
+    .date-display:hover {
+      border: 1px solid var(--color-widget-border, #bbb);
+      background: var(--color-widget-hover, #f5f5f5);
+    }
+
+    input[type='date'] {
+      font-size: 1em;
+      padding: 0.2em 0.5em;
+      border-radius: 4px;
+      border: 1px solid #bbb;
+    }
+
+    .navigation-container {
+      display: flex;
+      align-items: center;
+      gap: 0.25em;
+    }
+
+    .nav-arrow {
+      background: #f5f5f5;
+      border: 1px solid #bbb;
+
+      border-radius: var(--curvature);
+      padding: 0em 0em;
+      cursor: pointer;
+      font-size: 0.6em;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 23px;
+      height: 23px;
+      transition: background 0.2s, border 0.2s, opacity 0.2s;
+    }
+
+    .nav-arrow:hover:not(:disabled) {
+      background: #e0eaff;
+      border-color: #3399ff;
+    }
+
+    .nav-arrow:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      background: #f9f9f9;
+    }
+
+    .nav-arrow.hidden {
+      visibility: hidden;
+    }
+
+    .button-group {
+      display: flex;
+      margin-left: 0em;
+    }
+    .range-btn {
+      background: #f5f5f5;
+      border: 1px solid #bbb;
+      border-radius: 0px;
+      margin-left: -1px;
+      padding: 0.2em 0.8em;
+      cursor: pointer;
+      font-size: 0.95em;
+      transition: background 0.2s, border 0.2s;
+    }
+
+    .button-group .range-btn:first-child {
+      border-radius: 4px 0 0 4px;
+    }
+
+    .button-group .range-btn:last-child {
+      border-radius: 0 4px 4px 0;
+    }
+
+    .range-btn.selected,
+    .range-btn:active {
+      background: #e0eaff;
+      border-color: #3399ff;
+    }
+  `;
+__decorate([
+    property({ type: String, attribute: 'start' })
+], RangePicker.prototype, "startDate", void 0);
+__decorate([
+    property({ type: String, attribute: 'end' })
+], RangePicker.prototype, "endDate", void 0);
+__decorate([
+    property({ type: Boolean })
+], RangePicker.prototype, "editingStart", void 0);
+__decorate([
+    property({ type: Boolean })
+], RangePicker.prototype, "editingEnd", void 0);
+__decorate([
+    property({ type: String })
+], RangePicker.prototype, "selectedRange", void 0);
+__decorate([
+    property({ type: String, attribute: 'min' })
+], RangePicker.prototype, "minDate", void 0);
+__decorate([
+    property({ type: String, attribute: 'max' })
+], RangePicker.prototype, "maxDate", void 0);
+customElements.define('temba-range-picker', RangePicker);
+//# sourceMappingURL=RangePicker.js.map

package/out-tsc/src/datepicker/RangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.js","sourceRoot":"","sources":["../../../src/datepicker/RangePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { DateTime } from 'luxon';\nimport { html, css } from 'lit';\nimport { DatePicker } from './DatePicker';\nimport { CustomEventType } from '../interfaces';\n\nexport class RangePicker extends RapidElement {\n  static styles = css`\n    .range-container {\n      display: flex;\n      gap: 0.5em;\n      align-items: center;\n    }\n    .date-display {\n      cursor: pointer;\n      padding: 0.2em 0.5em;\n      margin: 0.6em 0;\n      border-radius: 4px;\n      border: 1px solid transparent;\n      transition: border 0.2s;\n    }\n\n    .date-display:hover {\n      border: 1px solid var(--color-widget-border, #bbb);\n      background: var(--color-widget-hover, #f5f5f5);\n    }\n\n    input[type='date'] {\n      font-size: 1em;\n      padding: 0.2em 0.5em;\n      border-radius: 4px;\n      border: 1px solid #bbb;\n    }\n\n    .navigation-container {\n      display: flex;\n      align-items: center;\n      gap: 0.25em;\n    }\n\n    .nav-arrow {\n      background: #f5f5f5;\n      border: 1px solid #bbb;\n\n      border-radius: var(--curvature);\n      padding: 0em 0em;\n      cursor: pointer;\n      font-size: 0.6em;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 23px;\n      height: 23px;\n      transition: background 0.2s, border 0.2s, opacity 0.2s;\n    }\n\n    .nav-arrow:hover:not(:disabled) {\n      background: #e0eaff;\n      border-color: #3399ff;\n    }\n\n    .nav-arrow:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #f9f9f9;\n    }\n\n    .nav-arrow.hidden {\n      visibility: hidden;\n    }\n\n    .button-group {\n      display: flex;\n      margin-left: 0em;\n    }\n    .range-btn {\n      background: #f5f5f5;\n      border: 1px solid #bbb;\n      border-radius: 0px;\n      margin-left: -1px;\n      padding: 0.2em 0.8em;\n      cursor: pointer;\n      font-size: 0.95em;\n      transition: background 0.2s, border 0.2s;\n    }\n\n    .button-group .range-btn:first-child {\n      border-radius: 4px 0 0 4px;\n    }\n\n    .button-group .range-btn:last-child {\n      border-radius: 0 4px 4px 0;\n    }\n\n    .range-btn.selected,\n    .range-btn:active {\n      background: #e0eaff;\n      border-color: #3399ff;\n    }\n  `;\n\n  @property({ type: String, attribute: 'start' })\n  startDate = '';\n\n  @property({ type: String, attribute: 'end' })\n  endDate = '';\n\n  @property({ type: Boolean })\n  editingStart = false;\n\n  @property({ type: Boolean })\n  editingEnd = false;\n\n  @property({ type: String })\n  selectedRange: 'W' | 'M' | 'Y' | 'ALL' | '' = '';\n\n  @property({ type: String, attribute: 'min' })\n  minDate = '2012-01-01';\n\n  @property({ type: String, attribute: 'max' })\n  maxDate = DateTime.now().toISODate();\n\n  private handleStartClick() {\n    this.editingStart = true;\n  }\n\n  private handleEndClick() {\n    this.editingEnd = true;\n  }\n\n  private setRange(type: 'W' | 'M' | 'Y' | 'ALL') {\n    const today = DateTime.now().toISODate();\n    let start = '';\n    if (type === 'W') {\n      start = DateTime.now().minus({ days: 6 }).toISODate();\n    } else if (type === 'M') {\n      start = DateTime.now().minus({ months: 1 }).plus({ days: 1 }).toISODate();\n    } else if (type === 'Y') {\n      start = DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate();\n    } else if (type === 'ALL') {\n      start = this.minDate || '2012-01-01';\n    }\n    this.startDate = start;\n    this.endDate = today;\n    this.selectedRange = type;\n    this.editingStart = false;\n    this.editingEnd = false;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private setValidRange(type: 'start' | 'end', value: string) {\n    // Enforce min/max\n    let newValue = value;\n    if (newValue < this.minDate) newValue = this.minDate;\n    if (newValue > this.maxDate) newValue = this.maxDate;\n    const start = DateTime.fromISO(\n      type === 'start' ? newValue : this.startDate\n    );\n    const end = DateTime.fromISO(type === 'end' ? newValue : this.endDate);\n\n    if (!start.isValid || !end.isValid) return;\n    if (start > end) {\n      if (type === 'start') {\n        this.startDate = newValue;\n        this.endDate = start.toISODate();\n      } else {\n        this.endDate = newValue;\n        this.startDate = end.toISODate();\n      }\n    } else {\n      if (type === 'start') this.startDate = newValue;\n      else this.endDate = newValue;\n    }\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private canNavigatePrevious(): boolean {\n    if (this.selectedRange === 'ALL') return false;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    let previousStart: DateTime;\n\n    if (this.selectedRange === 'W') {\n      previousStart = currentStart.minus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      previousStart = currentStart.minus({ months: 1 });\n    } else if (this.selectedRange === 'Y') {\n      previousStart = currentStart.minus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        previousStart = currentStart.minus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        previousStart = currentStart.minus({ months: interval.amount });\n      } else if (interval.type === 'years') {\n        previousStart = currentStart.minus({ years: interval.amount });\n      } else {\n        return false;\n      }\n    } else {\n      return false;\n    }\n\n    return previousStart.toISODate() >= this.minDate;\n  }\n\n  private canNavigateNext(): boolean {\n    if (this.selectedRange === 'ALL') return false;\n\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let nextEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      nextEnd = currentEnd.plus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      nextEnd = currentEnd.plus({ months: 1 });\n    } else if (this.selectedRange === 'Y') {\n      nextEnd = currentEnd.plus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        nextEnd = currentEnd.plus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        nextEnd = currentEnd.plus({ months: interval.amount });\n      } else if (interval.type === 'years') {\n        nextEnd = currentEnd.plus({ years: interval.amount });\n      } else {\n        return false;\n      }\n    } else {\n      return false;\n    }\n\n    return nextEnd.toISODate() <= this.maxDate;\n  }\n\n  private getCustomRangeInterval(): {\n    type: 'days' | 'months' | 'years';\n    amount: number;\n  } {\n    const start = DateTime.fromISO(this.startDate);\n    const end = DateTime.fromISO(this.endDate);\n\n    if (!start.isValid || !end.isValid) {\n      return { type: 'days', amount: 1 };\n    }\n\n    // Check if it's a complete month (first day to last day of any month)\n    const isLastDayOfMonth = end.day === end.daysInMonth;\n    if (start.day === 1 && isLastDayOfMonth) {\n      // Single complete month\n      if (start.month === end.month && start.year === end.year) {\n        return { type: 'months', amount: 1 };\n      }\n\n      // Multiple complete months - check if we span complete months only\n      const startOfFirstMonth = start.startOf('month');\n      const endOfLastMonth = end.endOf('month');\n      const monthsDiff =\n        endOfLastMonth.diff(startOfFirstMonth, 'months').months + 1;\n\n      if (monthsDiff > 0 && Number.isInteger(monthsDiff)) {\n        return { type: 'months', amount: Math.round(monthsDiff) };\n      }\n    }\n\n    // Check if it's a full year\n    if (\n      start.month === 1 &&\n      start.day === 1 &&\n      end.month === 12 &&\n      end.day === 31\n    ) {\n      // Single complete year\n      if (start.year === end.year) {\n        return { type: 'years', amount: 1 };\n      }\n\n      // Multiple complete years\n      const yearsDiff = end.year - start.year + 1;\n      if (yearsDiff > 0) {\n        return { type: 'years', amount: yearsDiff };\n      }\n    }\n\n    // Default to days for any other custom range\n    const daysDiff = end.diff(start, 'days').days + 1; // +1 to include both start and end days\n    return { type: 'days', amount: Math.max(1, Math.round(daysDiff)) };\n  }\n\n  private navigatePrevious() {\n    if (!this.canNavigatePrevious()) return;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let newStart: DateTime;\n    let newEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      newStart = currentStart.minus({ weeks: 1 });\n      newEnd = currentEnd.minus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      // Check if current M range is a complete month, if so maintain month boundaries\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'months') {\n        newStart = currentStart.minus({ months: 1 }).startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else {\n        newStart = currentStart.minus({ months: 1 });\n        newEnd = currentEnd.minus({ months: 1 });\n      }\n    } else if (this.selectedRange === 'Y') {\n      newStart = currentStart.minus({ years: 1 });\n      newEnd = currentEnd.minus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        newStart = currentStart.minus({ days: interval.amount });\n        newEnd = currentEnd.minus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        // For month navigation, maintain complete month boundaries\n        newStart = currentStart\n          .minus({ months: interval.amount })\n          .startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else if (interval.type === 'years') {\n        newStart = currentStart.minus({ years: interval.amount });\n        newEnd = currentEnd.minus({ years: interval.amount });\n      } else {\n        return;\n      }\n    } else {\n      return;\n    }\n\n    // Enforce min/max bounds\n    const minDateTime = DateTime.fromISO(this.minDate);\n    const maxDateTime = DateTime.fromISO(this.maxDate);\n    const startDate =\n      newStart < minDateTime ? this.minDate : newStart.toISODate();\n    const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();\n\n    this.startDate = startDate;\n    this.endDate = endDate;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private navigateNext() {\n    if (!this.canNavigateNext()) return;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let newStart: DateTime;\n    let newEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      newStart = currentStart.plus({ weeks: 1 });\n      newEnd = currentEnd.plus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      // Check if current M range is a complete month, if so maintain month boundaries\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'months') {\n        newStart = currentStart.plus({ months: 1 }).startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else {\n        newStart = currentStart.plus({ months: 1 });\n        newEnd = currentEnd.plus({ months: 1 });\n      }\n    } else if (this.selectedRange === 'Y') {\n      newStart = currentStart.plus({ years: 1 });\n      newEnd = currentEnd.plus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        newStart = currentStart.plus({ days: interval.amount });\n        newEnd = currentEnd.plus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        // For month navigation, maintain complete month boundaries\n        newStart = currentStart\n          .plus({ months: interval.amount })\n          .startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else if (interval.type === 'years') {\n        newStart = currentStart.plus({ years: interval.amount });\n        newEnd = currentEnd.plus({ years: interval.amount });\n      } else {\n        return;\n      }\n    } else {\n      return;\n    }\n\n    // Enforce min/max bounds\n    const minDateTime = DateTime.fromISO(this.minDate);\n    const maxDateTime = DateTime.fromISO(this.maxDate);\n    const startDate =\n      newStart < minDateTime ? this.minDate : newStart.toISODate();\n    const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();\n\n    this.startDate = startDate;\n    this.endDate = endDate;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private getNavigationLabel(direction: 'previous' | 'next'): string {\n    const interval = this.getCustomRangeInterval();\n    const amount = interval.amount;\n    const unit =\n      interval.type === 'days'\n        ? amount === 1\n          ? 'day'\n          : 'days'\n        : interval.type === 'months'\n        ? amount === 1\n          ? 'month'\n          : 'months'\n        : amount === 1\n        ? 'year'\n        : 'years';\n\n    return `${\n      direction === 'previous' ? 'Previous' : 'Next'\n    } ${amount} ${unit}`;\n  }\n\n  updated(changed: Map<string, any>) {\n    super.updated(changed);\n\n    if (\n      (changed.has('startDate') && changed.has('endDate') && !this.startDate) ||\n      !this.endDate\n    ) {\n      this.setRange('M');\n    }\n\n    if (changed.has('editingStart') && this.editingStart) {\n      setTimeout(() => {\n        const startPicker: DatePicker = this.shadowRoot?.querySelector(\n          'temba-datepicker.start-picker'\n        );\n\n        if (startPicker) {\n          startPicker.handleClicked();\n        }\n      }, 0);\n    }\n\n    if (changed.has('editingEnd') && this.editingEnd) {\n      setTimeout(() => {\n        const endPicker: DatePicker = this.shadowRoot?.querySelector(\n          'temba-datepicker.end-picker'\n        );\n        if (endPicker) {\n          endPicker.handleClicked();\n        }\n      }, 0);\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"range-container\">\n        ${this.editingStart\n          ? html`<temba-datepicker\n              class=\"start-picker\"\n              .value=${this.startDate}\n              .min=${this.minDate}\n              .max=${this.maxDate}\n              @change=${(e: Event) => {\n                const value = (e.target as any).value;\n                this.setValidRange('start', value);\n                this.editingStart = false;\n                this.selectedRange = '';\n              }}\n              @blur=${() => (this.editingStart = false)}\n            ></temba-datepicker>`\n          : html`<span class=\"date-display\" @click=${this.handleStartClick}\n              >${this.startDate || 'Start date'}</span\n            >`}\n        <span> - </span>\n        ${this.editingEnd\n          ? html`<temba-datepicker\n              .value=${this.endDate}\n              class=\"end-picker\"\n              .min=${this.minDate}\n              .max=${this.maxDate}\n              @change=${(e: Event) => {\n                const value = (e.target as any).value;\n                this.setValidRange('end', value);\n                this.editingEnd = false;\n                this.selectedRange = '';\n              }}\n              @blur=${() => (this.editingEnd = false)}\n            ></temba-datepicker>`\n          : html`<span class=\"date-display\" @click=${this.handleEndClick}\n              >${this.endDate || 'End date'}</span\n            >`}\n        <div class=\"navigation-container\">\n          <button\n            class=\"nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}\"\n            ?disabled=${!this.canNavigatePrevious()}\n            @click=${this.navigatePrevious}\n            title=\"Previous ${this.selectedRange === 'W'\n              ? 'week'\n              : this.selectedRange === 'M'\n              ? 'month'\n              : this.selectedRange === 'Y'\n              ? 'year'\n              : this.selectedRange === ''\n              ? this.getNavigationLabel('previous')\n              : 'period'}\"\n          >\n            ◀\n          </button>\n          <div class=\"button-group\">\n            <button\n              class=\"range-btn ${this.selectedRange === 'W' ? 'selected' : ''}\"\n              @click=${() => this.setRange('W')}\n            >\n              W\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'M' ? 'selected' : ''}\"\n              @click=${() => this.setRange('M')}\n            >\n              M\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'Y' ? 'selected' : ''}\"\n              @click=${() => this.setRange('Y')}\n            >\n              Y\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'ALL'\n                ? 'selected'\n                : ''}\"\n              @click=${() => this.setRange('ALL')}\n            >\n              All\n            </button>\n          </div>\n          <button\n            class=\"nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}\"\n            ?disabled=${!this.canNavigateNext()}\n            @click=${this.navigateNext}\n            title=\"Next ${this.selectedRange === 'W'\n              ? 'week'\n              : this.selectedRange === 'M'\n              ? 'month'\n              : this.selectedRange === 'Y'\n              ? 'year'\n              : this.selectedRange === ''\n              ? this.getNavigationLabel('next')\n              : 'period'}\"\n          >\n            ▶\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\ncustomElements.define('temba-range-picker', RangePicker);\n"]}