@vuu-ui/vuu-filters 2.1.19-beta.2 → 2.1.19-beta.3

package/cjs/FilterAggregator.js

@@ -0,0 +1,162 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var ExtendedSingleValueFilterClause = require('./filter-container/ExtendedSingleValueFilterClause.js');
+
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _filters;
+function installExtendedFilters(filter, throwIfUndefined = false) {
+  if (filter !== void 0) {
+    if (vuuUtils.isExtendedFilter(filter)) {
+      const { column, op, value, extendedOptions } = filter;
+      return new ExtendedSingleValueFilterClause.ExtendedSingleValueFilterClause(
+        column,
+        op,
+        value,
+        extendedOptions
+      );
+    } else if (vuuUtils.isMultiClauseFilter(filter)) {
+      if (filter.filters.some(vuuUtils.isExtendedFilter)) {
+        return {
+          op: filter.op,
+          filters: filter.filters.map((f) => installExtendedFilters(f, true))
+        };
+      } else {
+        return filter;
+      }
+    } else {
+      return filter;
+    }
+  }
+  if (throwIfUndefined) {
+    throw Error("filter is undefined");
+  }
+}
+class FilterAggregator {
+  constructor(filter) {
+    __privateAdd(this, _filters, /* @__PURE__ */ new Map());
+    const runtimeFilter = installExtendedFilters(filter);
+    if (vuuUtils.isSingleValueFilter(runtimeFilter)) {
+      __privateGet(this, _filters).set(runtimeFilter.column, runtimeFilter);
+    } else if (vuuUtils.isBetweenFilter(runtimeFilter)) {
+      __privateGet(this, _filters).set(runtimeFilter.filters[0].column, runtimeFilter);
+    } else if (vuuUtils.isAndFilter(runtimeFilter)) {
+      runtimeFilter.filters.forEach((f) => {
+        if (vuuUtils.isBetweenFilter(f)) {
+          __privateGet(this, _filters).set(f.filters[0].column, f);
+        } else {
+          __privateGet(this, _filters).set(f.column, f);
+        }
+      });
+    }
+  }
+  add(column, value, op = "=", extendedFilterOptions) {
+    const { serverDataType = "string", type } = column;
+    const isInclusive = op === "between-inclusive";
+    const dataType = vuuUtils.isTypeDescriptor(type) ? type.name : type ?? serverDataType;
+    if (Array.isArray(value)) {
+      const [value1, value2] = vuuUtils.getTypedRange(
+        value,
+        dataType,
+        extendedFilterOptions
+      );
+      if (value1 !== void 0 && value2 !== void 0) {
+        const filter = extendedFilterOptions ? {
+          op: "and",
+          filters: [
+            new ExtendedSingleValueFilterClause.ExtendedSingleValueFilterClause(
+              column.name,
+              isInclusive ? ">=" : ">",
+              value1,
+              extendedFilterOptions
+            ),
+            new ExtendedSingleValueFilterClause.ExtendedSingleValueFilterClause(
+              column.name,
+              isInclusive ? "<=" : "<",
+              value2,
+              extendedFilterOptions
+            )
+          ]
+        } : {
+          op: "and",
+          filters: [
+            { column: column.name, op: ">", value: value1 },
+            { column: column.name, op: "<", value: value2 }
+          ]
+        };
+        __privateGet(this, _filters).set(column.name, filter);
+      } else if (value1 !== void 0) {
+        __privateGet(this, _filters).set(column.name, {
+          column: column.name,
+          op: "=",
+          value: value1
+        });
+      } else if (value2 !== void 0) {
+        __privateGet(this, _filters).set(column.name, {
+          column: column.name,
+          op: "<",
+          value: value2
+        });
+      }
+    } else {
+      const typedValue = vuuUtils.getTypedValue(value.toString(), dataType, true);
+      __privateGet(this, _filters).set(column.name, {
+        column: column.name,
+        op: "=",
+        value: typedValue
+      });
+    }
+  }
+  has({ name }) {
+    return __privateGet(this, _filters).has(name);
+  }
+  get({ name }) {
+    return __privateGet(this, _filters).get(name);
+  }
+  clear() {
+    __privateGet(this, _filters).clear();
+  }
+  /**
+   * Remove filter for this column. Return false if no filter found, otw true
+   */
+  remove(column) {
+    if (__privateGet(this, _filters).has(column.name)) {
+      __privateGet(this, _filters).delete(column.name);
+      return true;
+    } else {
+      return false;
+    }
+  }
+  get isEmpty() {
+    return __privateGet(this, _filters).size === 0;
+  }
+  /**
+   * Count of the number of columns for which filters are stored
+   */
+  get count() {
+    return __privateGet(this, _filters).size;
+  }
+  get filter() {
+    const { size } = __privateGet(this, _filters);
+    if (size === 0) {
+      return void 0;
+    } else if (size === 1) {
+      const [filter] = __privateGet(this, _filters).values();
+      return filter;
+    } else {
+      return {
+        op: "and",
+        filters: Array.from(__privateGet(this, _filters).values())
+      };
+    }
+  }
+}
+_filters = new WeakMap();
+
+exports.FilterAggregator = FilterAggregator;
+//# sourceMappingURL=FilterAggregator.js.map

