@leavittsoftware/web 1.0.0

package/titanium/date-range-selector/date-range-selector.js

@@ -0,0 +1,423 @@
+import { __decorate } from "tslib";
+import '@material/web/textfield/outlined-text-field';
+import '@material/web/icon/icon';
+import '@material/web/select/outlined-select.js';
+import '@material/web/select/select-option.js';
+import { css, html, LitElement } from 'lit';
+import { property, customElement, query } from 'lit/decorators.js';
+import dayjs from 'dayjs/esm';
+import quarterOfYear from 'dayjs/esm/plugin/quarterOfYear';
+import { Debouncer } from '../helpers/helpers';
+import { DateRangeChangedEvent } from './date-range-change-event';
+dayjs.extend(quarterOfYear);
+const quarter = 'quarter';
+const today = dayjs();
+const yesterday = today.subtract(1, 'day');
+const lastWeek = today.subtract(1, 'week');
+const lastMonth = today.subtract(1, 'month');
+const lastQuarter = today.subtract(1, 'quarter');
+const lastYear = today.subtract(1, 'year');
+export const DateTimeRanges = new Map([
+    [
+        'lastTen',
+        {
+            name: 'Last ten minutes',
+            startDate: today.subtract(10, 'minutes').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'timer',
+        },
+    ],
+    [
+        'lastFifteen',
+        {
+            name: 'Last fifteen minutes',
+            startDate: today.subtract(15, 'minutes').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'timer',
+        },
+    ],
+    [
+        'lastThirty',
+        {
+            name: 'Last thirty minutes',
+            startDate: today.subtract(30, 'minutes').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'timer',
+        },
+    ],
+    [
+        'lastHour',
+        {
+            name: 'Last hour',
+            startDate: today.subtract(1, 'hour').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'alarm',
+        },
+    ],
+    [
+        'lastThree',
+        {
+            name: 'Last three hours',
+            startDate: today.subtract(3, 'hour').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'alarm',
+        },
+    ],
+    [
+        'lastSix',
+        {
+            name: 'Last six hours',
+            startDate: today.subtract(6, 'hour').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'alarm',
+        },
+    ],
+    [
+        'lastTwelve',
+        {
+            name: 'Last twelve hours',
+            startDate: today.subtract(12, 'hour').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'schedule',
+        },
+    ],
+    [
+        'lastTwentyFour',
+        {
+            name: 'Last twenty-four hours',
+            startDate: today.subtract(24, 'hour').format('YYYY-MM-DDTHH:mm'),
+            endDate: today.format('YYYY-MM-DDTHH:mm'),
+            icon: 'schedule',
+        },
+    ],
+    [
+        'allTime',
+        {
+            name: 'All time',
+            startDate: '',
+            endDate: '',
+            icon: 'watch_later',
+        },
+    ],
+]);
+export const DateRanges = new Map([
+    [
+        'today',
+        {
+            name: 'Today',
+            startDate: today.format('YYYY-MM-DD'),
+            endDate: today.format('YYYY-MM-DD'),
+            icon: 'today',
+        },
+    ],
+    [
+        'thisWeek',
+        {
+            name: 'This week',
+            startDate: today.startOf('week').format('YYYY-MM-DD'),
+            endDate: today.endOf('week').format('YYYY-MM-DD'),
+            icon: 'calendar_view_week',
+        },
+    ],
+    [
+        'thisMonth',
+        {
+            name: 'This month',
+            startDate: today.startOf('month').format('YYYY-MM-DD'),
+            endDate: today.endOf('month').format('YYYY-MM-DD'),
+            icon: 'calendar_month',
+        },
+    ],
+    [
+        'thisQuarter',
+        {
+            name: 'This quarter',
+            startDate: today.startOf(quarter).format('YYYY-MM-DD'),
+            endDate: today.endOf(quarter).format('YYYY-MM-DD'),
+            icon: 'event',
+        },
+    ],
+    [
+        'thisYear',
+        {
+            name: 'This year',
+            startDate: today.startOf('year').format('YYYY-MM-DD'),
+            endDate: today.endOf('year').format('YYYY-MM-DD'),
+            icon: 'calendar_today',
+        },
+    ],
+    [
+        'thisYearToDate',
+        {
+            name: 'This year to date',
+            startDate: today.startOf('year').format('YYYY-MM-DD'),
+            endDate: today.format('YYYY-MM-DD'),
+            icon: 'calendar_view_day',
+        },
+    ],
+    [
+        'lastWeek',
+        {
+            name: 'Last week',
+            startDate: lastWeek.startOf('week').format('YYYY-MM-DD'),
+            endDate: lastWeek.endOf('week').format('YYYY-MM-DD'),
+            icon: 'calendar_view_week',
+        },
+    ],
+    [
+        'lastMonth',
+        {
+            name: 'Last month',
+            startDate: lastMonth.startOf('month').format('YYYY-MM-DD'),
+            endDate: lastMonth.endOf('month').format('YYYY-MM-DD'),
+            icon: 'calendar_month',
+        },
+    ],
+    [
+        'lastQuarter',
+        {
+            name: 'Last quarter',
+            startDate: lastQuarter.startOf(quarter).format('YYYY-MM-DD'),
+            endDate: lastQuarter.endOf(quarter).format('YYYY-MM-DD'),
+            icon: 'event',
+        },
+    ],
+    [
+        'lastYear',
+        {
+            name: 'Last year',
+            startDate: lastYear.startOf('year').format('YYYY-MM-DD'),
+            endDate: lastYear.endOf('year').format('YYYY-MM-DD'),
+            icon: 'calendar_today',
+        },
+    ],
+    [
+        'last12Months',
+        {
+            name: 'Last 12 months',
+            startDate: today.add(-1, 'year').format('YYYY-MM-DD'),
+            endDate: today.format('YYYY-MM-DD'),
+            icon: 'calendar_today',
+        },
+    ],
+    [
+        'lastYearToDate',
+        {
+            name: 'Last year to date',
+            startDate: lastYear.startOf('year').format('YYYY-MM-DD'),
+            endDate: today.format('YYYY-MM-DD'),
+            icon: 'calendar_view_day',
+        },
+    ],
+    [
+        'yesterday',
+        {
+            name: 'Yesterday',
+            startDate: yesterday.format('YYYY-MM-DD'),
+            endDate: yesterday.format('YYYY-MM-DD'),
+            icon: 'event_repeat',
+        },
+    ],
+    [
+        'allTime',
+        {
+            name: 'All time',
+            startDate: '',
+            endDate: '',
+            icon: 'watch_later',
+        },
+    ],
+]);
+/**
+ *  Date range selector that allows selection from a list of pre-defined ranges or a custom range
+ *
+ *  @element titanium-date-range-selector
+ *
+ *  @fires date-range-changed - Fired when a range selection is made or cleared or the start or end date are changed to a valid combination
+ *
+ */
+let TitaniumDateRangeSelector = class TitaniumDateRangeSelector extends LitElement {
+    #label_accessor_storage = '';
+    /**
+     *  Sets floating label value.
+     */
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #enableTime_accessor_storage = false;
+    /**
+     *  Controls the display of the time picker.
+     */
+    get enableTime() { return this.#enableTime_accessor_storage; }
+    set enableTime(value) { this.#enableTime_accessor_storage = value; }
+    #range_accessor_storage = 'custom';
+    /**
+     *  The selected selected range.
+     */
+    get range() { return this.#range_accessor_storage; }
+    set range(value) { this.#range_accessor_storage = value; }
+    #customDateRanges_accessor_storage = null;
+    /**
+     *  Override default ranges with custom options. Needs to contain, at least, 'allTime'.
+     */
+    get customDateRanges() { return this.#customDateRanges_accessor_storage; }
+    set customDateRanges(value) { this.#customDateRanges_accessor_storage = value; }
+    #startDate_accessor_storage = '';
+    /**
+     *  The selected start date.
+     */
+    get startDate() { return this.#startDate_accessor_storage; }
+    set startDate(value) { this.#startDate_accessor_storage = value; }
+    #endDate_accessor_storage = '';
+    /**
+     *  The selected end date.
+     */
+    get endDate() { return this.#endDate_accessor_storage; }
+    set endDate(value) { this.#endDate_accessor_storage = value; }
+    #startDateField_accessor_storage;
+    get startDateField() { return this.#startDateField_accessor_storage; }
+    set startDateField(value) { this.#startDateField_accessor_storage = value; }
+    #endDateField_accessor_storage;
+    get endDateField() { return this.#endDateField_accessor_storage; }
+    set endDateField(value) { this.#endDateField_accessor_storage = value; }
+    #select_accessor_storage;
+    get select() { return this.#select_accessor_storage; }
+    set select(value) { this.#select_accessor_storage = value; }
+    async updated(changedProps) {
+        if (changedProps.has('endDate') || changedProps.has('startDate')) {
+            this.#dateChangedDebouncer.debounce();
+        }
+    }
+    /**
+     * resets the validity of the start and end date inputs
+     */
+    async reset() {
+        this.range = 'allTime';
+    }
+    reportValidity() {
+        if (!!this.startDate && !!this.endDate && dayjs(this.startDate).isAfter(dayjs(this.endDate))) {
+            this.startDateField.setCustomValidity('From date must be before to date');
+            this.startDateField.reportValidity();
+            return false;
+        }
+        this.startDateField.setCustomValidity('');
+        this.startDateField.reportValidity();
+        return true;
+    }
+    #dateChangedDebouncer = new Debouncer(async () => {
+        //Keep range selector up to date with new date selection
+        this.range =
+            Array.from(this.customDateRanges ? this.customDateRanges : this.enableTime ? DateTimeRanges : DateRanges).find((o) => o[1].startDate === this.startDate && o[1].endDate === this.endDate)?.[0] || 'custom';
+        this.#notifyChangeIfValid();
+    }, 300);
+    #notifyChangeIfValid() {
+        if (this.reportValidity()) {
+            /**
+             * @ignore
+             */
+            this.dispatchEvent(new DateRangeChangedEvent(this.range, this.startDate, this.endDate));
+        }
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px;
+    }
+
+    md-outlined-select {
+      flex-basis: 200px;
+      flex-grow: 9999;
+    }
+
+    md-outlined-text-field {
+      flex-basis: 200px;
+      flex-grow: 1;
+    }
+  `; }
+    #getRange(key) {
+        if (!!this.customDateRanges) {
+            return this.customDateRanges.get(key);
+        }
+        if (this.enableTime) {
+            return DateTimeRanges.get(key);
+        }
+        return DateRanges.get(key);
+    }
+    render() {
+        return html `
+      <md-outlined-select
+        part="select"
+        .label=${this.label}
+        .value=${this.range}
+        @request-selection=${async (e) => {
+            this.range = e.target.value;
+            const date = this.#getRange(this.range);
+            if (date && e.target.value !== 'custom') {
+                this.startDate = date.startDate ?? '';
+                this.endDate = date.endDate ?? '';
+            }
+        }}
+      >
+        <md-icon slot="leading-icon">${this.#getRange(this.range)?.icon || 'date_range'}</md-icon>
+        <md-select-option value="custom">
+          <md-icon slot="start">date_range</md-icon>
+          <div slot="headline">Custom range</div>
+        </md-select-option>
+        ${Array.from(this.customDateRanges ? this.customDateRanges : this.enableTime ? DateTimeRanges : DateRanges).map((o) => html `<md-select-option value=${o[0]}>
+              <md-icon slot="start">${o[1].icon}</md-icon>
+              <div slot="headline">${o[1].name}</div>
+            </md-select-option>`)}
+      </md-outlined-select>
+
+      <md-outlined-text-field
+        part="startDate"
+        start-date
+        label="From"
+        type=${this.enableTime ? 'datetime-local' : 'date'}
+        .value=${this.startDate ?? ''}
+        @change=${(e) => (this.startDate = e.target.value ?? '')}
+      ></md-outlined-text-field>
+
+      <md-outlined-text-field
+        part="endDate"
+        end-date
+        label="To"
+        type=${this.enableTime ? 'datetime-local' : 'date'}
+        .value=${this.endDate ?? ''}
+        @change=${(e) => (this.endDate = e.target.value ?? '')}
+      ></md-outlined-text-field>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumDateRangeSelector.prototype, "label", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumDateRangeSelector.prototype, "enableTime", null);
+__decorate([
+    property({ type: String })
+], TitaniumDateRangeSelector.prototype, "range", null);
+__decorate([
+    property({ type: Object })
+], TitaniumDateRangeSelector.prototype, "customDateRanges", null);
+__decorate([
+    property({ type: String })
+], TitaniumDateRangeSelector.prototype, "startDate", null);
+__decorate([
+    property({ type: String })
+], TitaniumDateRangeSelector.prototype, "endDate", null);
+__decorate([
+    query('md-outlined-text-field[start-date]')
+], TitaniumDateRangeSelector.prototype, "startDateField", null);
+__decorate([
+    query('md-outlined-text-field[end-date]')
+], TitaniumDateRangeSelector.prototype, "endDateField", null);
+__decorate([
+    query('md-outlined-select')
+], TitaniumDateRangeSelector.prototype, "select", null);
+TitaniumDateRangeSelector = __decorate([
+    customElement('titanium-date-range-selector')
+], TitaniumDateRangeSelector);
+export { TitaniumDateRangeSelector };
+//# sourceMappingURL=date-range-selector.js.map

package/titanium/date-range-selector/date-range-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-selector.js","sourceRoot":"","sources":["date-range-selector.ts"],"names":[],"mappings":"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"}

package/titanium/date-range-selector/range-label.d.ts

@@ -0,0 +1,4 @@
+import { DateRangeKey, DateRangeTimeKey } from './date-range-selector';
+export declare function rangeLabel(range: DateRangeKey, startDate: string | null, endDate: string | null, prefix?: string, ranges?: Map<DateRangeKey, import("./date-range-selector").DateRangeOption>): string;
+export declare function rangeTimeLabel(range: DateRangeTimeKey, startDate: string | null, endDate: string | null, prefix?: string, ranges?: Map<DateRangeTimeKey, import("./date-range-selector").DateRangeOption>): string;
+//# sourceMappingURL=range-label.d.ts.map

package/titanium/date-range-selector/range-label.js

@@ -0,0 +1,25 @@
+import dayjs from 'dayjs/esm';
+import { DateRanges, DateTimeRanges } from './date-range-selector';
+export function rangeLabel(range, startDate, endDate, prefix = 'Created', ranges = DateRanges) {
+    if (range !== 'custom') {
+        return `${prefix} ${ranges.get(range)?.name?.toLowerCase() ?? ''}`;
+    }
+    else {
+        if (startDate && endDate) {
+            return `${prefix} ${dayjs(startDate).format('MMM D, YYYY')} to ${dayjs(endDate).format('MMM D, YYYY')}`;
+        }
+        return endDate ? `${prefix} from ${dayjs(endDate).format('MMM D, YYYY')}` : `${prefix} to ${dayjs(startDate).format('MMM D, YYYY')}`;
+    }
+}
+export function rangeTimeLabel(range, startDate, endDate, prefix = 'Created', ranges = DateTimeRanges) {
+    if (range !== 'custom') {
+        return `${prefix} ${ranges.get(range)?.name?.toLowerCase() ?? ''}`;
+    }
+    else {
+        if (startDate && endDate) {
+            return `${prefix} ${dayjs(startDate).format('MMM D, YYYY h:mm A')} to ${dayjs(endDate).format('MMM D, YYYY h:mm A')}`;
+        }
+        return endDate ? `${prefix} from ${dayjs(endDate).format('MMM D, YYYY h:mm A')}` : `${prefix} to ${dayjs(startDate).format('MMM D, YYYY h:mm A')}`;
+    }
+}
+//# sourceMappingURL=range-label.js.map

package/titanium/date-range-selector/range-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-label.js","sourceRoot":"","sources":["range-label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,WAAW,CAAC;AAC9B,OAAO,EAAgB,UAAU,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnG,MAAM,UAAU,UAAU,CAAC,KAAmB,EAAE,SAAwB,EAAE,OAAsB,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,UAAU;IACvI,IAAI,KAAK,KAAK,QAAQ,EAAE;QACtB,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;KACpE;SAAM;QACL,IAAI,SAAS,IAAI,OAAO,EAAE;YACxB,OAAO,GAAG,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;SACzG;QACD,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;KACtI;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAuB,EAAE,SAAwB,EAAE,OAAsB,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,cAAc;IACnJ,IAAI,KAAK,KAAK,QAAQ,EAAE;QACtB,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;KACpE;SAAM;QACL,IAAI,SAAS,IAAI,OAAO,EAAE;YACxB,OAAO,GAAG,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC;SACvH;QACD,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC;KACpJ;AACH,CAAC"}

package/titanium/drawer/drawer.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * Titanium drawer - a minimalist fly-out style drawer based on a native dialog
+ *
+ * @element titanium-drawer
+ * @slot - Main drawer content slot
+ * @csspart dialog - internal native dialog element
+ * @cssprop {Color} [--md-sys-color-outline-variant] Color of left border when open
+ * @cssprop {Color} [--md-sys-color-on-background] Color of slotted h3 and h4
+ */
+export declare class TitaniumDrawer extends LitElement {
+    private dialog;
+    /**
+     * Set the position of content fixed when menu is closed. Only takes effect if always-show-content is set.
+     */
+    fixed: boolean;
+    /**
+     * Show the slotted content regardless if the menu is open or closed
+     */
+    alwayShowContent: boolean;
+    firstUpdated(): Promise<void>;
+    static animationsComplete(element: HTMLElement): Promise<PromiseSettledResult<Animation>[]>;
+    /**
+     *  Opens drawer
+     */
+    open(): void;
+    /**
+     *  Closes drawer
+     */
+    close(): Promise<void>;
+    /**
+     *  Closes drawer without animations
+     */
+    closeQuick(): void;
+    protected setBodyOverflow(value: string): void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=drawer.d.ts.map