@endge/ui-vue 0.23.3

package/dist/revogr-filter-panel.entry-C-xzIppO.js

@@ -0,0 +1,329 @@
+import { r as F, c as m, l as I, h as s, J as w, K as C, L as k, M as D, H as E, f as O } from "./main-CQv-nkoD.js";
+/*!
+ * Built by Revolist OU ❤️
+ */
+(function() {
+  Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector), Element.prototype.closest || (Element.prototype.closest = function(i) {
+    let t = this;
+    do {
+      if (Element.prototype.matches.call(t, i))
+        return t;
+      t = t.parentElement || t.parentNode;
+    } while (t !== null && t.nodeType === 1);
+    return null;
+  });
+})();
+const y = "text/revogrid-filter-id";
+function S(e, i) {
+  e && (e.effectAllowed = "move", e.setData(y, String(i)), e.setData("text/plain", String(i)));
+}
+function A(e) {
+  if (!e)
+    return;
+  const t = (e.getData(y) || e.getData("text/plain")).trim();
+  if (!t)
+    return;
+  const r = Number(t);
+  return Number.isFinite(r) ? r : void 0;
+}
+function b(e, i, t) {
+  if (i === t)
+    return !1;
+  const r = e.findIndex((n) => n.id === i), a = e.findIndex((n) => n.id === t);
+  if (r === -1 || a === -1 || r === a)
+    return !1;
+  const o = e.map((n) => {
+    var d;
+    return (d = n.relation) !== null && d !== void 0 ? d : "and";
+  }), [l] = e.splice(r, 1);
+  return e.splice(a, 0, l), e.forEach((n, d) => {
+    var c;
+    n.relation = d === e.length - 1 ? "and" : (c = o[d]) !== null && c !== void 0 ? c : "and";
+  }), !0;
+}
+const T = () => '.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#4545ff;height:32px;line-height:32px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037}.revo-button.red{background-color:#E0662E}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid #dbdbdb;line-height:30px;background:none;color:#000;box-shadow:none}revo-grid[theme^=dark] .revo-button.outline{border:1px solid #404040;color:#d8d8d8}revogr-filter-panel{display:block}revogr-filter-panel .filter-panel-dialog{position:fixed;top:0;left:0;z-index:100;max-height:calc(100vh - 16px);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));box-sizing:border-box;padding:10px;border-radius:8px;margin:0;min-width:220px;text-align:left;animation:revogr-filter-panel-open 140ms cubic-bezier(0.2, 0, 0, 1)}revogr-filter-panel .filter-panel-dialog .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel .filter-panel-dialog label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel .filter-panel-dialog select{width:100%}revogr-filter-panel .filter-panel-dialog 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 .filter-panel-dialog .filter-actions{position:sticky;right:0;bottom:-10px;left:0;z-index:1;text-align:right;margin:10px -10px -10px;padding:0 5px 10px 10px;background:var(--revo-grid-filter-panel-bg, #fff);border-top:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9)}revogr-filter-panel .filter-panel-dialog .filter-actions button{margin-top:10px;margin-right:5px}@keyframes revogr-filter-panel-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){revogr-filter-panel .filter-panel-dialog{animation:none}}.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-row{display:flex;align-items:center;gap:6px;position:relative}.multi-filter-list .multi-filter-list-row.filter-row-dragging{opacity:0.65}.multi-filter-list .multi-filter-list-row.filter-row-drag-over::before{content:"";position:absolute;top:-4px;right:0;left:0;z-index:2;height:2px;background:var(--revo-grid-filter-panel-reorder-accent, #007cb2);border-radius:999px;box-shadow:0 0 0 2px var(--revo-grid-filter-panel-bg, #fff)}.multi-filter-list .multi-filter-list-row.filter-row-drop-active .filter-row-drop-target{pointer-events:auto}.multi-filter-list .filter-row-drop-target{position:absolute;inset:0;z-index:1;padding:0;pointer-events:none;background:transparent;border:0}.multi-filter-list .multi-filter-list-action{display:flex;align-self:stretch;flex:0 0 auto;justify-content:flex-end;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;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.multi-filter-list .reorder-button{border:0;background:transparent;color:var(--revo-grid-filter-panel-reorder-color, #6b7280);cursor:grab;font-family:monospace;font-size:12px;letter-spacing:0;line-height:1;padding:6px 2px;transform:scaleX(0.8);width:16px}.multi-filter-list .reorder-button.filter-row-drag-over{color:var(--revo-grid-filter-panel-reorder-accent, #007cb2)}.multi-filter-list .reorder-button:active{cursor:grabbing}.multi-filter-list-container{padding:0;margin:0;list-style:none}.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;align-items:center;flex:1 1 auto;gap:6px;min-width:0}.select-input .select-filter,.select-input .filter-extra{flex:1 1 0;min-width:0}.select-input .select-filter{width:auto}.select-input .filter-extra{display:flex}.select-input .filter-extra>*{width:100%}.select-input input[type=text],.select-input input[type=date]{margin:0}', f = "none", _ = "multi-filter-list", R = "multi-filter-list-action", x = "add-filter", u = 8, L = class {
+  constructor(e) {
+    F(this, e), this.filterChange = m(this, "filterChange", 7), this.resetChange = m(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",
+      filterCondition: "Filter condition",
+      removeFilter: "Remove filter",
+      reorderFilter: "Reorder filter"
+    }, this.isFilterIdSet = !1, this.filterId = 0, this.currentFilterId = -1, this.currentFilterType = f, this.filterItems = {}, this.filterNames = {}, this.filterEntities = {}, this.disableDynamicFiltering = !1, this.closeOnOutsideClick = !0, this.debouncedApplyFilter = I(() => {
+      this.filterChange.emit(this.filterItems);
+    }, 400);
+  }
+  onMouseDown(e) {
+    if (!this.changes)
+      return;
+    const i = e.composedPath(), t = this.getAddFilterSelect();
+    if (t instanceof HTMLSelectElement) {
+      if (i.includes(t))
+        return;
+      t.value = f;
+    }
+    this.currentFilterType = f, this.changes && (this.changes.type = f), this.currentFilterId = -1, !i.includes(this.element) && !this.isOwnFilterButton(e.target) && this.closeOnOutsideClick && (this.changes = void 0);
+  }
+  async show(e) {
+    this.changes = e, this.filterItems = (e == null ? void 0 : e.filterItems) || {}, this.changes && (this.changes.type = this.changes.type || f);
+  }
+  async getChanges() {
+    return this.changes;
+  }
+  componentWillRender() {
+    if (!this.isFilterIdSet) {
+      this.isFilterIdSet = !0;
+      const e = Object.keys(this.filterItems);
+      for (const i of e)
+        this.filterId += this.filterItems[i].length;
+    }
+  }
+  getFilterItemsList() {
+    var e, i;
+    const t = (e = this.changes) === null || e === void 0 ? void 0 : e.prop;
+    if (typeof t > "u")
+      return "";
+    const r = (i = this.filterItems[t]) !== null && i !== void 0 ? i : [], a = r.filter((l) => !l.hidden).length, o = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions);
+    return s("div", { key: this.filterId }, s("ul", { class: "multi-filter-list-container" }, r.map((l, n) => {
+      let d;
+      if (l.hidden)
+        return;
+      n !== this.filterItems[t].length - 1 && (d = s(w, { text: l.relation === "and" ? o.and : o.or, onClick: () => this.toggleFilterAndOr(l.id) }));
+      const c = this.renderExtra(t, n), h = this.draggedFilterId === l.id, p = this.dragOverFilterId === l.id && !h, v = a > 1;
+      return s("li", { key: l.id, class: _, "aria-label": `${o.filterCondition} ${n + 1}` }, s("div", { class: {
+        "multi-filter-list-row": !0,
+        "filter-row-drop-active": this.draggedFilterId !== void 0 && !h,
+        "filter-row-dragging": h,
+        "filter-row-drag-over": p
+      } }, v ? s("button", { type: "button", class: "filter-row-drop-target", tabIndex: -1, "aria-label": `${o.filterCondition} ${n + 1}`, onDragOver: (g) => this.onFilterDragOver(g, l.id), onDragLeave: () => this.onFilterDragLeave(l.id), onDrop: (g) => this.onFilterDrop(g, t, l.id) }) : "", v ? s(C, { ariaLabel: o.reorderFilter, dragging: h, dragOver: p, onDragStart: (g) => this.onFilterDragStart(g, l.id), onDragEnd: () => this.onFilterDragEnd(), onKeyDown: (g) => this.onFilterReorderKeyDown(g, t, l.id) }) : "", s("div", { class: { "select-input": !0 } }, s("select", { class: "select-css select-filter", onChange: (g) => this.onFilterTypeChange(g, t, n) }, this.renderSelectOptions(this.filterItems[t][n].type, !0)), c ? s("div", { class: "filter-extra" }, c) : ""), s("div", { class: R }, d, s(k, { ariaLabel: o.removeFilter, onClick: () => this.onRemoveFilter(l.id) }))));
+    })), r.filter((l) => !l.hidden).length > 0 ? s("div", { class: "add-filter-divider" }) : "");
+  }
+  componentDidRender() {
+    this.syncDialog();
+  }
+  syncDialog() {
+    if (this.dialog) {
+      if (!this.changes) {
+        this.dialog.open && this.dialog.close();
+        return;
+      }
+      this.dialog.open || this.dialog.show(), this.changes.autoCorrect !== !1 && (this.autoCorrect(this.dialog), requestAnimationFrame(() => this.autoCorrect(this.dialog)));
+    }
+  }
+  autoCorrect(e) {
+    var i;
+    if (!e || !this.changes)
+      return;
+    e.style.maxHeight = "", e.style.left = `${this.changes.x}px`, e.style.top = `${this.changes.y}px`;
+    const t = e.getBoundingClientRect(), r = (i = this.changes.anchorY) !== null && i !== void 0 ? i : this.changes.y, a = this.changes.y, o = Math.max(0, r - u), l = Math.max(0, window.innerHeight - a - u), n = t.height > l && o > l, d = Math.max(u, n ? o : l);
+    e.style.maxHeight = `${d}px`;
+    const c = e.getBoundingClientRect(), h = Math.max(u, window.innerWidth - c.width - u), p = Math.max(u, window.innerHeight - c.height - u), v = Math.min(Math.max(u, this.changes.x), h), g = Math.min(n ? Math.max(u, r - c.height) : Math.max(u, a), p);
+    e.style.left = `${v}px`, e.style.top = `${g}px`;
+  }
+  onFilterTypeChange(e, i, t) {
+    e.target instanceof HTMLSelectElement && (this.filterItems[i][t].type = e.target.value, this.filterId++, setTimeout(() => {
+      const r = document.getElementById("filter-input-" + this.filterItems[i][t].id);
+      r instanceof HTMLInputElement && r.focus();
+    }, 0), this.disableDynamicFiltering || this.debouncedApplyFilter());
+  }
+  onAddNewFilter(e) {
+    const i = e.target;
+    this.currentFilterType = i.value, this.addNewFilterToProp();
+    const t = this.getAddFilterSelect();
+    t && (t.value = f, this.currentFilterType = f), this.disableDynamicFiltering || this.debouncedApplyFilter();
+  }
+  addNewFilterToProp() {
+    var e;
+    const i = (e = this.changes) === null || e === void 0 ? void 0 : e.prop;
+    (i || i === 0) && (this.filterItems[i] || (this.filterItems[i] = []), this.currentFilterType !== "none" && (this.filterId++, this.currentFilterId = this.filterId, this.filterItems[i].push({
+      id: this.currentFilterId,
+      type: this.currentFilterType,
+      value: "",
+      relation: "and"
+    }), setTimeout(() => {
+      const t = document.getElementById("filter-input-" + this.currentFilterId);
+      t && t.focus();
+    }, 0)));
+  }
+  onSave() {
+    this.filterChange.emit(this.filterItems);
+  }
+  onCancel() {
+    this.changes = void 0;
+  }
+  onReset() {
+    var e;
+    this.assertChanges(), this.resetChange.emit((e = this.changes) === null || e === void 0 ? void 0 : e.prop), this.filterId++;
+  }
+  onRemoveFilter(e) {
+    var i;
+    this.assertChanges(), this.filterId++;
+    const t = (i = this.changes) === null || i === void 0 ? void 0 : i.prop, r = this.filterItems[t ?? ""];
+    if (!r)
+      return;
+    const a = r.findIndex((o) => o.id === e);
+    a !== -1 && (r.splice(a, 1), r.length === 0 && delete this.filterItems[t ?? ""], this.disableDynamicFiltering || this.debouncedApplyFilter());
+  }
+  onFilterDragStart(e, i) {
+    this.draggedFilterId = i, S(e.dataTransfer, i);
+  }
+  onFilterDragOver(e, i) {
+    this.draggedFilterId === void 0 || this.draggedFilterId === i || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), this.dragOverFilterId = i);
+  }
+  onFilterDragLeave(e) {
+    this.dragOverFilterId === e && (this.dragOverFilterId = void 0);
+  }
+  onFilterDrop(e, i, t) {
+    var r;
+    e.preventDefault();
+    const a = (r = this.draggedFilterId) !== null && r !== void 0 ? r : A(e.dataTransfer);
+    if (this.onFilterDragEnd(), a === void 0)
+      return;
+    const o = this.filterItems[i];
+    o && b(o, a, t) && (this.filterId++, this.disableDynamicFiltering || this.debouncedApplyFilter());
+  }
+  onFilterDragEnd() {
+    this.draggedFilterId = void 0, this.dragOverFilterId = void 0;
+  }
+  onFilterReorderKeyDown(e, i, t) {
+    let r = 0;
+    if (e.key === "ArrowUp")
+      r = -1;
+    else if (e.key === "ArrowDown")
+      r = 1;
+    else
+      return;
+    const a = this.filterItems[i];
+    if (!a)
+      return;
+    const o = a.filter((d) => !d.hidden), l = o.findIndex((d) => d.id === t);
+    if (l === -1)
+      return;
+    e.preventDefault(), e.stopPropagation();
+    const n = o[l + r];
+    !n || !b(a, t, n.id) || (this.filterId++, this.disableDynamicFiltering || this.debouncedApplyFilter());
+  }
+  toggleFilterAndOr(e) {
+    var i;
+    this.assertChanges(), this.filterId++;
+    const t = (i = this.changes) === null || i === void 0 ? void 0 : i.prop, r = this.filterItems[t ?? ""];
+    if (!r)
+      return;
+    const a = r.findIndex((o) => o.id === e);
+    a !== -1 && (r[a].relation = r[a].relation === "and" ? "or" : "and", this.disableDynamicFiltering || this.debouncedApplyFilter());
+  }
+  assertChanges() {
+    if (!this.changes)
+      throw new Error("Changes required per edit");
+  }
+  renderSelectOptions(e, i = !1) {
+    if (!this.changes)
+      return;
+    const t = [], r = this.changes.prop, a = /* @__PURE__ */ new Set();
+    if (Object.keys(this.filterItems).forEach((o) => {
+      this.filterItems[o].forEach((n) => {
+        n.hidden && a.add(n.type);
+      });
+    }), !i) {
+      const o = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions);
+      t.push(s("option", { selected: this.currentFilterType === f, value: f }, r && this.filterItems[r] && this.filterItems[r].length > 0 ? o.add : this.filterNames[f]));
+    }
+    for (let o in this.changes.filterTypes) {
+      const l = this.changes.filterTypes[o].filter((n) => !a.has(n));
+      l.length && (t.push(...l.map((n) => s("option", { value: n, selected: e === n }, this.filterNames[n]))), t.push(s("option", { disabled: !0 })));
+    }
+    return t;
+  }
+  renderExtra(e, i) {
+    const t = this.filterItems[e];
+    if (!t)
+      return "";
+    const r = (n) => {
+      this.filterItems[e][i].value = n, this.disableDynamicFiltering || this.debouncedApplyFilter();
+    }, a = () => {
+      const n = this.getAddFilterSelect();
+      n && (n.value = f, this.currentFilterType = f, this.addNewFilterToProp(), n.focus());
+    }, o = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions), l = this.filterEntities[t[i].type].extra;
+    return typeof l == "function" ? l(s, {
+      value: t[i].value,
+      filter: t[i],
+      prop: e,
+      index: i,
+      placeholder: o.placeholder,
+      onInput: (n) => {
+        r(n);
+      },
+      onFocus: () => {
+        a();
+      }
+    }) : l !== "input" && l !== "datepicker" ? "" : s("input", { id: `filter-input-${t[i].id}`, placeholder: o.placeholder, type: l === "datepicker" ? "date" : "text", value: t[i].value, onInput: (n) => {
+      n.target instanceof HTMLInputElement && r(n.target.value);
+    }, onKeyDown: (n) => {
+      if (n.key.toLowerCase() === "enter") {
+        this.getAddFilterSelect() && a();
+        return;
+      }
+      n.stopPropagation();
+    } });
+  }
+  getAddFilterSelect() {
+    return this.element.querySelector(`#${x}`);
+  }
+  isOwnFilterButton(e) {
+    if (!(e instanceof Element) || !D(e))
+      return !1;
+    const i = this.getOwningGrid(this.element), t = this.getOwningGrid(e);
+    return !!i && i === t;
+  }
+  getOwningGrid(e) {
+    const i = e.closest("revo-grid");
+    if (i)
+      return i;
+    const t = e.getRootNode();
+    if (t instanceof ShadowRoot && t.host.localName === "revo-grid")
+      return t.host;
+  }
+  render() {
+    var e, i, t, r, a, o, l, n, d;
+    const c = {
+      left: `${(i = (e = this.changes) === null || e === void 0 ? void 0 : e.x) !== null && i !== void 0 ? i : 0}px`,
+      top: `${(r = (t = this.changes) === null || t === void 0 ? void 0 : t.y) !== null && r !== void 0 ? r : 0}px`
+    }, h = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions);
+    return s(E, { key: "2a19b35adb56fb7d23385fffebc768838edee162" }, s("dialog", { key: "94386d7cbc4bd9c631f72928938b1d1550a3de82", class: "filter-panel-dialog", style: c, ref: (p) => this.dialog = p, onCancel: (p) => {
+      p.preventDefault(), this.onCancel();
+    } }, this.changes && [
+      s("slot", { key: "header-slot", slot: "header" }),
+      ((o = (a = this.changes).extraContent) === null || o === void 0 ? void 0 : o.call(a, this.changes)) || "",
+      ((l = this.changes) === null || l === void 0 ? void 0 : l.hideDefaultFilters) !== !0 && [
+        s("label", { key: "filter-title" }, h.title),
+        s("div", { key: "filter-holder", class: "filter-holder" }, this.getFilterItemsList()),
+        s("div", { key: "add-filter", class: "add-filter" }, s("select", { key: "4f7354e39d8e5cf9ae7b735290eff18d105ab87e", id: x, class: "select-css", onChange: (p) => this.onAddNewFilter(p) }, this.renderSelectOptions(this.currentFilterType)))
+      ],
+      s("slot", { key: "default-slot" }),
+      ((d = (n = this.changes).extraBottomContent) === null || d === void 0 ? void 0 : d.call(n, this.changes)) || "",
+      s("div", { key: "filter-actions", class: "filter-actions" }, this.disableDynamicFiltering && [
+        s("button", { key: "save", id: "revo-button-save", "aria-label": "save", class: "revo-button green", onClick: () => this.onSave() }, h.save),
+        s("button", { key: "cancel", id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, h.cancel)
+      ], !this.disableDynamicFiltering && [
+        s("button", { key: "ok", id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, h.ok),
+        s("button", { key: "reset", id: "revo-button-reset", "aria-label": "reset", class: "revo-button outline", onClick: () => this.onReset() }, h.reset)
+      ]),
+      s("slot", { key: "footer-slot", slot: "footer" })
+    ]));
+  }
+  get element() {
+    return O(this);
+  }
+};
+L.style = T();
+export {
+  L as revogr_filter_panel
+};