package/cjs/FilterAggregator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAggregator.js","sources":["../../../packages/vuu-filters/src/FilterAggregator.ts"],"sourcesContent":["import {\n  ColumnFilterValue,\n  ExtendedFilterOptions,\n  FilterClauseOp,\n  FilterContainerFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getTypedRange,\n  getTypedValue,\n  isAndFilter,\n  isBetweenFilter,\n  isExtendedFilter,\n  isMultiClauseFilter,\n  isSingleValueFilter,\n  isTypeDescriptor,\n} from \"@vuu-ui/vuu-utils\";\nimport { ExtendedSingleValueFilterClause } from \"./filter-container/ExtendedSingleValueFilterClause\";\n\nfunction installExtendedFilters<\n  F extends FilterContainerFilter = FilterContainerFilter,\n>(filter: F, throwIfUndefined: true): F;\nfunction installExtendedFilters<\n  F extends FilterContainerFilter = FilterContainerFilter,\n>(filter: F | undefined, throwIfUndefined?: false): F | undefined;\n\nfunction installExtendedFilters(\n  filter: FilterContainerFilter | undefined,\n  throwIfUndefined = false,\n): FilterContainerFilter | undefined {\n  if (filter !== undefined) {\n    if (isExtendedFilter(filter)) {\n      const { column, op, value, extendedOptions } = filter;\n      return new ExtendedSingleValueFilterClause(\n        column,\n        op,\n        value,\n        extendedOptions,\n      );\n    } else if (isMultiClauseFilter(filter)) {\n      if (filter.filters.some(isExtendedFilter)) {\n        return {\n          op: filter.op,\n          filters: filter.filters.map((f) => installExtendedFilters(f, true)),\n        };\n      } else {\n        return filter;\n      }\n    } else {\n      return filter;\n    }\n  }\n  if (throwIfUndefined) {\n    throw Error(\"filter is undefined\");\n  }\n}\n\n/**\n * Manages a filter that can be updated one clause at a time.\n * Works with FilterContainer to aggregate multiple filter\n * clauses edited via individual controls. It is just a wrapper\n * around a Map, does not support switching filters - create a\n * new FilterAggregator for a new filter.\n *\n */\nexport class FilterAggregator {\n  #filters = new Map<string, FilterContainerFilter>();\n\n  constructor(filter?: FilterContainerFilter) {\n    const runtimeFilter = installExtendedFilters(filter);\n    if (isSingleValueFilter(runtimeFilter)) {\n      this.#filters.set(runtimeFilter.column, runtimeFilter);\n    } else if (isBetweenFilter(runtimeFilter)) {\n      this.#filters.set(runtimeFilter.filters[0].column, runtimeFilter);\n    } else if (isAndFilter(runtimeFilter)) {\n      runtimeFilter.filters.forEach((f) => {\n        if (isBetweenFilter(f)) {\n          this.#filters.set(f.filters[0].column, f);\n        } else {\n          this.#filters.set(f.column, f);\n        }\n      });\n    }\n  }\n\n  add(\n    column: ColumnDescriptor,\n    value: ColumnFilterValue,\n    op: FilterClauseOp | \"between\" | \"between-inclusive\" = \"=\",\n    extendedFilterOptions?: ExtendedFilterOptions,\n  ) {\n    const { serverDataType = \"string\", type } = column;\n    const isInclusive = op === \"between-inclusive\";\n    const dataType = isTypeDescriptor(type)\n      ? type.name\n      : (type ?? serverDataType);\n    if (Array.isArray(value)) {\n      const [value1, value2] = getTypedRange(\n        value,\n        dataType,\n        extendedFilterOptions,\n      );\n      if (value1 !== undefined && value2 !== undefined) {\n        const filter: FilterContainerFilter = extendedFilterOptions\n          ? {\n              op: \"and\",\n              filters: [\n                new ExtendedSingleValueFilterClause(\n                  column.name,\n                  isInclusive ? \">=\" : \">\",\n                  value1,\n                  extendedFilterOptions,\n                ),\n                new ExtendedSingleValueFilterClause(\n                  column.name,\n                  isInclusive ? \"<=\" : \"<\",\n                  value2,\n                  extendedFilterOptions,\n                ),\n              ],\n            }\n          : {\n              op: \"and\",\n              filters: [\n                { column: column.name, op: \">\", value: value1 },\n                { column: column.name, op: \"<\", value: value2 },\n              ],\n            };\n\n        this.#filters.set(column.name, filter);\n      } else if (value1 !== undefined) {\n        this.#filters.set(column.name, {\n          column: column.name,\n          op: \"=\",\n          value: value1,\n        });\n      } else if (value2 !== undefined) {\n        this.#filters.set(column.name, {\n          column: column.name,\n          op: \"<\",\n          value: value2,\n        });\n      }\n    } else {\n      const typedValue = getTypedValue(value.toString(), dataType, true);\n\n      this.#filters.set(column.name, {\n        column: column.name,\n        op: \"=\",\n        value: typedValue,\n      });\n    }\n  }\n\n  has({ name }: ColumnDescriptor) {\n    return this.#filters.has(name);\n  }\n\n  get({ name }: ColumnDescriptor) {\n    return this.#filters.get(name);\n  }\n\n  clear() {\n    this.#filters.clear();\n  }\n\n  /**\n   * Remove filter for this column. Return false if no filter found, otw true\n   */\n  remove(column: ColumnDescriptor) {\n    if (this.#filters.has(column.name)) {\n      this.#filters.delete(column.name);\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  get isEmpty() {\n    return this.#filters.size === 0;\n  }\n\n  /**\n   * Count of the number of columns for which filters are stored\n   */\n  get count() {\n    return this.#filters.size;\n  }\n\n  get filter(): FilterContainerFilter | undefined {\n    const { size } = this.#filters;\n    if (size === 0) {\n      return undefined;\n    } else if (size === 1) {\n      const [filter] = this.#filters.values();\n      return filter;\n    } else {\n      return {\n        op: \"and\",\n        filters: Array.from(this.#filters.values()),\n      } as FilterContainerFilter;\n    }\n  }\n}\n"],"names":["isExtendedFilter","ExtendedSingleValueFilterClause","isMultiClauseFilter","isSingleValueFilter","isBetweenFilter","isAndFilter","isTypeDescriptor","getTypedRange","getTypedValue"],"mappings":";;;;;;;;;;;AAAA,IAAA,QAAA;AA0BA,SAAS,sBAAA,CACP,MACA,EAAA,gBAAA,GAAmB,KACgB,EAAA;AACnC,EAAA,IAAI,WAAW,KAAW,CAAA,EAAA;AACxB,IAAI,IAAAA,yBAAA,CAAiB,MAAM,CAAG,EAAA;AAC5B,MAAA,MAAM,EAAE,MAAA,EAAQ,EAAI,EAAA,KAAA,EAAO,iBAAoB,GAAA,MAAA;AAC/C,MAAA,OAAO,IAAIC,+DAAA;AAAA,QACT,MAAA;AAAA,QACA,EAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OACF;AAAA,KACF,MAAA,IAAWC,4BAAoB,CAAA,MAAM,CAAG,EAAA;AACtC,MAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAAF,yBAAgB,CAAG,EAAA;AACzC,QAAO,OAAA;AAAA,UACL,IAAI,MAAO,CAAA,EAAA;AAAA,UACX,OAAA,EAAS,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,CAAM,KAAA,sBAAA,CAAuB,CAAG,EAAA,IAAI,CAAC;AAAA,SACpE;AAAA,OACK,MAAA;AACL,QAAO,OAAA,MAAA;AAAA;AACT,KACK,MAAA;AACL,MAAO,OAAA,MAAA;AAAA;AACT;AAEF,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAA,MAAM,MAAM,qBAAqB,CAAA;AAAA;AAErC;AAUO,MAAM,gBAAiB,CAAA;AAAA,EAG5B,YAAY,MAAgC,EAAA;AAF5C,IAAA,YAAA,CAAA,IAAA,EAAA,QAAA,sBAAe,GAAmC,EAAA,CAAA;AAGhD,IAAM,MAAA,aAAA,GAAgB,uBAAuB,MAAM,CAAA;AACnD,IAAI,IAAAG,4BAAA,CAAoB,aAAa,CAAG,EAAA;AACtC,MAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,aAAc,CAAA,MAAA,EAAQ,aAAa,CAAA;AAAA,KACvD,MAAA,IAAWC,wBAAgB,CAAA,aAAa,CAAG,EAAA;AACzC,MAAA,YAAA,CAAA,IAAA,EAAK,UAAS,GAAI,CAAA,aAAA,CAAc,QAAQ,CAAC,CAAA,CAAE,QAAQ,aAAa,CAAA;AAAA,KAClE,MAAA,IAAWC,oBAAY,CAAA,aAAa,CAAG,EAAA;AACrC,MAAc,aAAA,CAAA,OAAA,CAAQ,OAAQ,CAAA,CAAC,CAAM,KAAA;AACnC,QAAI,IAAAD,wBAAA,CAAgB,CAAC,CAAG,EAAA;AACtB,UAAA,YAAA,CAAA,IAAA,EAAK,UAAS,GAAI,CAAA,CAAA,CAAE,QAAQ,CAAC,CAAA,CAAE,QAAQ,CAAC,CAAA;AAAA,SACnC,MAAA;AACL,UAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,CAAE,CAAA,MAAA,EAAQ,CAAC,CAAA;AAAA;AAC/B,OACD,CAAA;AAAA;AACH;AACF,EAEA,GACE,CAAA,MAAA,EACA,KACA,EAAA,EAAA,GAAuD,KACvD,qBACA,EAAA;AACA,IAAA,MAAM,EAAE,cAAA,GAAiB,QAAU,EAAA,IAAA,EAAS,GAAA,MAAA;AAC5C,IAAA,MAAM,cAAc,EAAO,KAAA,mBAAA;AAC3B,IAAA,MAAM,WAAWE,yBAAiB,CAAA,IAAI,CAClC,GAAA,IAAA,CAAK,OACJ,IAAQ,IAAA,cAAA;AACb,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAM,MAAA,CAAC,MAAQ,EAAA,MAAM,CAAI,GAAAC,sBAAA;AAAA,QACvB,KAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACF;AACA,MAAI,IAAA,MAAA,KAAW,KAAa,CAAA,IAAA,MAAA,KAAW,KAAW,CAAA,EAAA;AAChD,QAAA,MAAM,SAAgC,qBAClC,GAAA;AAAA,UACE,EAAI,EAAA,KAAA;AAAA,UACJ,OAAS,EAAA;AAAA,YACP,IAAIN,+DAAA;AAAA,cACF,MAAO,CAAA,IAAA;AAAA,cACP,cAAc,IAAO,GAAA,GAAA;AAAA,cACrB,MAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,IAAIA,+DAAA;AAAA,cACF,MAAO,CAAA,IAAA;AAAA,cACP,cAAc,IAAO,GAAA,GAAA;AAAA,cACrB,MAAA;AAAA,cACA;AAAA;AACF;AACF,SAEF,GAAA;AAAA,UACE,EAAI,EAAA,KAAA;AAAA,UACJ,OAAS,EAAA;AAAA,YACP,EAAE,MAAQ,EAAA,MAAA,CAAO,MAAM,EAAI,EAAA,GAAA,EAAK,OAAO,MAAO,EAAA;AAAA,YAC9C,EAAE,MAAQ,EAAA,MAAA,CAAO,MAAM,EAAI,EAAA,GAAA,EAAK,OAAO,MAAO;AAAA;AAChD,SACF;AAEJ,QAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,MAAO,CAAA,IAAA,EAAM,MAAM,CAAA;AAAA,OACvC,MAAA,IAAW,WAAW,KAAW,CAAA,EAAA;AAC/B,QAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,GAAI,CAAA,MAAA,CAAO,IAAM,EAAA;AAAA,UAC7B,QAAQ,MAAO,CAAA,IAAA;AAAA,UACf,EAAI,EAAA,GAAA;AAAA,UACJ,KAAO,EAAA;AAAA,SACR,CAAA;AAAA,OACH,MAAA,IAAW,WAAW,KAAW,CAAA,EAAA;AAC/B,QAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,GAAI,CAAA,MAAA,CAAO,IAAM,EAAA;AAAA,UAC7B,QAAQ,MAAO,CAAA,IAAA;AAAA,UACf,EAAI,EAAA,GAAA;AAAA,UACJ,KAAO,EAAA;AAAA,SACR,CAAA;AAAA;AACH,KACK,MAAA;AACL,MAAA,MAAM,aAAaO,sBAAc,CAAA,KAAA,CAAM,QAAS,EAAA,EAAG,UAAU,IAAI,CAAA;AAEjE,MAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,GAAI,CAAA,MAAA,CAAO,IAAM,EAAA;AAAA,QAC7B,QAAQ,MAAO,CAAA,IAAA;AAAA,QACf,EAAI,EAAA,GAAA;AAAA,QACJ,KAAO,EAAA;AAAA,OACR,CAAA;AAAA;AACH;AACF,EAEA,GAAA,CAAI,EAAE,IAAA,EAA0B,EAAA;AAC9B,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA;AAC/B,EAEA,GAAA,CAAI,EAAE,IAAA,EAA0B,EAAA;AAC9B,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,QAAS,CAAA,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA;AAC/B,EAEA,KAAQ,GAAA;AACN,IAAA,YAAA,CAAA,IAAA,EAAK,UAAS,KAAM,EAAA;AAAA;AACtB;AAAA;AAAA;AAAA,EAKA,OAAO,MAA0B,EAAA;AAC/B,IAAA,IAAI,YAAK,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,GAAI,CAAA,MAAA,CAAO,IAAI,CAAG,EAAA;AAClC,MAAK,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA;AAChC,MAAO,OAAA,IAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA,KAAA;AAAA;AACT;AACF,EAEA,IAAI,OAAU,GAAA;AACZ,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,UAAS,IAAS,KAAA,CAAA;AAAA;AAChC;AAAA;AAAA;AAAA,EAKA,IAAI,KAAQ,GAAA;AACV,IAAA,OAAO,mBAAK,QAAS,CAAA,CAAA,IAAA;AAAA;AACvB,EAEA,IAAI,MAA4C,GAAA;AAC9C,IAAM,MAAA,EAAE,IAAK,EAAA,GAAI,YAAK,CAAA,IAAA,EAAA,QAAA,CAAA;AACtB,IAAA,IAAI,SAAS,CAAG,EAAA;AACd,MAAO,OAAA,KAAA,CAAA;AAAA,KACT,MAAA,IAAW,SAAS,CAAG,EAAA;AACrB,MAAA,MAAM,CAAC,MAAM,CAAI,GAAA,YAAA,CAAA,IAAA,EAAK,UAAS,MAAO,EAAA;AACtC,MAAO,OAAA,MAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA;AAAA,QACL,EAAI,EAAA,KAAA;AAAA,QACJ,SAAS,KAAM,CAAA,IAAA,CAAK,YAAK,CAAA,IAAA,EAAA,QAAA,CAAA,CAAS,QAAQ;AAAA,OAC5C;AAAA;AACF;AAEJ;AAzIE,QAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/cjs/FilterModel.js

