lsp-grid 1.0.0

package/standalone/revogr-filter-panel.js

@@ -0,0 +1,411 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as debounce } from './debounce.js';
+import { i as isFilterBtn, e as AndOrButton, d as TrashButton } from './filter.button.js';
+
+(function closest() {
+    if (!Element.prototype.matches) {
+        Element.prototype.matches =
+            Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+    }
+    if (!Element.prototype.closest) {
+        Element.prototype.closest = function (s) {
+            let el = this;
+            do {
+                if (Element.prototype.matches.call(el, s)) {
+                    return el;
+                }
+                el = el.parentElement || el.parentNode;
+            } while (el !== null && el.nodeType === 1);
+            return null;
+        };
+    }
+})();
+
+const filterStyleCss = "revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;max-height:calc(100% - 80px);min-width:250px;overflow:auto;opacity:1;transform:none;background-color:var(--revo-grid-filter-panel-bg, #fff);border:1px solid var(--revo-grid-filter-panel-border, #cecece);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));padding:10px;border-radius:8px;min-width:220px;text-align:left}revogr-filter-panel .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:var(--revo-grid-filter-panel-input-bg, #f3f3f3);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--revo-grid-filter-panel-input-bg, #f3f3f3);background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.select-css:focus{border-color:var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-action{display:flex;justify-content:space-between;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);height:10px}.select-input{display:flex;justify-content:space-between;align-items:center}";
+
+const defaultType = 'none';
+const FILTER_LIST_CLASS = 'multi-filter-list';
+const FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';
+const FILTER_ID = 'add-filter';
+const FilterPanel = /*@__PURE__*/ proxyCustomElement(class FilterPanel extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.filterChange = createEvent(this, "filterChange", 7);
+        this.resetChange = createEvent(this, "resetChange", 7);
+        this.filterCaptionsInternal = {
+            title: 'Filter by',
+            ok: 'Close',
+            save: 'Save',
+            // drops the filter
+            reset: 'Reset',
+            cancel: 'Cancel',
+            add: 'Add condition',
+            placeholder: 'Enter value...',
+            and: 'and',
+            or: 'or',
+        };
+        this.isFilterIdSet = false;
+        this.filterId = 0;
+        this.currentFilterId = -1;
+        this.currentFilterType = defaultType;
+        this.filterItems = {};
+        this.filterNames = {};
+        this.filterEntities = {};
+        /**
+         * Disables dynamic filtering. A way to apply filters on Save only
+         */
+        this.disableDynamicFiltering = false;
+        /**
+         * If true, closes the filter panel when clicking outside
+         */
+        this.closeOnOutsideClick = true;
+        this.debouncedApplyFilter = debounce(() => {
+            this.filterChange.emit(this.filterItems);
+        }, 400);
+    }
+    onMouseDown(e) {
+        // click on anything then select drops values to default
+        if (!this.changes) {
+            return;
+        }
+        const path = e.composedPath();
+        const select = document.getElementById(FILTER_ID);
+        if (select instanceof HTMLSelectElement) {
+            // click on select should be skipped
+            if (path.includes(select)) {
+                return;
+            }
+            select.value = defaultType;
+        }
+        this.currentFilterType = defaultType;
+        if (this.changes) {
+            this.changes.type = defaultType;
+        }
+        this.currentFilterId = -1;
+        const isOutside = !path.includes(this.element);
+        if (e.target instanceof HTMLElement &&
+            isOutside &&
+            !isFilterBtn(e.target) &&
+            this.closeOnOutsideClick) {
+            this.changes = undefined;
+        }
+    }
+    async show(newEntity) {
+        this.changes = newEntity;
+        this.filterItems = (newEntity === null || newEntity === void 0 ? void 0 : newEntity.filterItems) || {};
+        if (this.changes) {
+            this.changes.type = this.changes.type || defaultType;
+        }
+    }
+    async getChanges() {
+        return this.changes;
+    }
+    componentWillRender() {
+        if (!this.isFilterIdSet) {
+            this.isFilterIdSet = true;
+            const filterItems = Object.keys(this.filterItems);
+            for (const prop of filterItems) {
+                // we set the proper filterId so there won't be any conflict when removing filters
+                this.filterId += this.filterItems[prop].length;
+            }
+        }
+    }
+    getFilterItemsList() {
+        var _a, _b;
+        const prop = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop;
+        if (typeof prop === 'undefined')
+            return '';
+        const propFilters = (_b = this.filterItems[prop]) !== null && _b !== void 0 ? _b : [];
+        const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
+        return (h("div", { key: this.filterId }, propFilters.map((filter, index) => {
+            let andOrButton;
+            if (filter.hidden) {
+                return;
+            }
+            // hide toggle button if there is only one filter and the last one
+            if (index !== this.filterItems[prop].length - 1) {
+                andOrButton = (h("div", { onClick: () => this.toggleFilterAndOr(filter.id) }, h(AndOrButton, { text: filter.relation === 'and' ? capts.and : capts.or })));
+            }
+            return (h("div", { key: filter.id, class: FILTER_LIST_CLASS }, h("div", { class: { 'select-input': true } }, h("select", { class: "select-css select-filter", onChange: e => this.onFilterTypeChange(e, prop, index) }, this.renderSelectOptions(this.filterItems[prop][index].type, true)), h("div", { class: FILTER_LIST_CLASS_ACTION }, andOrButton), h("div", { onClick: () => this.onRemoveFilter(filter.id) }, h(TrashButton, null))), h("div", null, this.renderExtra(prop, index))));
+        }), propFilters.filter(f => !f.hidden).length > 0 ? h("div", { class: "add-filter-divider" }) : ''));
+    }
+    autoCorrect(el) {
+        var _a, _b;
+        if (!el) {
+            return;
+        }
+        const revoGrid = el.closest('revo-grid');
+        if (!revoGrid) {
+            return;
+        }
+        const pos = el.getBoundingClientRect();
+        const gridPos = revoGrid.getBoundingClientRect();
+        const maxLeft = gridPos.right - pos.width;
+        if (pos.left > maxLeft && el.offsetLeft) {
+            el.style.left = `${maxLeft - ((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) !== null && _b !== void 0 ? _b : 0)}px`;
+        }
+    }
+    onFilterTypeChange(e, prop, index) {
+        if (!(e.target instanceof HTMLSelectElement)) {
+            return;
+        }
+        this.filterItems[prop][index].type = e.target.value;
+        // this re-renders the input to know if we need extra input
+        this.filterId++;
+        // adding setTimeout will wait for the next tick DOM update then focus on input
+        setTimeout(() => {
+            const input = document.getElementById('filter-input-' + this.filterItems[prop][index].id);
+            if (input instanceof HTMLInputElement) {
+                input.focus();
+            }
+        }, 0);
+        if (!this.disableDynamicFiltering) {
+            this.debouncedApplyFilter();
+        }
+    }
+    onAddNewFilter(e) {
+        const el = e.target;
+        this.currentFilterType = el.value;
+        this.addNewFilterToProp();
+        // reset value after adding new filter
+        const select = document.getElementById('add-filter');
+        if (select) {
+            select.value = defaultType;
+            this.currentFilterType = defaultType;
+        }
+        if (!this.disableDynamicFiltering) {
+            this.debouncedApplyFilter();
+        }
+    }
+    addNewFilterToProp() {
+        var _a;
+        const prop = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop;
+        if (!(prop || prop === 0))
+            return;
+        if (!this.filterItems[prop]) {
+            this.filterItems[prop] = [];
+        }
+        if (this.currentFilterType === 'none')
+            return;
+        this.filterId++;
+        this.currentFilterId = this.filterId;
+        this.filterItems[prop].push({
+            id: this.currentFilterId,
+            type: this.currentFilterType,
+            value: '',
+            relation: 'and',
+        });
+        // adding setTimeout will wait for the next tick DOM update then focus on input
+        setTimeout(() => {
+            const input = document.getElementById('filter-input-' + this.currentFilterId);
+            if (input)
+                input.focus();
+        }, 0);
+    }
+    onSave() {
+        this.filterChange.emit(this.filterItems);
+    }
+    onCancel() {
+        this.changes = undefined;
+    }
+    onReset() {
+        var _a;
+        this.assertChanges();
+        this.resetChange.emit((_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop);
+        // this updates the DOM which is used by getFilterItemsList() key
+        this.filterId++;
+    }
+    onRemoveFilter(id) {
+        var _a;
+        this.assertChanges();
+        // this is for reactivity issues for getFilterItemsList()
+        this.filterId++;
+        const prop = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop;
+        const items = this.filterItems[prop !== null && prop !== void 0 ? prop : ''];
+        if (!items)
+            return;
+        const index = items.findIndex(d => d.id === id);
+        if (index === -1)
+            return;
+        items.splice(index, 1);
+        // let's remove the prop if no more filters so the filter icon will be removed
+        if (items.length === 0)
+            delete this.filterItems[prop !== null && prop !== void 0 ? prop : ''];
+        if (!this.disableDynamicFiltering) {
+            this.debouncedApplyFilter();
+        }
+    }
+    toggleFilterAndOr(id) {
+        var _a;
+        this.assertChanges();
+        // this is for reactivity issues for getFilterItemsList()
+        this.filterId++;
+        const prop = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.prop;
+        const items = this.filterItems[prop !== null && prop !== void 0 ? prop : ''];
+        if (!items)
+            return;
+        const index = items.findIndex(d => d.id === id);
+        if (index === -1)
+            return;
+        items[index].relation = items[index].relation === 'and' ? 'or' : 'and';
+        if (!this.disableDynamicFiltering) {
+            this.debouncedApplyFilter();
+        }
+    }
+    assertChanges() {
+        if (!this.changes) {
+            throw new Error('Changes required per edit');
+        }
+    }
+    renderSelectOptions(type, isDefaultTypeRemoved = false) {
+        if (!this.changes) {
+            return;
+        }
+        const options = [];
+        const prop = this.changes.prop;
+        const hidden = new Set();
+        Object.entries(this.filterItems).forEach(([_, values]) => {
+            values.forEach((filter) => {
+                if (filter.hidden) {
+                    hidden.add(filter.type);
+                }
+            });
+        });
+        if (!isDefaultTypeRemoved) {
+            const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
+            options.push(h("option", { selected: this.currentFilterType === defaultType, value: defaultType }, prop && this.filterItems[prop] && this.filterItems[prop].length > 0
+                ? capts.add
+                : this.filterNames[defaultType]));
+        }
+        for (let gIndex in this.changes.filterTypes) {
+            const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));
+            if (group.length) {
+                options.push(...group.map(k => (h("option", { value: k, selected: type === k }, this.filterNames[k]))));
+                options.push(h("option", { disabled: true }));
+            }
+        }
+        return options;
+    }
+    renderExtra(prop, index) {
+        const currentFilter = this.filterItems[prop];
+        if (!currentFilter)
+            return '';
+        const applyFilter = (value) => {
+            this.filterItems[prop][index].value = value;
+            if (!this.disableDynamicFiltering) {
+                this.debouncedApplyFilter();
+            }
+        };
+        const focusNext = () => {
+            const select = document.getElementById('add-filter');
+            if (select) {
+                select.value = defaultType;
+                this.currentFilterType = defaultType;
+                this.addNewFilterToProp();
+                select.focus();
+            }
+        };
+        const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
+        const extra = this.filterEntities[currentFilter[index].type].extra;
+        if (typeof extra === 'function') {
+            return extra(h, {
+                value: currentFilter[index].value,
+                filter: currentFilter[index],
+                prop,
+                index,
+                placeholder: capts.placeholder,
+                onInput: (value) => {
+                    applyFilter(value);
+                },
+                onFocus: () => {
+                    focusNext();
+                }
+            });
+        }
+        if (extra !== 'input' && extra !== 'datepicker') {
+            return '';
+        }
+        return (h("input", { id: `filter-input-${currentFilter[index].id}`, placeholder: capts.placeholder, type: extra === 'datepicker' ? 'date' : 'text', value: currentFilter[index].value, onInput: (e) => {
+                if (e.target instanceof HTMLInputElement) {
+                    applyFilter(e.target.value);
+                }
+            }, onKeyDown: e => {
+                if (e.key.toLowerCase() === 'enter') {
+                    const select = document.getElementById('add-filter');
+                    if (select) {
+                        focusNext();
+                    }
+                    return;
+                }
+                // keep event local, don't escalate farther to dom
+                e.stopPropagation();
+            } }));
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.changes) {
+            return h(Host, { style: { display: 'none' } });
+        }
+        const style = {
+            display: 'block',
+            left: `${this.changes.x}px`,
+            top: `${this.changes.y}px`,
+        };
+        const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
+        return (h(Host, { style: style, ref: el => {
+                var _a;
+                ((_a = this.changes) === null || _a === void 0 ? void 0 : _a.autoCorrect) !== false && this.autoCorrect(el);
+            } }, h("slot", { slot: "header" }), ((_b = (_a = this.changes).extraContent) === null || _b === void 0 ? void 0 : _b.call(_a, this.changes)) || '', ((_c = this.changes) === null || _c === void 0 ? void 0 : _c.hideDefaultFilters) !== true && ([
+            h("label", null, capts.title),
+            h("div", { class: "filter-holder" }, this.getFilterItemsList()),
+            h("div", { class: "add-filter" }, h("select", { id: FILTER_ID, class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType)))
+        ]), h("slot", null), h("div", { class: "filter-actions" }, this.disableDynamicFiltering && [
+            h("button", { id: "revo-button-save", "aria-label": "save", class: "revo-button green", onClick: () => this.onSave() }, capts.save),
+            h("button", { id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.cancel),
+        ], !this.disableDynamicFiltering && [
+            h("button", { id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.ok),
+            h("button", { id: "revo-button-reset", "aria-label": "reset", class: "revo-button outline", onClick: () => this.onReset() }, capts.reset),
+        ]), h("slot", { slot: "footer" })));
+    }
+    get element() { return this; }
+    static get style() { return filterStyleCss; }
+}, [260, "revogr-filter-panel", {
+        "filterNames": [16, "filter-names"],
+        "filterEntities": [16, "filter-entities"],
+        "filterCaptions": [16, "filter-captions"],
+        "disableDynamicFiltering": [4, "disable-dynamic-filtering"],
+        "closeOnOutsideClick": [4, "close-on-outside-click"],
+        "isFilterIdSet": [32],
+        "filterId": [32],
+        "currentFilterId": [32],
+        "currentFilterType": [32],
+        "changes": [32],
+        "filterItems": [32],
+        "show": [64],
+        "getChanges": [64]
+    }, [[5, "mousedown", "onMouseDown"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-filter-panel"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-filter-panel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FilterPanel);
+            }
+            break;
+    } });
+}
+
+const RevogrFilterPanel = FilterPanel;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrFilterPanel, defineCustomElement };
+//# sourceMappingURL=revogr-filter-panel.js.map
+
+//# sourceMappingURL=revogr-filter-panel.js.map

