@omegagrid/grid 0.11.32 → 0.11.34

package/dist/filters/rangeFilterPopup.d.ts

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-export type RangeFilterType = 'd' | 'dt' | 'tm';
-export type RangeValue = Date | string | null;
-export declare class RangeFilterApplyEvent extends Event {
-    from: RangeValue;
-    to: RangeValue;
-    constructor(from: RangeValue, to: RangeValue);
-}
-export declare class RangeFilterClearEvent extends Event {
-    constructor();
-}
-export declare class RangeFilterPopup extends LitElement {
-    static styles: import("lit").CSSResult;
-    type: RangeFilterType;
-    private _from;
-    private _to;
-    constructor();
-    private _onPopupMouseDown;
-    setValues(from: RangeValue, to: RangeValue): void;
-    private _onFromDate;
-    private _onToDate;
-    private _onFromText;
-    private _onToText;
-    private _apply;
-    private _clear;
-    private _onKeyDown;
-    private _renderRow;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=rangeFilterPopup.d.ts.map

package/dist/filters/rangeFilterPopup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilterPopup.d.ts","sourceRoot":"","sources":["../../src/filters/rangeFilterPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAE9C,qBAAa,qBAAsB,SAAQ,KAAK;IAC5B,IAAI,EAAE,UAAU;IAAS,EAAE,EAAE,UAAU;gBAAvC,IAAI,EAAE,UAAU,EAAS,EAAE,EAAE,UAAU;CAG1D;AAED,qBAAa,qBAAsB,SAAQ,KAAK;;CAI/C;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAE/C,MAAM,CAAC,MAAM,0BAiCX;IAGF,IAAI,EAAE,eAAe,CAAO;IAEnB,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,GAAG,CAAoB;;IAWxC,OAAO,CAAC,iBAAiB,CAKxB;IAED,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU;IAK1C,OAAO,CAAC,WAAW,CAAqE;IACxF,OAAO,CAAC,SAAS,CAAmE;IAEpF,OAAO,CAAC,WAAW,CAAuE;IAC1F,OAAO,CAAC,SAAS,CAAqE;IAEtF,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,MAAM,CAIb;IAED,OAAO,CAAC,UAAU,CAKjB;IAED,OAAO,CAAC,UAAU;IAalB,MAAM;CAYN"}

package/dist/filters/rangeFilterPopup.js

@@ -1,137 +0,0 @@
-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;
-};
-import { LitElement, html, css } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { msg } from '@omegagrid/localize';
-import constants from '../constants';
-export class RangeFilterApplyEvent extends Event {
-    constructor(from, to) {
-        super('apply', { bubbles: false, composed: true });
-        this.from = from;
-        this.to = to;
-    }
-}
-export class RangeFilterClearEvent extends Event {
-    constructor() {
-        super('clear', { bubbles: false, composed: true });
-    }
-}
-let RangeFilterPopup = class RangeFilterPopup extends LitElement {
-    constructor() {
-        super();
-        this.type = 'd';
-        this._from = null;
-        this._to = null;
-        this._onPopupMouseDown = (e) => {
-            const path = e.composedPath();
-            this.renderRoot.querySelectorAll('og-calendar-dropdown').forEach(dd => {
-                if (dd.isOpen && !path.includes(dd) && !path.includes(dd.dropdown))
-                    dd.close();
-            });
-        };
-        this._onFromDate = (e) => { this._from = e.value ?? null; };
-        this._onToDate = (e) => { this._to = e.value ?? null; };
-        this._onFromText = (e) => { this._from = e.value || null; };
-        this._onToText = (e) => { this._to = e.value || null; };
-        this._apply = () => {
-            this.dispatchEvent(new RangeFilterApplyEvent(this._from, this._to));
-        };
-        this._clear = () => {
-            this._from = null;
-            this._to = null;
-            this.dispatchEvent(new RangeFilterClearEvent());
-        };
-        this._onKeyDown = (e) => {
-            if (e.key === 'Enter') {
-                e.stopPropagation();
-                this._apply();
-            }
-        };
-        // Close an open calendar dropdown when clicking elsewhere in the popup. The popup
-        // content lives inside the outer dropdown container, which stops mousedown before it
-        // reaches document.body — so the calendar's own outside-click handler never fires for
-        // in-popup clicks. Handle it here, scoped to this popup, so the popup itself stays open.
-        this.addEventListener('mousedown', this._onPopupMouseDown);
-    }
-    setValues(from, to) {
-        this._from = from;
-        this._to = to;
-    }
-    _renderRow(label, value, which) {
-        let control;
-        if (this.type === 'tm') {
-            // TODO: change to time picker when available
-            const onChange = which === 'from' ? this._onFromText : this._onToText;
-            control = html `<og-input .value="${(value ?? '')}" @change="${onChange}"></og-input>`;
-        }
-        else {
-            const onChange = which === 'from' ? this._onFromDate : this._onToDate;
-            control = html `<og-calendar-dropdown cross buttonInput .value="${value}" @change="${onChange}"></og-calendar-dropdown>`;
-        }
-        return html `<div class="row"><label>${label}</label>${control}</div>`;
-    }
-    render() {
-        return html `
-			<div @keydown="${this._onKeyDown}" style="display: contents;">
-				${this._renderRow(msg('From'), this._from, 'from')}
-				${this._renderRow(msg('To'), this._to, 'to')}
-				<div class="actions">
-					<og-button icon="check" color="accent" text="${msg('Apply')}" @click="${this._apply}"></og-button>
-					<og-button icon="xmark" color="red" text="${msg('Clear')}" @click="${this._clear}"></og-button>
-				</div>
-			</div>
-		`;
-    }
-};
-RangeFilterPopup.styles = css `
-		:host {
-			display: flex;
-			flex-direction: column;
-			gap: 5px;
-			padding: 6px;
-			min-width: 200px;
-		}
-
-		.row {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			gap: 6px;
-		}
-
-		.row > label {
-			flex: 0 0 28px;
-		}
-
-		.row > og-calendar-dropdown,
-		.row > og-input {
-			flex: 1;
-			min-width: 0;
-			box-sizing: border-box;
-		}
-
-		.actions {
-			display: flex;
-			justify-content: flex-end;
-			gap: 4px;
-			margin-top: 4px;
-		}
-	`;
-__decorate([
-    property({ type: String })
-], RangeFilterPopup.prototype, "type", void 0);
-__decorate([
-    state()
-], RangeFilterPopup.prototype, "_from", void 0);
-__decorate([
-    state()
-], RangeFilterPopup.prototype, "_to", void 0);
-RangeFilterPopup = __decorate([
-    customElement(`${constants.PREFIX}-filter-range-popup`)
-], RangeFilterPopup);
-export { RangeFilterPopup };
-//# sourceMappingURL=rangeFilterPopup.js.map