@@ -0,0 +1,227 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _filterClause, _isValid, _children, _isValid2, _op;
+const hasValues = ({ values }) => Array.isArray(values) && values.length > 0;
+const isValidFilterClause = (filterClause) => {
+  if (filterClause.op === void 0 || filterClause.column === void 0) {
+    return false;
+  } else if (vuuUtils.isMultiValueFilter(filterClause)) {
+    return hasValues(filterClause);
+  } else if (vuuUtils.isSingleValueFilter(filterClause)) {
+    return filterClause.value !== void 0 && filterClause.value !== "";
+  }
+  throw Error("isValidFilterClause should never reach this far");
+};
+const isValidFilter = (filter) => {
+  if (filter === void 0) {
+    return false;
+  } else if (vuuUtils.isMultiClauseFilter(filter)) {
+    return filter.filters.every(isValidFilter);
+  } else {
+    return isValidFilterClause(filter);
+  }
+};
+const isValidFilterModel = (filterModel) => {
+  if (filterModel.isMultiClauseFilter) {
+    return filterModel.filterClauses.every((f) => f.isValid);
+  } else {
+    return filterModel.filterClauses.length === 1 && filterModel.filterClauses[0].isValid;
+  }
+};
+class FilterClauseModel extends vuuUtils.EventEmitter {
+  constructor(filterClause) {
+    super();
+    __privateAdd(this, _filterClause);
+    __privateAdd(this, _isValid);
+    __privateSet(this, _filterClause, filterClause);
+    __privateSet(this, _isValid, isValidFilterClause(filterClause));
+  }
+  get isValid() {
+    return __privateGet(this, _isValid);
+  }
+  setIsValid(isValid) {
+    __privateSet(this, _isValid, isValid);
+    this.emit("isValid", isValid);
+  }
+  get column() {
+    return __privateGet(this, _filterClause).column;
+  }
+  set column(column) {
+    __privateSet(this, _filterClause, {
+      column
+    });
+    const isValid = isValidFilterClause(__privateGet(this, _filterClause));
+    this.emit("filterClause", __privateGet(this, _filterClause), isValid);
+    if (isValid !== __privateGet(this, _isValid)) {
+      this.setIsValid(isValid);
+    }
+  }
+  get op() {
+    return __privateGet(this, _filterClause).op;
+  }
+  setOp(op) {
+    __privateSet(this, _filterClause, {
+      ...__privateGet(this, _filterClause),
+      op
+    });
+    const isValid = isValidFilterClause(__privateGet(this, _filterClause));
+    this.emit("filterClause", __privateGet(this, _filterClause), isValid);
+    if (isValid !== __privateGet(this, _isValid)) {
+      this.setIsValid(isValid);
+    }
+  }
+  setValue(value, isFinal = true) {
+    if (vuuUtils.isSingleValueFilter(__privateGet(this, _filterClause))) {
+      __privateSet(this, _filterClause, {
+        ...__privateGet(this, _filterClause),
+        value
+      });
+    } else if (Array.isArray(value)) {
+      __privateSet(this, _filterClause, {
+        ...__privateGet(this, _filterClause),
+        values: value
+      });
+    }
+    const isValid = isValidFilterClause(__privateGet(this, _filterClause));
+    if (isValid !== __privateGet(this, _isValid)) {
+      this.setIsValid(isValid);
+    }
+    if (isFinal) {
+      this.emit("filterClause", __privateGet(this, _filterClause), isValid);
+    }
+  }
+  asFilter(throwIfInvalid = true) {
+    if (throwIfInvalid && !__privateGet(this, _isValid)) {
+      throw Error("Invalid filter model cannot be returned as Filter");
+    }
+    return __privateGet(this, _filterClause);
+  }
+  commit() {
+    this.emit("filterClause", __privateGet(this, _filterClause), true);
+  }
+}
+_filterClause = new WeakMap();
+_isValid = new WeakMap();
+class FilterModel extends vuuUtils.EventEmitter {
+  constructor(filter) {
+    super();
+    __privateAdd(this, _children, []);
+    __privateAdd(this, _isValid2);
+    __privateAdd(this, _op);
+    __publicField(this, "onFilterClauseChange", () => {
+      this.emit("filter", this.asFilter(false), __privateGet(this, _isValid2));
+    });
+    __publicField(this, "onFilterClauseStatusChange", (isValid) => {
+      if (!isValid && __privateGet(this, _isValid2)) {
+        this.setIsValid(false);
+      } else {
+        this.checkValidStatus();
+      }
+    });
+    if (vuuUtils.isMultiClauseFilter(filter)) {
+      __privateSet(this, _op, filter.op);
+      filter.filters.forEach((f) => this.addFilterClause(f));
+    } else if (filter) {
+      this.addFilterClause(filter);
+    } else {
+      this.addNewFilterClause();
+    }
+    __privateSet(this, _isValid2, isValidFilter(filter));
+  }
+  get isValid() {
+    return __privateGet(this, _isValid2);
+  }
+  setIsValid(isValid) {
+    __privateSet(this, _isValid2, isValid);
+    this.emit("isValid", isValid);
+  }
+  addNewFilterClause(operator) {
+    const count = __privateGet(this, _children).length;
+    if (!operator && !__privateGet(this, _op) && count === 1) {
+      __privateSet(this, _op, "and");
+    } else if (operator && !__privateGet(this, _op) && count === 1) {
+      __privateSet(this, _op, operator);
+    } else if (operator && __privateGet(this, _op) && operator !== __privateGet(this, _op)) {
+      throw Error(
+        "FilterModel: use setOp to change the Filter combinator operator"
+      );
+    }
+    const filterClauseModel = new FilterClauseModel({});
+    filterClauseModel.on("isValid", this.onFilterClauseStatusChange);
+    filterClauseModel.on("filterClause", this.onFilterClauseChange);
+    __privateGet(this, _children).push(filterClauseModel);
+    this.setIsValid(false);
+  }
+  addFilterClause(filterClause = {}) {
+    const filterClauseModel = new FilterClauseModel(filterClause);
+    filterClauseModel.on("isValid", this.onFilterClauseStatusChange);
+    filterClauseModel.on("filterClause", this.onFilterClauseChange);
+    __privateGet(this, _children).push(filterClauseModel);
+  }
+  removeFilterClause(filterClause) {
+    if (this.isMultiClauseFilter) {
+      const doomedFilter = this.filterClauses.indexOf(filterClause);
+      if (doomedFilter !== -1) {
+        this.filterClauses.splice(doomedFilter, 1);
+        if (this.filterClauses.length === 1) {
+          __privateSet(this, _op, void 0);
+        }
+        this.checkValidStatus();
+      }
+    }
+  }
+  checkValidStatus() {
+    const nowValid = isValidFilterModel(this);
+    if (nowValid !== __privateGet(this, _isValid2)) {
+      this.setIsValid(nowValid);
+    }
+  }
+  getFilterClause(index) {
+    return __privateGet(this, _children)[index];
+  }
+  get op() {
+    return __privateGet(this, _op);
+  }
+  setOp(op) {
+    __privateSet(this, _op, op);
+    this.emit("filter", this.asFilter(false), __privateGet(this, _isValid2));
+  }
+  get filterClauses() {
+    return __privateGet(this, _children);
+  }
+  get isMultiClauseFilter() {
+    return __privateGet(this, _op) === "and" || __privateGet(this, _op) === "or";
+  }
+  asFilter(throwIfInvalid = true) {
+    if (throwIfInvalid && !__privateGet(this, _isValid2)) {
+      throw Error("Invalid filter model cannot be returned as Filter");
+    }
+    if (__privateGet(this, _op) === "and" || __privateGet(this, _op) === "or") {
+      return {
+        op: __privateGet(this, _op),
+        filters: __privateGet(this, _children).map((f) => f.asFilter(throwIfInvalid))
+      };
+    } else {
+      return __privateGet(this, _children)[0].asFilter(throwIfInvalid);
+    }
+  }
+}
+_children = new WeakMap();
+_isValid2 = new WeakMap();
+_op = new WeakMap();
+
+exports.FilterClauseModel = FilterClauseModel;
+exports.FilterModel = FilterModel;
+//# sourceMappingURL=FilterModel.js.map

