@leavittsoftware/web 1.0.0

package/titanium/data-table/filter-controller.js

@@ -0,0 +1,119 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { Filter } from './filter';
+import { parse } from 'regexparam';
+export class FilterController {
+    #filters = new Map();
+    #valueUpdateCallbacks = [];
+    subscribeToFilterChange(callback) {
+        this.#valueUpdateCallbacks.push(callback);
+    }
+    unsubscribeFromFilterChange(callback) {
+        this.#valueUpdateCallbacks = this.#valueUpdateCallbacks.filter(o => o != callback);
+    }
+    #notifyChange() {
+        this.#valueUpdateCallbacks.forEach(o => o());
+    }
+    /**
+     *
+     */
+    constructor(path) {
+        const pushState = history.pushState.bind(history);
+        history.pushState = (...args) => {
+            pushState(...args);
+            const pathRegex = parse(path);
+            if (pathRegex.pattern.test(window.location.pathname)) {
+                this.loadFromQueryString();
+            }
+        };
+        const replaceState = history.replaceState.bind(history);
+        history.replaceState = (...args) => {
+            replaceState(...args);
+            const pathRegex = parse(path);
+            if (pathRegex.pattern.test(window.location.pathname)) {
+                this.loadFromQueryString();
+            }
+        };
+    }
+    /**
+     * Set values of filters based on query string data
+     *
+     * @returns True if values of filter change from query string data
+     */
+    loadFromQueryString() {
+        const urlParams = new URLSearchParams(location.search);
+        let hasChanges = false;
+        this.#filters.forEach(filter => {
+            let value = null;
+            if (urlParams.has(filter.key)) {
+                value = urlParams.get(filter.key);
+            }
+            if (filter.value !== value) {
+                filter.value = value;
+                hasChanges = true;
+            }
+        });
+        if (hasChanges) {
+            this.#notifyChange();
+        }
+        return hasChanges;
+    }
+    get filters() {
+        return Array.from(this.#filters.values());
+    }
+    getActiveFilterOdata() {
+        const odataFilters = [];
+        this.filters.forEach(o => {
+            const odata = o.getOdataFilter();
+            if (odata) {
+                odataFilters.push(odata);
+            }
+        });
+        return odataFilters;
+    }
+    setValue(key, value) {
+        if (this.#filters.has(key)) {
+            const filter = this.#filters.get(key);
+            if (filter && filter?.value !== value) {
+                filter.value = value;
+                this.#batchNotifyFiltersChanged();
+            }
+        }
+    }
+    getValue(key) {
+        if (!this.#filters.has(key)) {
+            return null;
+        }
+        const filter = this.#filters.get(key);
+        return filter?.value;
+    }
+    setFilter(key, oDataFilter, initialValue = null) {
+        this.#filters.set(key, new Filter(key, oDataFilter, initialValue));
+    }
+    getFilter(key) {
+        return this.#filters.get(key);
+    }
+    #notifyTimer;
+    #batchNotifyFiltersChanged() {
+        clearTimeout(this.#notifyTimer);
+        this.#setQueryString();
+        this.#notifyTimer = window.setTimeout(() => {
+            this.#notifyChange();
+        }, 50);
+    }
+    #setQueryString() {
+        const urlParams = new URLSearchParams(location.search);
+        this.#filters.forEach(filter => {
+            if (typeof filter.value !== 'undefined' && filter.value !== null) {
+                urlParams.set(filter.key, String(filter.value));
+            }
+            else {
+                if (urlParams.has(filter.key)) {
+                    urlParams.delete(filter.key);
+                }
+            }
+        });
+        const path = `${location.pathname}?${urlParams}`;
+        window.history.replaceState({ path: path }, '', path);
+    }
+}
+//# sourceMappingURL=filter-controller.js.map

package/titanium/data-table/filter-controller.js.map

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

package/titanium/data-table/filter.d.ts

@@ -0,0 +1,8 @@
+export declare class Filter {
+    constructor(key: string, oDataFilter: (value: string) => string, initialValue?: string | null);
+    value: string | null;
+    key: string;
+    oDataFilter: (value: string) => string;
+    getOdataFilter(): string | null;
+}
+//# sourceMappingURL=filter.d.ts.map

package/titanium/data-table/filter.js

@@ -0,0 +1,11 @@
+export class Filter {
+    constructor(key, oDataFilter, initialValue = null) {
+        this.key = key;
+        this.oDataFilter = oDataFilter;
+        this.value = initialValue;
+    }
+    getOdataFilter() {
+        return this.value === null ? null : this.oDataFilter(this.value);
+    }
+}
+//# sourceMappingURL=filter.js.map