package/dist/store/domain.d.ts

@@ -0,0 +1,91 @@
+export declare const useDomainStore: import('pinia').StoreDefinition<"endge-domain-store", Pick<{
+    domain: import('vue').Ref<import('@endge/core').EndgeDomain, import('@endge/core').EndgeDomain>;
+    projects: import('vue').ComputedRef<import('@endge/core/dist/domain/entities/reflect/RProject').RProject[]>;
+    types: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesPrimitives: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesComplex: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typeCatalog: import('vue').ComputedRef<import('@endge/core').TypeProgramCatalogEntry[]>;
+    queries: import('vue').ComputedRef<import('@endge/core').RQuery[]>;
+    components: import('vue').ComputedRef<import('@endge/core').RComponent[]>;
+    componentSFCs: import('vue').ComputedRef<import('@endge/core').RComponentSFC[]>;
+    actions: import('vue').ComputedRef<import('@endge/core').RAction[]>;
+    converters: import('vue').ComputedRef<import('@endge/core').RConverter[]>;
+    integrations: import('vue').ComputedRef<import('@endge/core').RIntegration[]>;
+    pageTemplates: import('vue').ComputedRef<import('@endge/core').RPageTemplate[]>;
+    pages: import('vue').ComputedRef<import('@endge/core').RPage[]>;
+    navigations: import('vue').ComputedRef<import('@endge/core').RNavigation[]>;
+    folders: import('vue').ComputedRef<import('@endge/core').RFolder[]>;
+    queriesNames: import('vue').ComputedRef<string[]>;
+    parameters: import('vue').ComputedRef<import('@endge/core').RParameter[]>;
+    filters: import('vue').ComputedRef<import('@endge/core').RFilter[]>;
+    compositions: import('vue').ComputedRef<import('@endge/core').RComposition[]>;
+    environments: import('vue').ComputedRef<import('@endge/core').REnvironment[]>;
+    tenants: import('vue').ComputedRef<import('@endge/core').RTenant[]>;
+    policies: import('vue').ComputedRef<import('@endge/core').RPolicy[]>;
+    styles: import('vue').ComputedRef<import('@endge/core').RStyle[]>;
+    vocabs: import('vue').ComputedRef<import('@endge/core').RVocabs[]>;
+    i18nBundles: import('vue').ComputedRef<import('@endge/core').RI18nBundle[]>;
+    mocks: import('vue').ComputedRef<import('@endge/core').RMock[]>;
+    authProfiles: import('vue').ComputedRef<import('@endge/core').RAuthProfile[]>;
+    events: import('vue').ComputedRef<import('@endge/core').CachedEvent[]>;
+}, "domain">, Pick<{
+    domain: import('vue').Ref<import('@endge/core').EndgeDomain, import('@endge/core').EndgeDomain>;
+    projects: import('vue').ComputedRef<import('@endge/core/dist/domain/entities/reflect/RProject').RProject[]>;
+    types: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesPrimitives: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesComplex: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typeCatalog: import('vue').ComputedRef<import('@endge/core').TypeProgramCatalogEntry[]>;
+    queries: import('vue').ComputedRef<import('@endge/core').RQuery[]>;
+    components: import('vue').ComputedRef<import('@endge/core').RComponent[]>;
+    componentSFCs: import('vue').ComputedRef<import('@endge/core').RComponentSFC[]>;
+    actions: import('vue').ComputedRef<import('@endge/core').RAction[]>;
+    converters: import('vue').ComputedRef<import('@endge/core').RConverter[]>;
+    integrations: import('vue').ComputedRef<import('@endge/core').RIntegration[]>;
+    pageTemplates: import('vue').ComputedRef<import('@endge/core').RPageTemplate[]>;
+    pages: import('vue').ComputedRef<import('@endge/core').RPage[]>;
+    navigations: import('vue').ComputedRef<import('@endge/core').RNavigation[]>;
+    folders: import('vue').ComputedRef<import('@endge/core').RFolder[]>;
+    queriesNames: import('vue').ComputedRef<string[]>;
+    parameters: import('vue').ComputedRef<import('@endge/core').RParameter[]>;
+    filters: import('vue').ComputedRef<import('@endge/core').RFilter[]>;
+    compositions: import('vue').ComputedRef<import('@endge/core').RComposition[]>;
+    environments: import('vue').ComputedRef<import('@endge/core').REnvironment[]>;
+    tenants: import('vue').ComputedRef<import('@endge/core').RTenant[]>;
+    policies: import('vue').ComputedRef<import('@endge/core').RPolicy[]>;
+    styles: import('vue').ComputedRef<import('@endge/core').RStyle[]>;
+    vocabs: import('vue').ComputedRef<import('@endge/core').RVocabs[]>;
+    i18nBundles: import('vue').ComputedRef<import('@endge/core').RI18nBundle[]>;
+    mocks: import('vue').ComputedRef<import('@endge/core').RMock[]>;
+    authProfiles: import('vue').ComputedRef<import('@endge/core').RAuthProfile[]>;
+    events: import('vue').ComputedRef<import('@endge/core').CachedEvent[]>;
+}, "parameters" | "pages" | "components" | "filters" | "actions" | "projects" | "types" | "typesPrimitives" | "typesComplex" | "typeCatalog" | "queries" | "componentSFCs" | "converters" | "integrations" | "pageTemplates" | "navigations" | "folders" | "queriesNames" | "compositions" | "environments" | "tenants" | "policies" | "styles" | "vocabs" | "i18nBundles" | "mocks" | "authProfiles" | "events">, Pick<{
+    domain: import('vue').Ref<import('@endge/core').EndgeDomain, import('@endge/core').EndgeDomain>;
+    projects: import('vue').ComputedRef<import('@endge/core/dist/domain/entities/reflect/RProject').RProject[]>;
+    types: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesPrimitives: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typesComplex: import('vue').ComputedRef<import('@endge/core').RType[]>;
+    typeCatalog: import('vue').ComputedRef<import('@endge/core').TypeProgramCatalogEntry[]>;
+    queries: import('vue').ComputedRef<import('@endge/core').RQuery[]>;
+    components: import('vue').ComputedRef<import('@endge/core').RComponent[]>;
+    componentSFCs: import('vue').ComputedRef<import('@endge/core').RComponentSFC[]>;
+    actions: import('vue').ComputedRef<import('@endge/core').RAction[]>;
+    converters: import('vue').ComputedRef<import('@endge/core').RConverter[]>;
+    integrations: import('vue').ComputedRef<import('@endge/core').RIntegration[]>;
+    pageTemplates: import('vue').ComputedRef<import('@endge/core').RPageTemplate[]>;
+    pages: import('vue').ComputedRef<import('@endge/core').RPage[]>;
+    navigations: import('vue').ComputedRef<import('@endge/core').RNavigation[]>;
+    folders: import('vue').ComputedRef<import('@endge/core').RFolder[]>;
+    queriesNames: import('vue').ComputedRef<string[]>;
+    parameters: import('vue').ComputedRef<import('@endge/core').RParameter[]>;
+    filters: import('vue').ComputedRef<import('@endge/core').RFilter[]>;
+    compositions: import('vue').ComputedRef<import('@endge/core').RComposition[]>;
+    environments: import('vue').ComputedRef<import('@endge/core').REnvironment[]>;
+    tenants: import('vue').ComputedRef<import('@endge/core').RTenant[]>;
+    policies: import('vue').ComputedRef<import('@endge/core').RPolicy[]>;
+    styles: import('vue').ComputedRef<import('@endge/core').RStyle[]>;
+    vocabs: import('vue').ComputedRef<import('@endge/core').RVocabs[]>;
+    i18nBundles: import('vue').ComputedRef<import('@endge/core').RI18nBundle[]>;
+    mocks: import('vue').ComputedRef<import('@endge/core').RMock[]>;
+    authProfiles: import('vue').ComputedRef<import('@endge/core').RAuthProfile[]>;
+    events: import('vue').ComputedRef<import('@endge/core').CachedEvent[]>;
+}, never>>;

package/dist/test/overlay/context-menu-manager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/EndgeVueAdapter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_Component.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_Evaluator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_FormControls.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_Grid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_IntrinsicEvents.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_TableAlignment.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_TableLayout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCRender_TableVisibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sfc/SFCVueRenderInspection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/style/endge-dom-runtime-placement.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/style/endge-dom-style-jsdom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/style/endge-dom-style.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/style/sfc-style-markers.test.d.ts

@@ -0,0 +1 @@
+export {};