package/cjs/FilterModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterModel.js","sources":["../../../packages/vuu-filters/src/FilterModel.ts"],"sourcesContent":["import {\n  Filter,\n  FilterClause,\n  FilterClauseOp,\n  FilterCombinatorOp,\n  MultiClauseFilter,\n  MultiValueFilterClause,\n  SingleValueFilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport {\n  EventEmitter,\n  isMultiClauseFilter,\n  isMultiValueFilter,\n  isSingleValueFilter,\n} from \"@vuu-ui/vuu-utils\";\n\nexport type FilterStatusChangeHandler = (isValid: boolean) => void;\nexport type FilterChangeHandler = (\n  filter: Partial<Filter>,\n  isValid: boolean,\n) => void;\nexport type FilterClauseChangeHandler = (\n  filter: Partial<FilterClause>,\n  isValid: boolean,\n) => void;\n\nconst hasValues = ({ values }: MultiValueFilterClause) =>\n  Array.isArray(values) && values.length > 0;\n\nconst isValidFilterClause = (\n  filterClause: Partial<FilterClause>,\n): filterClause is FilterClause => {\n  if (filterClause.op === undefined || filterClause.column === undefined) {\n    return false;\n  } else if (isMultiValueFilter(filterClause)) {\n    return hasValues(filterClause);\n  } else if (isSingleValueFilter(filterClause)) {\n    return filterClause.value !== undefined && filterClause.value !== \"\";\n  }\n  throw Error(\"isValidFilterClause should never reach this far\");\n};\n\nconst isValidFilter = (filter?: Filter): boolean => {\n  if (filter === undefined) {\n    return false;\n  } else if (isMultiClauseFilter(filter)) {\n    return filter.filters.every(isValidFilter);\n  } else {\n    return isValidFilterClause(filter);\n  }\n};\n\nconst isValidFilterModel = (filterModel: FilterModel) => {\n  if (filterModel.isMultiClauseFilter) {\n    return filterModel.filterClauses.every((f) => f.isValid);\n  } else {\n    return (\n      filterModel.filterClauses.length === 1 &&\n      filterModel.filterClauses[0].isValid\n    );\n  }\n};\n\nexport type FilterClauseModelEvents = {\n  filterClause: FilterClauseChangeHandler;\n  isValid: FilterStatusChangeHandler;\n};\n\nexport type FilterModelEvents = {\n  // TODO do we need an incomplate filter type\n  filter: FilterChangeHandler;\n  isValid: FilterStatusChangeHandler;\n};\n\nexport class FilterClauseModel extends EventEmitter<FilterClauseModelEvents> {\n  #filterClause: Partial<FilterClause>;\n  #isValid: boolean;\n  constructor(filterClause: Partial<FilterClause>) {\n    super();\n    this.#filterClause = filterClause;\n    this.#isValid = isValidFilterClause(filterClause);\n  }\n  get isValid() {\n    return this.#isValid;\n  }\n\n  private setIsValid(isValid: boolean) {\n    this.#isValid = isValid;\n    this.emit(\"isValid\", isValid);\n  }\n\n  get column() {\n    return this.#filterClause.column;\n  }\n\n  set column(column: undefined | string) {\n    // TODO set op, value to empty\n    this.#filterClause = {\n      column,\n    };\n\n    const isValid = isValidFilterClause(this.#filterClause);\n    this.emit(\"filterClause\", this.#filterClause, isValid);\n    if (isValid !== this.#isValid) {\n      this.setIsValid(isValid);\n    }\n  }\n\n  get op() {\n    return this.#filterClause.op;\n  }\n\n  setOp(op: undefined | FilterClauseOp) {\n    this.#filterClause = {\n      ...this.#filterClause,\n      op,\n    };\n    const isValid = isValidFilterClause(this.#filterClause);\n    this.emit(\"filterClause\", this.#filterClause, isValid);\n    if (isValid !== this.#isValid) {\n      this.setIsValid(isValid);\n    }\n  }\n\n  setValue(\n    value:\n      | undefined\n      | string\n      | string[]\n      | number\n      | number[]\n      | boolean\n      | boolean[],\n    isFinal = true,\n  ) {\n    if (isSingleValueFilter(this.#filterClause)) {\n      this.#filterClause = {\n        ...this.#filterClause,\n        value,\n      } as SingleValueFilterClause;\n    } else if (Array.isArray(value)) {\n      this.#filterClause = {\n        ...this.#filterClause,\n        values: value,\n      } as MultiValueFilterClause;\n    }\n\n    const isValid = isValidFilterClause(this.#filterClause);\n    if (isValid !== this.#isValid) {\n      this.setIsValid(isValid);\n    }\n    if (isFinal) {\n      this.emit(\"filterClause\", this.#filterClause, isValid);\n    }\n  }\n\n  asFilter(throwIfInvalid = true): FilterClause {\n    if (throwIfInvalid && !this.#isValid) {\n      throw Error(\"Invalid filter model cannot be returned as Filter\");\n    }\n    return this.#filterClause as FilterClause;\n  }\n\n  commit() {\n    this.emit(\"filterClause\", this.#filterClause, true);\n  }\n}\n\nexport class FilterModel extends EventEmitter<FilterModelEvents> {\n  #children: FilterClauseModel[] = [];\n  #isValid: boolean;\n  #op?: FilterCombinatorOp;\n\n  constructor(filter?: Filter) {\n    super();\n    if (isMultiClauseFilter(filter)) {\n      this.#op = filter.op;\n      filter.filters.forEach((f) => this.addFilterClause(f as FilterClause));\n    } else if (filter) {\n      this.addFilterClause(filter);\n    } else {\n      this.addNewFilterClause();\n    }\n\n    this.#isValid = isValidFilter(filter);\n  }\n  get isValid() {\n    return this.#isValid;\n  }\n\n  private setIsValid(isValid: boolean) {\n    this.#isValid = isValid;\n    this.emit(\"isValid\", isValid);\n  }\n\n  addNewFilterClause(operator?: FilterCombinatorOp) {\n    const count = this.#children.length;\n    if (!operator && !this.#op && count === 1) {\n      this.#op = \"and\";\n    } else if (operator && !this.#op && count === 1) {\n      this.#op = operator;\n    } else if (operator && this.#op && operator !== this.#op) {\n      throw Error(\n        \"FilterModel: use setOp to change the Filter combinator operator\",\n      );\n    }\n\n    const filterClauseModel = new FilterClauseModel({});\n    filterClauseModel.on(\"isValid\", this.onFilterClauseStatusChange);\n    filterClauseModel.on(\"filterClause\", this.onFilterClauseChange);\n    this.#children.push(filterClauseModel);\n    this.setIsValid(false);\n  }\n\n  addFilterClause(filterClause: Partial<FilterClause> = {}) {\n    const filterClauseModel = new FilterClauseModel(filterClause);\n    filterClauseModel.on(\"isValid\", this.onFilterClauseStatusChange);\n    filterClauseModel.on(\"filterClause\", this.onFilterClauseChange);\n    this.#children.push(filterClauseModel);\n  }\n\n  removeFilterClause(filterClause: FilterClauseModel) {\n    // We never allow the last clause to be removed\n    if (this.isMultiClauseFilter) {\n      const doomedFilter = this.filterClauses.indexOf(filterClause);\n      if (doomedFilter !== -1) {\n        this.filterClauses.splice(doomedFilter, 1);\n        // If we're down the the last clause, we are no longer multi-clause\n        if (this.filterClauses.length === 1) {\n          this.#op = undefined;\n        }\n        this.checkValidStatus();\n      }\n    }\n  }\n\n  checkValidStatus() {\n    const nowValid = isValidFilterModel(this);\n\n    if (nowValid !== this.#isValid) {\n      this.setIsValid(nowValid);\n    }\n  }\n\n  onFilterClauseChange: FilterChangeHandler = () => {\n    this.emit(\"filter\", this.asFilter(false), this.#isValid);\n  };\n\n  onFilterClauseStatusChange = (isValid: boolean) => {\n    if (!isValid && this.#isValid) {\n      this.setIsValid(false);\n    } else {\n      this.checkValidStatus();\n    }\n  };\n\n  getFilterClause(index: number) {\n    return this.#children[index];\n  }\n\n  get op() {\n    return this.#op;\n  }\n\n  setOp(op: FilterCombinatorOp) {\n    this.#op = op;\n    this.emit(\"filter\", this.asFilter(false), this.#isValid);\n  }\n\n  get filterClauses() {\n    return this.#children;\n  }\n\n  get isMultiClauseFilter() {\n    return this.#op === \"and\" || this.#op === \"or\";\n  }\n\n  asFilter(throwIfInvalid = true): Filter {\n    if (throwIfInvalid && !this.#isValid) {\n      throw Error(\"Invalid filter model cannot be returned as Filter\");\n    }\n    if (this.#op === \"and\" || this.#op === \"or\") {\n      return {\n        op: this.#op,\n        filters: this.#children.map((f) => f.asFilter(throwIfInvalid)),\n      } as MultiClauseFilter;\n    } else {\n      return this.#children[0].asFilter(throwIfInvalid);\n    }\n  }\n}\n"],"names":["_isValid","isMultiValueFilter","isSingleValueFilter","isMultiClauseFilter","EventEmitter"],"mappings":"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"}