package/titanium/data-table/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["filter.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,MAAM;IACjB,YAAY,GAAW,EAAE,WAAsC,EAAE,eAA8B,IAAI;QACjG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;IAC5B,CAAC;IAMD,cAAc;QACZ,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnE,CAAC;CACF"}

package/titanium/data-table/page-control.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+import { MdOutlinedSelect } from '@material/web/select/outlined-select.js';
+import '@material/web/iconbutton/icon-button';
+import '@material/web/select/outlined-select.js';
+import '@material/web/select/select-option.js';
+/**
+ * Material design page control with page size selector!
+ *
+ * @element titanium-page-control
+ *
+ * @fires action - Fired when take or page is changed by click or keyboard action. Replaces `take-changed` and `page-changed`.
+ *
+ * @cssprop [--titanium-page-control-font-family=Roboto, Noto, sans-serif] - page control font family
+ */
+export declare class TitaniumPageControl extends LitElement {
+    #private;
+    /**
+     * Available page sizes
+     */
+    pageSizes: Array<number>;
+    /**
+     * The default page size before the user changes it
+     */
+    defaultPageSize: number;
+    /**
+     * Current page of data the table is on
+     */
+    page: number;
+    /**
+     * Total number of items in all pages.
+     */
+    count: number;
+    /**
+     * Local storage key to save the current page size.
+     */
+    localStorageKey: string;
+    /**
+     * Label for the page control. If not provided, defaults to 'Items per page'.
+     */
+    label: string;
+    /**
+     * Disables the page control select and page navigation buttons when true
+     */
+    disabled: boolean;
+    protected select: MdOutlinedSelect;
+    /**
+     * Gets or sets take value and assigns it to local storage.
+     */
+    get take(): number;
+    set take(val: number);
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=page-control.d.ts.map

package/titanium/data-table/page-control.js

@@ -0,0 +1,196 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, customElement, queryAsync } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import '@material/web/iconbutton/icon-button';
+import '@material/web/select/outlined-select.js';
+import '@material/web/select/select-option.js';
+/**
+ * Material design page control with page size selector!
+ *
+ * @element titanium-page-control
+ *
+ * @fires action - Fired when take or page is changed by click or keyboard action. Replaces `take-changed` and `page-changed`.
+ *
+ * @cssprop [--titanium-page-control-font-family=Roboto, Noto, sans-serif] - page control font family
+ */
+let TitaniumPageControl = class TitaniumPageControl extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Available page sizes
+         */
+        this.pageSizes = [10, 15, 20, 50];
+        /**
+         * The default page size before the user changes it
+         */
+        this.defaultPageSize = 10;
+        /**
+         * Current page of data the table is on
+         */
+        this.page = 0;
+        /**
+         * Label for the page control. If not provided, defaults to 'Items per page'.
+         */
+        this.label = 'Items per page';
+    }
+    /**
+     * Gets or sets take value and assigns it to local storage.
+     */
+    get take() {
+        const take = Number(window.localStorage.getItem(this.localStorageKey)) || 0;
+        if (take > 0) {
+            return take;
+        }
+        const defaultTake = this.pageSizes.includes(this.defaultPageSize) ? this.defaultPageSize : this.pageSizes?.[0] ?? 1;
+        return defaultTake;
+    }
+    set take(val) {
+        this.page = 0;
+        if (!this.pageSizes.includes(val)) {
+            this.pageSizes = [...this.pageSizes, val].sort((a, b) => a - b);
+        }
+        localStorage.setItem(this.localStorageKey, String(val));
+        this.requestUpdate('take');
+    }
+    #getPageStats(page, count) {
+        if (!count) {
+            return '0-0 of 0';
+        }
+        const startOfPage = count === 0 ? count : page * this.take + 1;
+        const endOfPage = (page + 1) * this.take > count ? count : (page + 1) * this.take;
+        return `${startOfPage}-${endOfPage} of ${count}`;
+    }
+    #handleNextPageClick() {
+        const nextPage = this.page + 1;
+        if (nextPage * this.take >= this.count) {
+            return;
+        }
+        this.#setPage(this.page + 1);
+        this.dispatchEvent(new CustomEvent('action', { composed: true }));
+    }
+    #handleLastPageClick() {
+        if (this.page === 0) {
+            return;
+        }
+        this.#setPage(this.page - 1);
+        this.dispatchEvent(new CustomEvent('action', { composed: true }));
+    }
+    #setPage(value) {
+        this.page = value;
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+      font-family: var(--titanium-page-control-font-family, Roboto, Noto, sans-serif);
+      -webkit-font-smoothing: antialiased;
+    }
+
+    table-controls {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      max-width: 450px;
+      min-width: 0;
+
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0.011em;
+      line-height: 20px;
+      gap: 8px;
+    }
+
+    table-paging {
+      display: flex;
+    }
+
+    take-control {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 12px;
+      min-width: 0;
+    }
+
+    md-outlined-select {
+      min-width: 100px;
+      --md-outlined-field-top-space: 4px;
+      --md-outlined-field-bottom-space: 4px;
+      --md-outlined-select-text-field-container-shape: 24px;
+    }
+
+    pagination-text {
+      text-align: center;
+      user-select: none;
+      padding-left: 12px;
+    }
+
+    [hidden] {
+      display: none;
+    }
+  `; }
+    render() {
+        return html `
+      <table-controls>
+        <take-control>
+          <div ellipsis>${this.label}</div>
+          <md-outlined-select
+            ?disabled=${this.disabled}
+            @request-selection=${e => {
+            e.stopPropagation();
+            this.take = Number(e.target.value);
+            this.dispatchEvent(new CustomEvent('action', { composed: true }));
+        }}
+          >
+            ${repeat(this.pageSizes, o => o, o => html ` <md-select-option ?selected=${this.take === o} value=${o}>
+                  <div slot="headline">${o}</div>
+                </md-select-option>`)}
+          </md-outlined-select>
+        </take-control>
+        <pagination-text>${this.#getPageStats(this.page, this.count)}</pagination-text>
+        <table-paging>
+          <md-icon-button @click=${this.#handleLastPageClick} ?disabled=${this.page === 0 || !this.count || this.disabled}>
+            <md-icon>keyboard_arrow_left</md-icon>
+          </md-icon-button>
+          <md-icon-button @click=${this.#handleNextPageClick} ?disabled=${!this.count || (this.page + 1) * this.take >= this.count || this.disabled}>
+            <md-icon>keyboard_arrow_right</md-icon>
+          </md-icon-button>
+        </table-paging>
+      </table-controls>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], TitaniumPageControl.prototype, "pageSizes", void 0);
+__decorate([
+    property({ type: Number, attribute: 'default-page-size' })
+], TitaniumPageControl.prototype, "defaultPageSize", void 0);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "page", void 0);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "count", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumPageControl.prototype, "localStorageKey", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumPageControl.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumPageControl.prototype, "disabled", void 0);
+__decorate([
+    queryAsync('md-select')
+], TitaniumPageControl.prototype, "select", void 0);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "take", null);
+TitaniumPageControl = __decorate([
+    customElement('titanium-page-control')
+], TitaniumPageControl);
+export { TitaniumPageControl };
+//# sourceMappingURL=page-control.js.map