package/dist/filters/rangeFilterPopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilterPopup.js","sourceRoot":"","sources":["../../src/filters/rangeFilterPopup.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { Dropdown, events } from '@omegagrid/core';\nimport { msg } from '@omegagrid/localize';\nimport constants from '../constants';\n\nexport type RangeFilterType = 'd' | 'dt' | 'tm';\nexport type RangeValue = Date | string | null;\n\nexport class RangeFilterApplyEvent extends Event {\n\tconstructor(public from: RangeValue, public to: RangeValue) {\n\t\tsuper('apply', { bubbles: false, composed: true });\n\t}\n}\n\nexport class RangeFilterClearEvent extends Event {\n\tconstructor() {\n\t\tsuper('clear', { bubbles: false, composed: true });\n\t}\n}\n\n@customElement(`${constants.PREFIX}-filter-range-popup`)\nexport class RangeFilterPopup extends LitElement {\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 5px;\n\t\t\tpadding: 6px;\n\t\t\tmin-width: 200px;\n\t\t}\n\n\t\t.row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t}\n\n\t\t.row > label {\n\t\t\tflex: 0 0 28px;\n\t\t}\n\n\t\t.row > og-calendar-dropdown,\n\t\t.row > og-input {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t.actions {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\tgap: 4px;\n\t\t\tmargin-top: 4px;\n\t\t}\n\t`;\n\n\t@property({ type: String })\n\ttype: RangeFilterType = 'd';\n\n\t@state() private _from: RangeValue = null;\n\t@state() private _to: RangeValue = null;\n\n\tconstructor() {\n\t\tsuper();\n\t\t// Close an open calendar dropdown when clicking elsewhere in the popup. The popup\n\t\t// content lives inside the outer dropdown container, which stops mousedown before it\n\t\t// reaches document.body — so the calendar's own outside-click handler never fires for\n\t\t// in-popup clicks. Handle it here, scoped to this popup, so the popup itself stays open.\n\t\tthis.addEventListener('mousedown', this._onPopupMouseDown);\n\t}\n\n\tprivate _onPopupMouseDown = (e: MouseEvent) => {\n\t\tconst path = e.composedPath();\n\t\tthis.renderRoot.querySelectorAll<Dropdown>('og-calendar-dropdown').forEach(dd => {\n\t\t\tif (dd.isOpen && !path.includes(dd) && !path.includes(dd.dropdown)) dd.close();\n\t\t});\n\t}\n\n\tsetValues(from: RangeValue, to: RangeValue) {\n\t\tthis._from = from;\n\t\tthis._to = to;\n\t}\n\n\tprivate _onFromDate = (e: events.ChangeEvent<Date>) => { this._from = e.value ?? null; }\n\tprivate _onToDate = (e: events.ChangeEvent<Date>) => { this._to = e.value ?? null; }\n\n\tprivate _onFromText = (e: events.ChangeEvent<string>) => { this._from = e.value || null; }\n\tprivate _onToText = (e: events.ChangeEvent<string>) => { this._to = e.value || null; }\n\n\tprivate _apply = () => {\n\t\tthis.dispatchEvent(new RangeFilterApplyEvent(this._from, this._to));\n\t}\n\n\tprivate _clear = () => {\n\t\tthis._from = null;\n\t\tthis._to = null;\n\t\tthis.dispatchEvent(new RangeFilterClearEvent());\n\t}\n\n\tprivate _onKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\te.stopPropagation();\n\t\t\tthis._apply();\n\t\t}\n\t}\n\n\tprivate _renderRow(label: string, value: RangeValue, which: 'from' | 'to') {\n\t\tlet control;\n\t\tif (this.type === 'tm') {\n\t\t\t// TODO: change to time picker when available\n\t\t\tconst onChange = which === 'from' ? this._onFromText : this._onToText;\n\t\t\tcontrol = html`<og-input .value=\"${(value ?? '') as string}\" @change=\"${onChange}\"></og-input>`;\n\t\t} else {\n\t\t\tconst onChange = which === 'from' ? this._onFromDate : this._onToDate;\n\t\t\tcontrol = html`<og-calendar-dropdown cross buttonInput .value=\"${value as Date | null}\" @change=\"${onChange}\"></og-calendar-dropdown>`;\n\t\t}\n\t\treturn html`<div class=\"row\"><label>${label}</label>${control}</div>`;\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div @keydown=\"${this._onKeyDown}\" style=\"display: contents;\">\n\t\t\t\t${this._renderRow(msg('From'), this._from, 'from')}\n\t\t\t\t${this._renderRow(msg('To'), this._to, 'to')}\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<og-button icon=\"check\" color=\"accent\" text=\"${msg('Apply')}\" @click=\"${this._apply}\"></og-button>\n\t\t\t\t\t<og-button icon=\"xmark\" color=\"red\" text=\"${msg('Clear')}\" @click=\"${this._clear}\"></og-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n"]}