package/cjs/column-filter/ColumnFilter.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var columnFilterCss = ".vuuColumnFilter {\n    --vuuTimeInput-outline: none;\n    \n    border: solid 1px var(--salt-editable-borderColor);\n    max-width: 200px;\n    padding-left: 4px;\n    padding-right: 4px;\n    width: var(--vuuColumnFilter-width, fit-content);\n\n    .vuuColumnFilter-rangeHigh {\n        position: relative;\n    }\n\n    .vuuColumnFilter-rangeHigh::before {\n        content: \"\";\n        width: 1px;\n        position: absolute;\n        background: var(--salt-separable-primary-borderColor);\n        /* Accomodate button border */\n        left: calc(-1 * var(--salt-spacing-100));\n        top: -1px;\n        bottom: -1px;\n    }\n\n    .vuuTimePicker {\n        border-radius: 6px;\n    }\n\n    .vuuTimePicker + .vuuTimePicker {\n        margin-left: var(--salt-spacing-100);\n    }\n\n    .vuuTimeInput {\n        border: none;\n    }\n\n    .vuuTimeInput:focus-visible {\n        outline: none;\n    }\n\n}\n\n.vuuColumnFilter-trigger {\n    --saltButton-borderRadius: 4px 0px 0px 4px;\n    --saltButton-padding: var(--salt-spacing-200);\n}\n\n.vuuColumnFilter-invalid {\n    border-color: red;\n}";
+
+module.exports = columnFilterCss;
+//# sourceMappingURL=ColumnFilter.css.js.map