package/titanium/data-table/page-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-control.js","sourceRoot":"","sources":["page-control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC;AAE/C;;;;;;;;GAQG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QACL;;WAEG;QACwB,cAAS,GAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAEvE;;WAEG;QACyD,oBAAe,GAAW,EAAE,CAAC;QAEzF;;WAEG;QACyB,SAAI,GAAW,CAAC,CAAC;QAY7C;;WAEG;QACyB,UAAK,GAAW,gBAAgB,CAAC;IAsJ/D,CAAC;IA9IC;;OAEG;IAEH,IAAI,IAAI;QACN,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5E,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACpH,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,IAAI,IAAI,CAAC,GAAW;QAClB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACjC,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACjE;QACD,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,IAAY,EAAE,KAAa;QACvC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,WAAW,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAC/D,MAAM,SAAS,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;QAClF,OAAO,GAAG,WAAW,IAAI,SAAS,OAAO,KAAK,EAAE,CAAC;IACnD,CAAC;IAED,oBAAoB;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAC/B,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;YACtC,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE;YACnB,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;0BAGW,IAAI,CAAC,KAAK;;wBAEZ,IAAI,CAAC,QAAQ;iCACJ,CAAC,CAAC,EAAE;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC;;cAEC,MAAM,CACN,IAAI,CAAC,SAAS,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CACF,IAAI,CAAA,gCAAgC,IAAI,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;yCACrC,CAAC;oCACN,CACvB;;;2BAGc,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;;mCAEjC,IAAI,CAAC,oBAAoB,cAAc,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;;;mCAGtF,IAAI,CAAC,oBAAoB,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;;;;;KAK9I,CAAC;IACJ,CAAC;;AA9K0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAA6C;AAKX;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;4DAA8B;AAK7D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAkB;AAKjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAe;AAKd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAyB;AAKxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAkC;AAKhC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAAmB;AACZ;IAAlC,UAAU,CAAC,WAAW,CAAC;mDAAoC;AAM5D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAS1B;AAjDU,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAmL/B"}