package/standalone/revogr-filter-panel.js.map

@@ -0,0 +1 @@
+{"file":"revogr-filter-panel.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/utils/closest.polifill.ts","src/plugins/filter/filter.style.scss?tag=revogr-filter-panel","src/plugins/filter/filter.panel.tsx"],"sourcesContent":["(function closest() {\r\n  if (!Element.prototype.matches) {\r\n    Element.prototype.matches =\r\n      ((Element.prototype as unknown) as { msMatchesSelector: (selectors: string) => boolean }).msMatchesSelector || Element.prototype.webkitMatchesSelector;\r\n  }\r\n\r\n  if (!Element.prototype.closest) {\r\n    Element.prototype.closest = function (s: string) {\r\n      let el: HTMLElement | Element | (Node & ParentNode) | null = this;\r\n\r\n      do {\r\n        if (Element.prototype.matches.call(el, s)) {\r\n          return el;\r\n        }\r\n        el = el.parentElement || el.parentNode;\r\n      } while (el !== null && el.nodeType === 1);\r\n      return null;\r\n    };\r\n  }\r\n})();\r\n","revogr-filter-panel {\r\n  position: absolute;\r\n  display: block;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 100;\r\n  max-height: calc(100% - 80px);\r\n  min-width: 250px;\r\n  overflow: auto;\r\n\r\n  opacity: 1;\r\n  transform: none;\r\n  background-color: var(--revo-grid-filter-panel-bg, #fff);\r\n  border: 1px solid var(--revo-grid-filter-panel-border, #cecece);\r\n  transform-origin: 62px 0px;\r\n  box-shadow: 0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n\r\n  min-width: 220px;\r\n  text-align: left;\r\n\r\n  .filter-holder > div {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  label {\r\n    font-size: 13px;\r\n    display: block;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  select {\r\n    width: 100%;\r\n  }\r\n\r\n  input[type='text'] {\r\n    border: 0;\r\n    min-height: 34px;\r\n    margin: 5px 0;\r\n    background: var(--revo-grid-filter-panel-input-bg, #f3f3f3);\r\n    border-radius: 5px;\r\n    padding: 0 10px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  button {\r\n    margin-top: 10px;\r\n    margin-right: 5px;\r\n  }\r\n\r\n  .filter-actions {\r\n    text-align: right;\r\n    margin-right: -5px;\r\n  }\r\n}\r\n\r\n.rgHeaderCell {\r\n  &:hover .rv-filter {\r\n    transition:\r\n      opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\r\n      transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n  }\r\n  &:hover .rv-filter,\r\n  .rv-filter.active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .rv-filter {\r\n    $btn-size: 24px;\r\n    height: $btn-size;\r\n    width: $btn-size;\r\n    background: none;\r\n    border: 0;\r\n    opacity: 0;\r\n    visibility: visible;\r\n    cursor: pointer;\r\n    border-radius: 4px;\r\n\r\n    &.active {\r\n      color: #10224a;\r\n    }\r\n\r\n    .filter-img {\r\n      $img-size: 11px;\r\n      color: gray;\r\n      width: $img-size;\r\n    }\r\n  }\r\n}\r\n\r\n.select-css {\r\n  $gradient: 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E';\r\n\r\n  display: block;\r\n  font-family: sans-serif;\r\n  line-height: 1.3;\r\n  padding: 0.6em 1.4em 0.5em 0.8em;\r\n  width: 100%;\r\n  max-width: 100%; /* useful when width is set to anything other than 100% */\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  border: 1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  box-shadow: transparent;\r\n  border-radius: 0.5em;\r\n  appearance: none;\r\n  background-color: var(--revo-grid-filter-panel-input-bg, #f3f3f3);\r\n  background-image: url($gradient);\r\n  background-repeat: no-repeat, repeat;\r\n  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/\r\n  background-position:\r\n    right 0.7em top 50%,\r\n    0 0;\r\n  /* icon size, then gradient */\r\n  background-size:\r\n    0.65em auto,\r\n    100%;\r\n\r\n  /* Hide arrow icon in IE browsers */\r\n  &::-ms-expand {\r\n    display: none;\r\n  }\r\n  /* Hover style */\r\n  &:hover {\r\n    border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  }\r\n  /* Focus style */\r\n  &:focus {\r\n    border-color: var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);\r\n    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);\r\n    box-shadow: 0 0 0 3px -moz-mac-focusring;\r\n    outline: none;\r\n  }\r\n\r\n  /* Set options to normal weight */\r\n  option {\r\n    font-weight: normal;\r\n  }\r\n\r\n  /* Disabled styles */\r\n  &:disabled,\r\n  &[aria-disabled='true'] {\r\n    color: gray;\r\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),\r\n      linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\r\n  }\r\n\r\n  &:disabled:hover,\r\n  &[aria-disabled='true'] {\r\n    border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  }\r\n}\r\n\r\n.multi-filter-list {\r\n  margin-top: 5px;\r\n  margin-bottom: 5px;\r\n\r\n  div {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .multi-filter-list-action {\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n\r\n  .and-or-button {\r\n    margin: 0 0 0 10px;\r\n    min-width: 58px;\r\n    cursor: pointer;\r\n  }\r\n  .trash-button {\r\n    $btn-remove-size: 22px;\r\n    margin: 0 0 -2px 6px;\r\n    cursor: pointer;\r\n\r\n    width: $btn-remove-size;\r\n    height: 100%;\r\n    font-size: 16px;\r\n\r\n    .trash-img {\r\n      width: 1em;\r\n    }\r\n  }\r\n}\r\n\r\n.add-filter-divider {\r\n  display: block;\r\n  margin: 0 -10px 10px -10px;\r\n\r\n  border-bottom: 1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);\r\n  height: 10px;\r\n}\r\n\r\n.select-input {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n","// filter.panel.tsx\r\n\r\nimport {\r\n  h,\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  type VNode,\r\n  Element,\r\n} from '@stencil/core';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\r\nimport '../../utils/closest.polifill';\r\nimport {\r\n  FilterCaptions,\r\n  LogicFunction,\r\n  MultiFilterItem,\r\n  ShowData,\r\n} from './filter.types';\r\nimport type { ColumnProp } from '@type';\r\nimport { FilterType } from './filter.indexed';\r\n\r\nconst defaultType: FilterType = 'none';\r\n\r\nconst FILTER_LIST_CLASS = 'multi-filter-list';\r\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\r\nconst FILTER_ID = 'add-filter';\r\n\r\n/**\r\n * Filter panel for editing filters\r\n */\r\n/**\r\n * @internal\r\n */\r\n@Component({\r\n  tag: 'revogr-filter-panel',\r\n  styleUrl: 'filter.style.scss',\r\n})\r\nexport class FilterPanel {\r\n  private filterCaptionsInternal: FilterCaptions = {\r\n    title: 'Filter by',\r\n    ok: 'Close',\r\n    save: 'Save',\r\n    // drops the filter\r\n    reset: 'Reset',\r\n    cancel: 'Cancel',\r\n    add: 'Add condition',\r\n    placeholder: 'Enter value...',\r\n    and: 'and',\r\n    or: 'or',\r\n  };\r\n\r\n  @Element() element!: HTMLElement;\r\n  @State() isFilterIdSet = false;\r\n  @State() filterId = 0;\r\n  @State() currentFilterId = -1;\r\n  @State() currentFilterType: FilterType = defaultType;\r\n  @State() changes: ShowData | undefined;\r\n  @State() filterItems: MultiFilterItem = {};\r\n  @Prop() filterNames: Record<string, string> = {};\r\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\r\n  @Prop() filterCaptions: Partial<FilterCaptions> | undefined;\r\n  /**\r\n   * Disables dynamic filtering. A way to apply filters on Save only\r\n   */\r\n  @Prop() disableDynamicFiltering = false;\r\n  /**\r\n   * If true, closes the filter panel when clicking outside\r\n   */\r\n  @Prop() closeOnOutsideClick = true;\r\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\r\n  @Event() resetChange: EventEmitter<ColumnProp>;\r\n\r\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\r\n    // click on anything then select drops values to default\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const path = e.composedPath();\r\n    const select = document.getElementById(FILTER_ID);\r\n    if (select instanceof HTMLSelectElement) {\r\n      // click on select should be skipped\r\n      if (path.includes(select)) {\r\n        return;\r\n      }\r\n      select.value = defaultType;\r\n    }\r\n    this.currentFilterType = defaultType;\r\n    if (this.changes) {\r\n      this.changes.type = defaultType;\r\n    }\r\n    this.currentFilterId = -1;\r\n\r\n    const isOutside = !path.includes(this.element);\r\n\r\n    if (\r\n      e.target instanceof HTMLElement &&\r\n      isOutside &&\r\n      !isFilterBtn(e.target) &&\r\n      this.closeOnOutsideClick\r\n    ) {\r\n      this.changes = undefined;\r\n    }\r\n  }\r\n\r\n  @Method() async show(newEntity?: ShowData) {\r\n    this.changes = newEntity;\r\n    this.filterItems = newEntity?.filterItems || {};\r\n    if (this.changes) {\r\n      this.changes.type = this.changes.type || defaultType;\r\n    }\r\n  }\r\n\r\n  @Method() async getChanges() {\r\n    return this.changes;\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (!this.isFilterIdSet) {\r\n      this.isFilterIdSet = true;\r\n      const filterItems = Object.keys(this.filterItems);\r\n      for (const prop of filterItems) {\r\n        // we set the proper filterId so there won't be any conflict when removing filters\r\n        this.filterId += this.filterItems[prop].length;\r\n      }\r\n    }\r\n  }\r\n\r\n  getFilterItemsList() {\r\n    const prop = this.changes?.prop;\r\n    if (typeof prop === 'undefined') return '';\r\n\r\n    const propFilters = this.filterItems[prop] ?? [];\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    return (\r\n      <div key={this.filterId}>\r\n        {propFilters.map((filter, index) => {\r\n          let andOrButton;\r\n          if (filter.hidden) {\r\n            return;\r\n          }\r\n\r\n          // hide toggle button if there is only one filter and the last one\r\n          if (index !== this.filterItems[prop].length - 1) {\r\n            andOrButton = (\r\n              <div onClick={() => this.toggleFilterAndOr(filter.id)}>\r\n                <AndOrButton\r\n                  text={filter.relation === 'and' ? capts.and : capts.or}\r\n                />\r\n              </div>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <div key={filter.id} class={FILTER_LIST_CLASS}>\r\n              <div class={{ 'select-input': true }}>\r\n                <select\r\n                  class=\"select-css select-filter\"\r\n                  onChange={e => this.onFilterTypeChange(e, prop, index)}\r\n                >\r\n                  {this.renderSelectOptions(\r\n                    this.filterItems[prop][index].type,\r\n                    true,\r\n                  )}\r\n                </select>\r\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\r\n                <div onClick={() => this.onRemoveFilter(filter.id)}>\r\n                  <TrashButton />\r\n                </div>\r\n              </div>\r\n              <div>{this.renderExtra(prop, index)}</div>\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {propFilters.filter(f => !f.hidden).length > 0 ? <div class=\"add-filter-divider\" /> : ''}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private autoCorrect(el?: HTMLElement | null) {\r\n    if (!el) {\r\n      return;\r\n    }\r\n\r\n    const revoGrid = el.closest('revo-grid');\r\n    if (!revoGrid) {\r\n      return;\r\n    }\r\n\r\n    const pos = el.getBoundingClientRect();\r\n    const gridPos = revoGrid.getBoundingClientRect();\r\n    const maxLeft = gridPos.right - pos.width;\r\n\r\n    if (pos.left > maxLeft && el.offsetLeft) {\r\n      el.style.left = `${maxLeft - (el.parentElement?.getBoundingClientRect().left ?? 0)}px`;\r\n    }\r\n  }\r\n\r\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\r\n    if (!(e.target instanceof HTMLSelectElement)) {\r\n      return;\r\n    }\r\n    this.filterItems[prop][index].type = e.target.value as FilterType;\r\n\r\n    // this re-renders the input to know if we need extra input\r\n    this.filterId++;\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.filterItems[prop][index].id,\r\n      );\r\n      if (input instanceof HTMLInputElement) {\r\n        input.focus();\r\n      }\r\n    }, 0);\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private debouncedApplyFilter = debounce(() => {\r\n    this.filterChange.emit(this.filterItems);\r\n  }, 400);\r\n\r\n  private onAddNewFilter(e: Event) {\r\n    const el = e.target as HTMLSelectElement;\r\n    this.currentFilterType = el.value as FilterType;\r\n    this.addNewFilterToProp();\r\n\r\n    // reset value after adding new filter\r\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n    if (select) {\r\n      select.value = defaultType;\r\n      this.currentFilterType = defaultType;\r\n    }\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private addNewFilterToProp() {\r\n    const prop = this.changes?.prop;\r\n    if (!(prop || prop === 0)) return;\r\n\r\n    if (!this.filterItems[prop]) {\r\n      this.filterItems[prop] = [];\r\n    }\r\n\r\n    if (this.currentFilterType === 'none') return;\r\n\r\n    this.filterId++;\r\n    this.currentFilterId = this.filterId;\r\n\r\n    this.filterItems[prop].push({\r\n      id: this.currentFilterId,\r\n      type: this.currentFilterType,\r\n      value: '',\r\n      relation: 'and',\r\n    });\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.currentFilterId,\r\n      ) as HTMLInputElement;\r\n      if (input) input.focus();\r\n    }, 0);\r\n  }\r\n\r\n  private onSave() {\r\n    this.filterChange.emit(this.filterItems);\r\n  }\r\n\r\n  private onCancel() {\r\n    this.changes = undefined;\r\n  }\r\n\r\n  private onReset() {\r\n    this.assertChanges();\r\n\r\n    this.resetChange.emit(this.changes?.prop);\r\n\r\n    // this updates the DOM which is used by getFilterItemsList() key\r\n    this.filterId++;\r\n  }\r\n\r\n  private onRemoveFilter(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n    items.splice(index, 1);\r\n\r\n    // let's remove the prop if no more filters so the filter icon will be removed\r\n    if (items.length === 0) delete this.filterItems[prop ?? ''];\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private toggleFilterAndOr(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n\r\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private assertChanges() {\r\n    if (!this.changes) {\r\n      throw new Error('Changes required per edit');\r\n    }\r\n  }\r\n\r\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const options: VNode[] = [];\r\n    const prop = this.changes.prop;\r\n\r\n    const hidden = new Set<string>();\r\n    Object.entries(this.filterItems).forEach(([_, values]) => {\r\n      values.forEach((filter) => {\r\n        if (filter.hidden) {\r\n          hidden.add(filter.type);\r\n        }\r\n      })\r\n    });\r\n\r\n    if (!isDefaultTypeRemoved) {\r\n      const capts = Object.assign(\r\n        this.filterCaptionsInternal,\r\n        this.filterCaptions,\r\n      );\r\n\r\n      options.push(\r\n        <option\r\n          selected={this.currentFilterType === defaultType}\r\n          value={defaultType}\r\n        >\r\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0\r\n            ? capts.add\r\n            : this.filterNames[defaultType]}\r\n        </option>,\r\n      );\r\n    }\r\n\r\n    for (let gIndex in this.changes.filterTypes) {\r\n      const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));\r\n      if (group.length) {\r\n        options.push(\r\n          ...group.map(k => (\r\n            <option value={k} selected={type === k}>\r\n              {this.filterNames[k]}\r\n            </option>\r\n          )),\r\n        );\r\n        options.push(<option disabled></option>);\r\n      }\r\n    }\r\n    return options;\r\n  }\r\n\r\n  renderExtra(prop: ColumnProp, index: number) {\r\n    const currentFilter = this.filterItems[prop];\r\n\r\n    if (!currentFilter) return '';\r\n\r\n    const applyFilter = (value?: any) => {\r\n      this.filterItems[prop][index].value = value;\r\n      if (!this.disableDynamicFiltering) {\r\n        this.debouncedApplyFilter();\r\n      }\r\n    };\r\n\r\n    const focusNext = () => {\r\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n      if (select) {\r\n        select.value = defaultType;\r\n        this.currentFilterType = defaultType;\r\n        this.addNewFilterToProp();\r\n        select.focus();\r\n      }\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    const extra = this.filterEntities[currentFilter[index].type].extra;\r\n    if (typeof extra === 'function') {\r\n      return extra(h, {\r\n        value: currentFilter[index].value,\r\n        filter: currentFilter[index],\r\n        prop,\r\n        index,\r\n        placeholder: capts.placeholder,\r\n        onInput: (value: any) => {\r\n          applyFilter(value);\r\n        },\r\n        onFocus: () => {\r\n          focusNext();\r\n        }\r\n      });\r\n    }\r\n    if (extra !== 'input' && extra !== 'datepicker') {\r\n      return '';\r\n    }\r\n    return (\r\n      <input\r\n        id={`filter-input-${currentFilter[index].id}`}\r\n        placeholder={capts.placeholder}\r\n        type={extra === 'datepicker' ? 'date' : 'text'}\r\n        value={currentFilter[index].value}\r\n        onInput={(e) => {\r\n          if (e.target instanceof HTMLInputElement) {\r\n            applyFilter(e.target.value);\r\n          }\r\n        }}\r\n        onKeyDown={e => {\r\n          if (e.key.toLowerCase() === 'enter') {\r\n            const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n            if (select) {\r\n              focusNext();\r\n            }\r\n            return;\r\n          }\r\n          // keep event local, don't escalate farther to dom\r\n          e.stopPropagation();\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.changes) {\r\n      return <Host style={{ display: 'none' }}></Host>;\r\n    }\r\n    const style = {\r\n      display: 'block',\r\n      left: `${this.changes.x}px`,\r\n      top: `${this.changes.y}px`,\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n\r\n    return (\r\n      <Host\r\n        style={style}\r\n        ref={el => {\r\n          this.changes?.autoCorrect !== false && this.autoCorrect(el);\r\n        }}\r\n      >\r\n        <slot slot=\"header\" />\r\n        { this.changes.extraContent?.(this.changes) || '' }\r\n\r\n        { this.changes?.hideDefaultFilters !== true && (\r\n          [\r\n            <label>{capts.title}</label>,\r\n            <div class=\"filter-holder\">{this.getFilterItemsList()}</div>,\r\n            <div class=\"add-filter\">\r\n              <select\r\n                id={FILTER_ID}\r\n                class=\"select-css\"\r\n                onChange={e => this.onAddNewFilter(e)}\r\n              >\r\n                {this.renderSelectOptions(this.currentFilterType)}\r\n              </select>\r\n            </div>\r\n          ]\r\n        )}\r\n\r\n        <slot />\r\n        <div class=\"filter-actions\">\r\n          {this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-save\"\r\n              aria-label=\"save\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onSave()}\r\n            >\r\n              {capts.save}\r\n            </button>,\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.cancel}\r\n            </button>,\r\n          ]}\r\n          {!this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.ok}\r\n            </button>,\r\n\r\n            <button\r\n              id=\"revo-button-reset\"\r\n              aria-label=\"reset\"\r\n              class=\"revo-button outline\"\r\n              onClick={() => this.onReset()}\r\n            >\r\n              {capts.reset}\r\n            </button>,\r\n          ]}\r\n        </div>\r\n        <slot slot=\"footer\" />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/standalone/revogr-focus.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface RevogrFocus extends Components.RevogrFocus, HTMLElement {}
+export const RevogrFocus: {
+    prototype: RevogrFocus;
+    new (): RevogrFocus;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/standalone/revogr-focus.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { R as RevogrFocus$1, d as defineCustomElement$1 } from './revogr-focus2.js';
+
+const RevogrFocus = RevogrFocus$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrFocus, defineCustomElement };
+//# sourceMappingURL=revogr-focus.js.map
+
+//# sourceMappingURL=revogr-focus.js.map

package/standalone/revogr-focus.js.map

@@ -0,0 +1 @@
+{"file":"revogr-focus.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/standalone/revogr-focus2.js

@@ -0,0 +1,112 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { F as FOCUS_CLASS } from './consts.js';
+import { a as getCell, s as styleByCellProps } from './selection.utils.js';
+import { b as getSourceItem } from './data.store.js';
+import './platform.js';
+
+const revogrFocusStyleCss = "revogr-focus.focused-cell{box-shadow:-1px 0 0 #0d63e8 inset, 1px 0 0 #0d63e8 inset, 0 -1px 0 #0d63e8 inset, 0 1px 0 #0d63e8 inset;position:absolute;pointer-events:none;z-index:9;display:block !important}";
+
+const RevogrFocus = /*@__PURE__*/ proxyCustomElement(class RevogrFocus extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.beforeFocusRender = createEvent(this, "beforefocusrender", 7);
+        this.beforeScrollIntoView = createEvent(this, "beforescrollintoview", 7);
+        this.afterFocus = createEvent(this, "afterfocus", 7);
+        /**
+         * Focus template custom function. Can be used to render custom focus layer.
+         */
+        this.focusTemplate = null;
+        this.activeFocus = null;
+    }
+    componentDidRender() {
+        var _a, _b;
+        const currentFocus = this.selectionStore.get('focus');
+        if (((_a = this.activeFocus) === null || _a === void 0 ? void 0 : _a.x) === (currentFocus === null || currentFocus === void 0 ? void 0 : currentFocus.x) &&
+            ((_b = this.activeFocus) === null || _b === void 0 ? void 0 : _b.y) === (currentFocus === null || currentFocus === void 0 ? void 0 : currentFocus.y)) {
+            return;
+        }
+        this.activeFocus = currentFocus;
+        if (currentFocus && this.el) {
+            const beforeScrollIn = this.beforeScrollIntoView.emit({ el: this.el });
+            if (!beforeScrollIn.defaultPrevented) {
+                this.el.scrollIntoView({
+                    block: 'nearest',
+                    inline: 'nearest',
+                });
+            }
+            const model = getSourceItem(this.dataStore, currentFocus.y);
+            const column = getSourceItem(this.colData, currentFocus.x);
+            this.afterFocus.emit({
+                model,
+                column,
+                rowType: this.rowType,
+                colType: this.colType,
+                rowIndex: currentFocus.y,
+                colIndex: currentFocus.x,
+            });
+        }
+    }
+    render() {
+        var _a;
+        const editCell = this.selectionStore.get('edit');
+        if (editCell) {
+            return;
+        }
+        const focusCell = this.selectionStore.get('focus');
+        if (!focusCell) {
+            return;
+        }
+        const event = this.beforeFocusRender.emit({
+            range: Object.assign(Object.assign({}, focusCell), { x1: focusCell.x, y1: focusCell.y }),
+            rowType: this.rowType,
+            colType: this.colType,
+            rowDimension: Object.assign({}, this.dimensionRow.state),
+            colDimension: Object.assign({}, this.dimensionCol.state),
+        });
+        if (event.defaultPrevented) {
+            return h("slot", null);
+        }
+        const { detail } = event;
+        const cell = getCell(detail.range, event.detail.rowDimension, event.detail.colDimension);
+        const styles = styleByCellProps(cell);
+        const extra = (_a = this.focusTemplate) === null || _a === void 0 ? void 0 : _a.call(this, h, detail);
+        const props = {
+            class: { [FOCUS_CLASS]: true },
+            style: styles,
+        };
+        return (h(Host, Object.assign({}, props), h("slot", null), extra));
+    }
+    get el() { return this; }
+    static get style() { return revogrFocusStyleCss; }
+}, [260, "revogr-focus", {
+        "colType": [1, "col-type"],
+        "rowType": [1, "row-type"],
+        "selectionStore": [16, "selection-store"],
+        "dimensionRow": [16, "dimension-row"],
+        "dimensionCol": [16, "dimension-col"],
+        "dataStore": [16, "data-store"],
+        "colData": [16, "col-data"],
+        "focusTemplate": [16, "focus-template"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-focus"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-focus":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevogrFocus);
+            }
+            break;
+    } });
+}
+
+export { RevogrFocus as R, defineCustomElement as d };
+//# sourceMappingURL=revogr-focus2.js.map
+
+//# sourceMappingURL=revogr-focus2.js.map