package/cjs/column-filter/ColumnFilter.css.js.map

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

package/cjs/column-filter/ColumnFilter.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var vuuDataReact = require('@vuu-ui/vuu-data-react');
+var cx = require('clsx');
+var react = require('react');
+var useColumnFilter = require('./useColumnFilter.js');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var ColumnFilter$1 = require('./ColumnFilter.css.js');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+
+const classBase = "vuuColumnFilter";
+const ColumnFilter = react.forwardRef(function ColumnFilter2({
+  InputProps: InputPropsProp,
+  TypeaheadProps,
+  className,
+  column,
+  defaultValue,
+  extendedFilterOptions,
+  onColumnFilterChange,
+  onColumnRangeFilterChange,
+  onCommit: onCommitProp,
+  operator = "=",
+  table,
+  value: valueProp,
+  values,
+  variant,
+  ...buttonGroupProps
+}, forwardRef2) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-filter-editor",
+    css: ColumnFilter$1,
+    window: targetWindow
+  });
+  const { InputProps, InputPropsRange, isInvalid, onCommit, onCommitRange } = useColumnFilter.useColumnFilter({
+    InputProps: InputPropsProp,
+    column,
+    defaultValue,
+    extendedFilterOptions,
+    onColumnFilterChange,
+    onColumnRangeFilterChange,
+    onCommit: onCommitProp,
+    operator,
+    value: valueProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.SegmentedButtonGroup,
+    {
+      ...buttonGroupProps,
+      className: cx(classBase, className, {
+        [`${classBase}-invalid`]: isInvalid
+      }),
+      ref: forwardRef2,
+      children: [
+        vuuDataReact.getDataItemEditControl({
+          InputProps,
+          TypeaheadProps,
+          commitWhenCleared: true,
+          dataDescriptor: column,
+          onCommit,
+          table,
+          values,
+          variant
+        }),
+        vuuUtils.isBetweenOperator(operator) ? vuuDataReact.getDataItemEditControl({
+          InputProps: InputPropsRange,
+          className: `${classBase}-rangeHigh`,
+          commitWhenCleared: true,
+          variant,
+          dataDescriptor: column,
+          onCommit: onCommitRange,
+          table
+        }) : null
+      ]
+    }
+  );
+});
+
+exports.ColumnFilter = ColumnFilter;
+//# sourceMappingURL=ColumnFilter.js.map