package/titanium/date-range-selector/date-range-change-event.d.ts

@@ -0,0 +1,8 @@
+export declare class DateRangeChangedEvent extends Event {
+    range: string;
+    startDate: string;
+    endDate: string;
+    static eventType: string;
+    constructor(range: string, startDate: string, endDate: string, eventInitDict?: EventInit);
+}
+//# sourceMappingURL=date-range-change-event.d.ts.map

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

@@ -0,0 +1,10 @@
+export class DateRangeChangedEvent extends Event {
+    static { this.eventType = 'date-range-changed'; }
+    constructor(range, startDate, endDate, eventInitDict) {
+        super(DateRangeChangedEvent.eventType, { bubbles: false, composed: true, ...eventInitDict });
+        this.range = range;
+        this.startDate = startDate;
+        this.endDate = endDate;
+    }
+}
+//# sourceMappingURL=date-range-change-event.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-change-event.js","sourceRoot":"","sources":["date-range-change-event.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,qBAAsB,SAAQ,KAAK;aACvC,cAAS,GAAG,oBAAoB,CAAC;IAExC,YAAmB,KAAa,EAAS,SAAiB,EAAS,OAAe,EAAE,aAAyB;QAC3G,KAAK,CAAC,qBAAqB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC;QAD5E,UAAK,GAAL,KAAK,CAAQ;QAAS,cAAS,GAAT,SAAS,CAAQ;QAAS,YAAO,GAAP,OAAO,CAAQ;IAElF,CAAC"}

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

@@ -0,0 +1,65 @@
+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 { LitElement, PropertyValues } from 'lit';
+import { MdOutlinedTextField } from '@material/web/textfield/outlined-text-field';
+import { MdOutlinedSelect } from '@material/web/select/outlined-select.js';
+export type DateRangeKey = 'today' | 'yesterday' | 'thisWeek' | 'thisMonth' | 'thisQuarter' | 'thisYear' | 'thisYearToDate' | 'lastWeek' | 'lastMonth' | 'lastQuarter' | 'lastYear' | 'last12Months' | 'lastYearToDate' | 'allTime' | 'custom';
+export type DateRangeTimeKey = 'lastTwentyFour' | 'lastTwelve' | 'lastSix' | 'lastThree' | 'lastHour' | 'lastThirty' | 'lastFifteen' | 'lastTen' | 'allTime' | 'custom';
+export type DateRangeOption = {
+    startDate: string;
+    endDate: string;
+    icon: string;
+    name: string;
+    isDefault?: boolean;
+};
+export declare const DateTimeRanges: Map<DateRangeTimeKey, DateRangeOption>;
+export declare const DateRanges: Map<DateRangeKey, DateRangeOption>;
+/**
+ *  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
+ *
+ */
+export declare class TitaniumDateRangeSelector extends LitElement {
+    #private;
+    /**
+     *  Sets floating label value.
+     */
+    accessor label: string;
+    /**
+     *  Controls the display of the time picker.
+     */
+    accessor enableTime: boolean;
+    /**
+     *  The selected selected range.
+     */
+    accessor range: string;
+    /**
+     *  Override default ranges with custom options. Needs to contain, at least, 'allTime'.
+     */
+    accessor customDateRanges: Map<string, DateRangeOption> | null;
+    /**
+     *  The selected start date.
+     */
+    accessor startDate: string;
+    /**
+     *  The selected end date.
+     */
+    accessor endDate: string;
+    protected accessor startDateField: MdOutlinedTextField;
+    protected accessor endDateField: MdOutlinedTextField;
+    protected accessor select: MdOutlinedSelect;
+    updated(changedProps: PropertyValues<this>): Promise<void>;
+    /**
+     * resets the validity of the start and end date inputs
+     */
+    reset(): Promise<void>;
+    reportValidity(): boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=date-range-selector.d.ts.map