package/cjs/column-filter/ColumnFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnFilter.js","sources":["../../../../packages/vuu-filters/src/column-filter/ColumnFilter.tsx"],"sourcesContent":["import {\n  SegmentedButtonGroup,\n  type SegmentedButtonGroupProps,\n} from \"@salt-ds/core\";\nimport {\n  DataItemEditControlProps,\n  getDataItemEditControl,\n} from \"@vuu-ui/vuu-data-react\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef } from \"react\";\nimport { ColumnFilterHookProps, useColumnFilter } from \"./useColumnFilter\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport columnFilterCss from \"./ColumnFilter.css\";\nimport { isBetweenOperator } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuColumnFilter\";\n\nexport interface ColumnFilterProps\n  extends ColumnFilterHookProps,\n    Omit<SegmentedButtonGroupProps, \"defaultValue\">,\n    Pick<\n      DataItemEditControlProps,\n      \"TypeaheadProps\" | \"table\" | \"values\" | \"variant\"\n    > {}\n\nexport const ColumnFilter = forwardRef(function ColumnFilter(\n  {\n    InputProps: InputPropsProp,\n    TypeaheadProps,\n    className,\n    column,\n    defaultValue,\n    extendedFilterOptions,\n    onColumnFilterChange,\n    onColumnRangeFilterChange,\n    onCommit: onCommitProp,\n    operator = \"=\",\n    table,\n    value: valueProp,\n    values,\n    variant,\n    ...buttonGroupProps\n  }: ColumnFilterProps,\n  forwardRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-editor\",\n    css: columnFilterCss,\n    window: targetWindow,\n  });\n\n  const { InputProps, InputPropsRange, isInvalid, onCommit, onCommitRange } =\n    useColumnFilter({\n      InputProps: InputPropsProp,\n      column,\n      defaultValue,\n      extendedFilterOptions,\n      onColumnFilterChange,\n      onColumnRangeFilterChange,\n      onCommit: onCommitProp,\n      operator,\n      value: valueProp,\n    });\n\n  return (\n    <SegmentedButtonGroup\n      {...buttonGroupProps}\n      className={cx(classBase, className, {\n        [`${classBase}-invalid`]: isInvalid,\n      })}\n      ref={forwardRef}\n    >\n      {getDataItemEditControl({\n        InputProps,\n        TypeaheadProps,\n        commitWhenCleared: true,\n        dataDescriptor: column,\n        onCommit,\n        table,\n        values,\n        variant,\n      })}\n      {isBetweenOperator(operator)\n        ? getDataItemEditControl({\n            InputProps: InputPropsRange,\n            className: `${classBase}-rangeHigh`,\n            commitWhenCleared: true,\n            variant,\n            dataDescriptor: column,\n            onCommit: onCommitRange,\n            table,\n          })\n        : null}\n    </SegmentedButtonGroup>\n  );\n});\n"],"names":["forwardRef","ColumnFilter","useWindow","useComponentCssInjection","columnFilterCss","useColumnFilter","jsxs","SegmentedButtonGroup","getDataItemEditControl","isBetweenOperator"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,SAAY,GAAA,iBAAA;AAUL,MAAA,YAAA,GAAeA,gBAAW,CAAA,SAASC,aAC9C,CAAA;AAAA,EACE,UAAY,EAAA,cAAA;AAAA,EACZ,cAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,qBAAA;AAAA,EACA,oBAAA;AAAA,EACA,yBAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,QAAW,GAAA,GAAA;AAAA,EACX,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EACAD,WACA,EAAA;AACA,EAAA,MAAM,eAAeE,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,UAAY,EAAA,eAAA,EAAiB,WAAW,QAAU,EAAA,aAAA,KACxDC,+BAAgB,CAAA;AAAA,IACd,UAAY,EAAA,cAAA;AAAA,IACZ,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,oBAAA;AAAA,IACA,yBAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,QAAA;AAAA,IACA,KAAO,EAAA;AAAA,GACR,CAAA;AAEH,EACE,uBAAAC,eAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACE,GAAG,gBAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,QAAA,CAAU,GAAG;AAAA,OAC3B,CAAA;AAAA,MACD,GAAKP,EAAAA,WAAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,QAAuBQ,mCAAA,CAAA;AAAA,UACtB,UAAA;AAAA,UACA,cAAA;AAAA,UACA,iBAAmB,EAAA,IAAA;AAAA,UACnB,cAAgB,EAAA,MAAA;AAAA,UAChB,QAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACAC,0BAAA,CAAkB,QAAQ,CAAA,GACvBD,mCAAuB,CAAA;AAAA,UACrB,UAAY,EAAA,eAAA;AAAA,UACZ,SAAA,EAAW,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,UACvB,iBAAmB,EAAA,IAAA;AAAA,UACnB,OAAA;AAAA,UACA,cAAgB,EAAA,MAAA;AAAA,UAChB,QAAU,EAAA,aAAA;AAAA,UACV;AAAA,SACD,CACD,GAAA;AAAA;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}