@wix/patterns 0.8.0

package/dist/cjs/state/DateRangePickerState.js

@@ -0,0 +1,273 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DateRangePickerState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _events = require("@wix/bex-core/events");
+class DateRangePickerState {
+  get filter() {
+    return this.toolbar.getPendingFilter(this._filter);
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "translate", void 0);
+    (0, _defineProperty2.default)(this, "_filter", void 0);
+    (0, _defineProperty2.default)(this, "dropdown", new _bexCore.ToggleState());
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "from", null);
+    (0, _defineProperty2.default)(this, "to", null);
+    (0, _defineProperty2.default)(this, "isFromTimeSet", false);
+    (0, _defineProperty2.default)(this, "isToTimeSet", false);
+    (0, _defineProperty2.default)(this, "selectedPreset", _bexCore.DateRangePreset.NONE);
+    (0, _defineProperty2.default)(this, "filterByTime", void 0);
+    this.toolbar = params.toolbar;
+    this.translate = params.translate;
+    this._filter = params.filter;
+    this.filterByTime = params.filterByTime ?? false;
+    (0, _mobx.makeObservable)(this, {
+      from: _mobx.observable,
+      to: _mobx.observable,
+      isFromTimeSet: _mobx.observable.ref,
+      isToTimeSet: _mobx.observable.ref,
+      selectedPreset: _mobx.observable,
+      init: _mobx.action.bound,
+      clear: _mobx.action.bound,
+      onFromSelected: _mobx.action.bound,
+      onToSelected: _mobx.action.bound,
+      onFromTimeSelected: _mobx.action.bound,
+      onToTimeSelected: _mobx.action.bound,
+      onPresetChanged: _mobx.action.bound
+    });
+  }
+  clearTime() {
+    this.isFromTimeSet = false;
+    this.isToTimeSet = false;
+  }
+  clear() {
+    this.from = null;
+    this.to = null;
+    this.clearTime();
+    this.refreshIfChanged({
+      actionType: 'remove'
+    });
+  }
+  remove() {
+    this.selectedPreset = _bexCore.DateRangePreset.NONE;
+    this.clear();
+  }
+  convertToBIFormat(from, to) {
+    return `${this.filter.itemKey({
+      from,
+      to
+    })}, ${this.selectedPreset}`;
+  }
+  refreshIfChanged(options = {}) {
+    const {
+      from,
+      to,
+      filter
+    } = this;
+    if (filter.itemKey(filter.value) !== filter.itemKey({
+      from,
+      to
+    })) {
+      filter.setValue({
+        from,
+        to,
+        preset: this.selectedPreset
+      }, {
+        emitEvents: ['change', 'beforeRefresh', 'refresh'],
+        ...options
+      });
+      return true;
+    }
+    return false;
+  }
+  close() {
+    const {
+      dropdown,
+      events
+    } = this;
+    dropdown.setOff();
+    events.emit('close');
+  }
+  init() {
+    const {
+      filter
+    } = this;
+    const disposer = (0, _mobx.reaction)(() => filter.value, () => {
+      var _filter$value$from, _this$from, _filter$value$to, _this$to;
+      if (!filter.value.from && !filter.value.to) {
+        if (filter.value.preset && filter.value.preset !== _bexCore.DateRangePreset.CUSTOM && filter.value.preset !== _bexCore.DateRangePreset.NONE) {
+          this.onPresetChanged(filter.value.preset);
+          return;
+        }
+        filter.value.preset ? this.clear() : this.remove();
+        return;
+      }
+      if (((_filter$value$from = filter.value.from) == null ? void 0 : _filter$value$from.valueOf()) === ((_this$from = this.from) == null ? void 0 : _this$from.valueOf()) && ((_filter$value$to = filter.value.to) == null ? void 0 : _filter$value$to.valueOf()) === ((_this$to = this.to) == null ? void 0 : _this$to.valueOf())) {
+        return;
+      }
+      if (filter.value.preset && filter.value.preset !== _bexCore.DateRangePreset.CUSTOM) {
+        this.onPresetChanged(filter.value.preset);
+        return;
+      }
+      this.from = filter.value.from;
+      this.to = filter.value.to;
+      this.selectedPreset = _bexCore.DateRangePreset.CUSTOM;
+      this.isFromTimeSet = !!this.from;
+      this.isToTimeSet = !!this.to;
+    }, {
+      fireImmediately: true
+    });
+    return () => {
+      disposer();
+    };
+  }
+  onPresetChanged(newPreset) {
+    this.selectedPreset = newPreset;
+    if (this.selectedPreset === _bexCore.DateRangePreset.CUSTOM) {
+      if (!this.from && !this.to) {
+        return;
+      }
+      this.filter.setValue({
+        from: this.from,
+        to: this.to,
+        preset: this.selectedPreset
+      }, {
+        emitEvents: ['change']
+      });
+      return;
+    }
+    if (this.selectedPreset === _bexCore.DateRangePreset.NONE) {
+      return this.clear();
+    }
+    const {
+      from,
+      to
+    } = (0, _bexCore.getDatesFromPreset)(this.selectedPreset);
+    this.from = from;
+    this.to = to;
+    this.isFromTimeSet = true;
+    this.isToTimeSet = true;
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: this.convertToBIFormat(from, to)
+    });
+  }
+  onDateSelected(newDate, curDate, isInvalid, isTimeSet, type) {
+    if (!newDate) {
+      return {
+        date: null,
+        isTimeSet: false
+      };
+    }
+    const timeDate = new Date(type === 'from' ? newDate.setHours(0, 0, 0, 0) : newDate.setHours(23, 59, 59, 999));
+    // takes the current selected date, and copies its time selection to the new selected date
+    const resDate = curDate ? new Date(newDate.setHours(curDate.getHours(), curDate.getMinutes())) : timeDate;
+    if (isInvalid(resDate)) {
+      return {
+        date: timeDate,
+        isTimeSet: false
+      };
+    }
+    return {
+      date: resDate,
+      isTimeSet
+    };
+  }
+  onFromSelected(from) {
+    const {
+      isTimeSet,
+      date
+    } = this.onDateSelected(from, this.from, d => !!(this.to && d > this.to), this.isFromTimeSet, 'from');
+    this.from = date;
+    this.isFromTimeSet = isTimeSet;
+  }
+  onToSelected(to) {
+    const {
+      isTimeSet,
+      date
+    } = this.onDateSelected(to, this.to, d => !!(this.from && d < this.from), this.isToTimeSet, 'to');
+    this.to = date;
+    this.isToTimeSet = isTimeSet;
+  }
+  onTimeSelected(newTime, curDate) {
+    const fromCpy = new Date(curDate);
+    return {
+      isTimeSet: !!newTime,
+      date: new Date(newTime ? fromCpy.setHours(newTime.getHours(), newTime.getMinutes()) : fromCpy.setHours(0, 0))
+    };
+  }
+  onFromTimeSelected(fromTime) {
+    if (!this.from) {
+      return;
+    }
+    const {
+      isTimeSet,
+      date
+    } = this.onTimeSelected(fromTime, this.from);
+    this.isFromTimeSet = isTimeSet;
+    this.from = date;
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: this.convertToBIFormat(this.from, this.to)
+    });
+  }
+  onToTimeSelected(toTime) {
+    if (!this.to) {
+      return;
+    }
+    const {
+      isTimeSet,
+      date
+    } = this.onTimeSelected(toTime, this.to);
+    this.isToTimeSet = isTimeSet;
+    this.to = date;
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: this.convertToBIFormat(this.from, this.to)
+    });
+  }
+  onFromClosed() {
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: this.convertToBIFormat(this.from, this.to)
+    });
+  }
+  onToClosed() {
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: this.convertToBIFormat(this.from, this.to)
+    });
+  }
+  static _isBiggerOrSameDate(date1, date2) {
+    return date1.getFullYear() > date2.getFullYear() || date1.getFullYear() === date2.getFullYear() && date1.getMonth() > date2.getMonth() || date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() >= date2.getDate();
+  }
+  static _isBiggerDate(date1, date2) {
+    return date1.getFullYear() > date2.getFullYear() || date1.getFullYear() === date2.getFullYear() && date1.getMonth() > date2.getMonth() || date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() > date2.getDate();
+  }
+  filterDateFrom(date) {
+    return !this.to || DateRangePickerState._isBiggerOrSameDate(this.to, date);
+  }
+  filterDateTo(date) {
+    return !this.from || DateRangePickerState._isBiggerOrSameDate(date, this.from);
+  }
+  filterDateTimeFrom(date) {
+    if (!this.from) {
+      return false;
+    }
+    return !this.isToTimeSet || !this.to || DateRangePickerState._isBiggerDate(this.to, this.from) || this.to.getHours() * 60 + this.to.getMinutes() >= date.getHours() * 60 + date.getMinutes();
+  }
+  filterDateTimeTo(date) {
+    if (!this.to) {
+      return false;
+    }
+    return !this.isFromTimeSet || !this.from || DateRangePickerState._isBiggerDate(this.to, this.from) || this.from.getHours() * 60 + this.from.getMinutes() <= date.getHours() * 60 + date.getMinutes();
+  }
+}
+exports.DateRangePickerState = DateRangePickerState;
+//# sourceMappingURL=DateRangePickerState.js.map

package/dist/cjs/state/DateRangePickerState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_events","DateRangePickerState","filter","toolbar","getPendingFilter","_filter","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","DateRangePreset","NONE","translate","filterByTime","makeObservable","from","observable","to","isFromTimeSet","ref","isToTimeSet","selectedPreset","init","action","bound","clear","onFromSelected","onToSelected","onFromTimeSelected","onToTimeSelected","onPresetChanged","clearTime","refreshIfChanged","actionType","remove","convertToBIFormat","itemKey","options","value","setValue","preset","emitEvents","close","dropdown","events","setOff","emit","disposer","reaction","_filter$value$from","_this$from","_filter$value$to","_this$to","CUSTOM","valueOf","fireImmediately","newPreset","getDatesFromPreset","clickedValueKey","onDateSelected","newDate","curDate","isInvalid","isTimeSet","type","date","timeDate","Date","setHours","resDate","getHours","getMinutes","d","onTimeSelected","newTime","fromCpy","fromTime","toTime","onFromClosed","onToClosed","_isBiggerOrSameDate","date1","date2","getFullYear","getMonth","getDate","_isBiggerDate","filterDateFrom","filterDateTo","filterDateTimeFrom","filterDateTimeTo","exports"],"sources":["../../../src/state/DateRangePickerState.ts"],"sourcesContent":["import {\n  Filter,\n  RangeItem,\n  ToggleState,\n  Translate,\n  DateRangePreset,\n  getDatesFromPreset,\n} from '@wix/bex-core';\nimport { action, makeObservable, observable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DateRangePickerStateParams {\n  toolbar: FilterToolbarState;\n  translate: Translate;\n  filter: Filter<RangeItem<Date>>;\n  filterByTime?: boolean;\n}\n\nexport class DateRangePickerState {\n  readonly translate: DateRangePickerStateParams['translate'];\n  readonly _filter: DateRangePickerStateParams['filter'];\n  readonly dropdown = new ToggleState();\n  readonly events = new EventEmitter();\n  readonly toolbar;\n  from: Date | null = null;\n  to: Date | null = null;\n\n  isFromTimeSet: boolean = false;\n  isToTimeSet: boolean = false;\n\n  selectedPreset: string = DateRangePreset.NONE;\n  filterByTime: boolean;\n\n  get filter() {\n    return this.toolbar.getPendingFilter(this._filter);\n  }\n\n  constructor(params: DateRangePickerStateParams) {\n    this.toolbar = params.toolbar;\n    this.translate = params.translate;\n    this._filter = params.filter;\n    this.filterByTime = params.filterByTime ?? false;\n\n    makeObservable(this, {\n      from: observable,\n      to: observable,\n      isFromTimeSet: observable.ref,\n      isToTimeSet: observable.ref,\n      selectedPreset: observable,\n      init: action.bound,\n      clear: action.bound,\n      onFromSelected: action.bound,\n      onToSelected: action.bound,\n      onFromTimeSelected: action.bound,\n      onToTimeSelected: action.bound,\n      onPresetChanged: action.bound,\n    });\n  }\n\n  clearTime() {\n    this.isFromTimeSet = false;\n    this.isToTimeSet = false;\n  }\n\n  clear() {\n    this.from = null;\n    this.to = null;\n    this.clearTime();\n\n    this.refreshIfChanged({ actionType: 'remove' });\n  }\n\n  remove() {\n    this.selectedPreset = DateRangePreset.NONE;\n    this.clear();\n  }\n\n  private convertToBIFormat(from: Date | null, to: Date | null) {\n    return `${this.filter.itemKey({ from, to })}, ${this.selectedPreset}`;\n  }\n\n  private refreshIfChanged(\n    options: { actionType?: 'add' | 'remove'; clickedValueKey?: string } = {},\n  ) {\n    const { from, to, filter } = this;\n\n    if (filter.itemKey(filter.value) !== filter.itemKey({ from, to })) {\n      filter.setValue(\n        {\n          from,\n          to,\n          preset: this.selectedPreset,\n        },\n        {\n          emitEvents: ['change', 'beforeRefresh', 'refresh'],\n          ...options,\n        },\n      );\n      return true;\n    }\n    return false;\n  }\n\n  close() {\n    const { dropdown, events } = this;\n    dropdown.setOff();\n    events.emit('close');\n  }\n\n  init() {\n    const { filter } = this;\n\n    const disposer = reaction(\n      () => filter.value,\n      () => {\n        if (!filter.value.from && !filter.value.to) {\n          if (\n            filter.value.preset &&\n            filter.value.preset !== DateRangePreset.CUSTOM &&\n            filter.value.preset !== DateRangePreset.NONE\n          ) {\n            this.onPresetChanged(filter.value.preset);\n            return;\n          }\n          filter.value.preset ? this.clear() : this.remove();\n          return;\n        }\n\n        if (\n          filter.value.from?.valueOf() === this.from?.valueOf() &&\n          filter.value.to?.valueOf() === this.to?.valueOf()\n        ) {\n          return;\n        }\n\n        if (\n          filter.value.preset &&\n          filter.value.preset !== DateRangePreset.CUSTOM\n        ) {\n          this.onPresetChanged(filter.value.preset);\n          return;\n        }\n\n        this.from = filter.value.from;\n        this.to = filter.value.to;\n        this.selectedPreset = DateRangePreset.CUSTOM;\n\n        this.isFromTimeSet = !!this.from;\n        this.isToTimeSet = !!this.to;\n      },\n      {\n        fireImmediately: true,\n      },\n    );\n\n    return () => {\n      disposer();\n    };\n  }\n\n  onPresetChanged(newPreset: string) {\n    this.selectedPreset = newPreset;\n\n    if (this.selectedPreset === DateRangePreset.CUSTOM) {\n      if (!this.from && !this.to) {\n        return;\n      }\n\n      this.filter.setValue(\n        {\n          from: this.from,\n          to: this.to,\n          preset: this.selectedPreset,\n        },\n        {\n          emitEvents: ['change'],\n        },\n      );\n\n      return;\n    }\n\n    if (this.selectedPreset === DateRangePreset.NONE) {\n      return this.clear();\n    }\n    const { from, to } = getDatesFromPreset(this.selectedPreset);\n    this.from = from;\n    this.to = to;\n    this.isFromTimeSet = true;\n    this.isToTimeSet = true;\n\n    this.refreshIfChanged({\n      actionType: 'add',\n      clickedValueKey: this.convertToBIFormat(from, to),\n    });\n  }\n\n  onDateSelected(\n    newDate: Date | null,\n    curDate: Date | null,\n    isInvalid: (date: Date) => boolean,\n    isTimeSet: boolean,\n    type: 'from' | 'to',\n  ) {\n    if (!newDate) {\n      return { date: null, isTimeSet: false };\n    }\n    const timeDate = new Date(\n      type === 'from'\n        ? newDate.setHours(0, 0, 0, 0)\n        : newDate.setHours(23, 59, 59, 999),\n    );\n    // takes the current selected date, and copies its time selection to the new selected date\n    const resDate = curDate\n      ? new Date(newDate.setHours(curDate.getHours(), curDate.getMinutes()))\n      : timeDate;\n    if (isInvalid(resDate)) {\n      return { date: timeDate, isTimeSet: false };\n    }\n    return { date: resDate, isTimeSet };\n  }\n\n  onFromSelected(from: Date | null) {\n    const { isTimeSet, date } = this.onDateSelected(\n      from,\n      this.from,\n      (d) => !!(this.to && d > this.to),\n      this.isFromTimeSet,\n      'from',\n    );\n    this.from = date;\n    this.isFromTimeSet = isTimeSet;\n  }\n\n  onToSelected(to: Date | null) {\n    const { isTimeSet, date } = this.onDateSelected(\n      to,\n      this.to,\n      (d) => !!(this.from && d < this.from),\n      this.isToTimeSet,\n      'to',\n    );\n    this.to = date;\n    this.isToTimeSet = isTimeSet;\n  }\n\n  onTimeSelected(newTime: Date | null, curDate: Date) {\n    const fromCpy = new Date(curDate);\n    return {\n      isTimeSet: !!newTime,\n      date: new Date(\n        newTime\n          ? fromCpy.setHours(newTime.getHours(), newTime.getMinutes())\n          : fromCpy.setHours(0, 0),\n      ),\n    };\n  }\n\n  onFromTimeSelected(fromTime: Date | null) {\n    if (!this.from) {\n      return;\n    }\n\n    const { isTimeSet, date } = this.onTimeSelected(fromTime, this.from);\n    this.isFromTimeSet = isTimeSet;\n    this.from = date;\n\n    this.refreshIfChanged({\n      actionType: 'add',\n      clickedValueKey: this.convertToBIFormat(this.from, this.to),\n    });\n  }\n\n  onToTimeSelected(toTime: Date | null) {\n    if (!this.to) {\n      return;\n    }\n\n    const { isTimeSet, date } = this.onTimeSelected(toTime, this.to);\n    this.isToTimeSet = isTimeSet;\n    this.to = date;\n\n    this.refreshIfChanged({\n      actionType: 'add',\n      clickedValueKey: this.convertToBIFormat(this.from, this.to),\n    });\n  }\n\n  onFromClosed() {\n    this.refreshIfChanged({\n      actionType: 'add',\n      clickedValueKey: this.convertToBIFormat(this.from, this.to),\n    });\n  }\n\n  onToClosed() {\n    this.refreshIfChanged({\n      actionType: 'add',\n      clickedValueKey: this.convertToBIFormat(this.from, this.to),\n    });\n  }\n\n  static _isBiggerOrSameDate(date1: Date, date2: Date) {\n    return (\n      date1.getFullYear() > date2.getFullYear() ||\n      (date1.getFullYear() === date2.getFullYear() &&\n        date1.getMonth() > date2.getMonth()) ||\n      (date1.getFullYear() === date2.getFullYear() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getDate() >= date2.getDate())\n    );\n  }\n\n  static _isBiggerDate(date1: Date, date2: Date) {\n    return (\n      date1.getFullYear() > date2.getFullYear() ||\n      (date1.getFullYear() === date2.getFullYear() &&\n        date1.getMonth() > date2.getMonth()) ||\n      (date1.getFullYear() === date2.getFullYear() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getDate() > date2.getDate())\n    );\n  }\n\n  filterDateFrom(date: Date) {\n    return !this.to || DateRangePickerState._isBiggerOrSameDate(this.to, date);\n  }\n\n  filterDateTo(date: Date) {\n    return (\n      !this.from || DateRangePickerState._isBiggerOrSameDate(date, this.from)\n    );\n  }\n\n  filterDateTimeFrom(date: Date) {\n    if (!this.from) {\n      return false;\n    }\n\n    return (\n      !this.isToTimeSet ||\n      !this.to ||\n      DateRangePickerState._isBiggerDate(this.to, this.from) ||\n      this.to.getHours() * 60 + this.to.getMinutes() >=\n        date.getHours() * 60 + date.getMinutes()\n    );\n  }\n\n  filterDateTimeTo(date: Date) {\n    if (!this.to) {\n      return false;\n    }\n\n    return (\n      !this.isFromTimeSet ||\n      !this.from ||\n      DateRangePickerState._isBiggerDate(this.to, this.from) ||\n      this.from.getHours() * 60 + this.from.getMinutes() <=\n        date.getHours() * 60 + date.getMinutes()\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/DropdownCollectionFilterState.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DropdownCollectionFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _AutoCompleteReadonlyState = require("../components/CollectionViewsDropdown/AutoCompleteReadonlyState");
+var _DropdownSelectState = require("./DropdownSelectState");
+var _mobx = require("mobx");
+class DropdownCollectionFilterState {
+  get shouldShowPlaceholder() {
+    return this.inputState.disableEditing || this.collectionFilter.collection.query.search.isEmpty;
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "collectionFilter", void 0);
+    (0, _defineProperty2.default)(this, "dropdownSelect", void 0);
+    (0, _defineProperty2.default)(this, "resetOnClose", void 0);
+    (0, _defineProperty2.default)(this, "inputState", void 0);
+    this.resetOnClose = params.resetOnClose;
+    this.container = params.container;
+    this.inputState = new _AutoCompleteReadonlyState.AutoCompleteReadonlyState();
+    this.collectionFilter = params.collectionFilter;
+    const {
+      collectionFilter
+    } = this;
+    const {
+      select,
+      filter
+    } = collectionFilter;
+    this.dropdownSelect = new _DropdownSelectState.DropdownSelectState({
+      select,
+      container: params.container,
+      toolbar: params.toolbar,
+      filter
+    });
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action.bound,
+      shouldShowPlaceholder: _mobx.computed
+    });
+  }
+  init({
+    skipInitialFetch
+  } = {}) {
+    const {
+      dropdownSelect,
+      resetOnClose,
+      collectionFilter
+    } = this;
+    const {
+      collection
+    } = collectionFilter;
+    const disposers = [dropdownSelect.init(), collection.init({
+      skipInitialFetch
+    })];
+    if (resetOnClose) {
+      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);
+    }
+    return () => {
+      for (const disposer of disposers) {
+        disposer();
+      }
+      if (resetOnClose) {
+        dropdownSelect.events.removeListener('close', collection.resetFiltersAndRefresh);
+      }
+    };
+  }
+}
+exports.DropdownCollectionFilterState = DropdownCollectionFilterState;
+//# sourceMappingURL=DropdownCollectionFilterState.js.map

package/dist/cjs/state/DropdownCollectionFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","select","filter","dropdownSelect","DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  collectionFilter: CollectionFilterState<V, F>;\n  resetOnClose?: boolean;\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container;\n  readonly collectionFilter: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['collectionFilter'];\n\n  readonly dropdownSelect: DropdownSelectState<V>;\n  readonly resetOnClose: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['resetOnClose'];\n\n  inputState;\n\n  get shouldShowPlaceholder() {\n    return (\n      this.inputState.disableEditing ||\n      this.collectionFilter.collection.query.search.isEmpty\n    );\n  }\n\n  constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n    this.resetOnClose = params.resetOnClose;\n    this.container = params.container;\n    this.inputState = new AutoCompleteReadonlyState();\n\n    this.collectionFilter = params.collectionFilter;\n\n    const { collectionFilter } = this;\n\n    const { select, filter } = collectionFilter;\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n      shouldShowPlaceholder: computed,\n    });\n  }\n\n  init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n    const { dropdownSelect, resetOnClose, collectionFilter } = this;\n    const { collection } = collectionFilter;\n\n    const disposers = [\n      dropdownSelect.init(),\n      collection.init({\n        skipInitialFetch,\n      }),\n    ];\n\n    if (resetOnClose) {\n      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n    }\n\n    return () => {\n      for (const disposer of disposers) {\n        disposer();\n      }\n\n      if (resetOnClose) {\n        dropdownSelect.events.removeListener(\n          'close',\n          collection.resetFiltersAndRefresh,\n        );\n      }\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAaO,MAAMG,6BAA6B,CAGxC;EAeA,IAAIC,qBAAqBA,CAAA,EAAG;IAC1B,OACE,IAAI,CAACC,UAAU,CAACC,cAAc,IAC9B,IAAI,CAACC,gBAAgB,CAACC,UAAU,CAACC,KAAK,CAACC,MAAM,CAACC,OAAO;EAEzD;EAEAC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC7D,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACZ,UAAU,GAAG,IAAIa,oDAAyB,CAAC,CAAC;IAEjD,IAAI,CAACX,gBAAgB,GAAGM,MAAM,CAACN,gBAAgB;IAE/C,MAAM;MAAEA;IAAiB,CAAC,GAAG,IAAI;IAEjC,MAAM;MAAEY,MAAM;MAAEC;IAAO,CAAC,GAAGb,gBAAgB;IAE3C,IAAI,CAACc,cAAc,GAAG,IAAIC,wCAAmB,CAAI;MAC/CH,MAAM;MACNF,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BM,OAAO,EAAEV,MAAM,CAACU,OAAO;MACvBH;IACF,CAAC,CAAC;IAEF,IAAAI,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM,CAACC,KAAK;MAClBvB,qBAAqB,EAAEwB;IACzB,CAAC,CAAC;EACJ;EAEAH,IAAIA,CAAC;IAAEI;EAAiD,CAAC,GAAG,CAAC,CAAC,EAAE;IAC9D,MAAM;MAAER,cAAc;MAAEL,YAAY;MAAET;IAAiB,CAAC,GAAG,IAAI;IAC/D,MAAM;MAAEC;IAAW,CAAC,GAAGD,gBAAgB;IAEvC,MAAMuB,SAAS,GAAG,CAChBT,cAAc,CAACI,IAAI,CAAC,CAAC,EACrBjB,UAAU,CAACiB,IAAI,CAAC;MACdI;IACF,CAAC,CAAC,CACH;IAED,IAAIb,YAAY,EAAE;MAChBK,cAAc,CAACU,MAAM,CAACC,EAAE,CAAC,OAAO,EAAExB,UAAU,CAACyB,sBAAsB,CAAC;IACtE;IAEA,OAAO,MAAM;MACX,KAAK,MAAMC,QAAQ,IAAIJ,SAAS,EAAE;QAChCI,QAAQ,CAAC,CAAC;MACZ;MAEA,IAAIlB,YAAY,EAAE;QAChBK,cAAc,CAACU,MAAM,CAACI,cAAc,CAClC,OAAO,EACP3B,UAAU,CAACyB,sBACb,CAAC;MACH;IACF,CAAC;EACH;AACF;AAACG,OAAA,CAAAjC,6BAAA,GAAAA,6BAAA"}

package/dist/cjs/state/DropdownSelectFilterState.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DropdownSelectFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _DropdownSelectState = require("./DropdownSelectState");
+var _mobx = require("mobx");
+class DropdownSelectFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "select", void 0);
+    (0, _defineProperty2.default)(this, "dropdownSelect", void 0);
+    this.select = new _bexCore.SelectState({
+      keyGetter: value => value.key
+    });
+    this.dropdownSelect = new _DropdownSelectState.DropdownSelectState({
+      select: this.select,
+      container: params.container,
+      toolbar: params.toolbar,
+      filter: params.filter
+    });
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action.bound
+    });
+  }
+  init() {
+    const {
+      dropdownSelect
+    } = this;
+    const dispose = dropdownSelect.init();
+    return () => {
+      dispose();
+    };
+  }
+}
+exports.DropdownSelectFilterState = DropdownSelectFilterState;
+//# sourceMappingURL=DropdownSelectFilterState.js.map

package/dist/cjs/state/DropdownSelectFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_DropdownSelectState","_mobx","DropdownSelectFilterState","constructor","params","_defineProperty2","default","select","SelectState","keyGetter","value","key","dropdownSelect","DropdownSelectState","container","toolbar","filter","makeObservable","init","action","bound","dispose","exports"],"sources":["../../../src/state/DropdownSelectFilterState.ts"],"sourcesContent":["import {\n  ArrayField,\n  WixPatternsContainer,\n  KeyedItem,\n  SelectState,\n} from '@wix/bex-core';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { action, makeObservable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectFilterStateParams<V> {\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n  filter: ArrayField<V>;\n}\n\nexport class DropdownSelectFilterState<V> {\n  readonly select;\n  readonly dropdownSelect;\n\n  constructor(params: DropdownSelectFilterStateParams<V>) {\n    this.select = new SelectState<KeyedItem<V>>({\n      keyGetter: (value) => value.key,\n    });\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select: this.select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter: params.filter,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n    });\n  }\n\n  init() {\n    const { dropdownSelect } = this;\n    const dispose = dropdownSelect.init();\n\n    return () => {\n      dispose();\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AASO,MAAMG,yBAAyB,CAAI;EAIxCC,WAAWA,CAACC,MAA0C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACtD,IAAI,CAACC,MAAM,GAAG,IAAIC,oBAAW,CAAe;MAC1CC,SAAS,EAAGC,KAAK,IAAKA,KAAK,CAACC;IAC9B,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAIC,wCAAmB,CAAI;MAC/CN,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBO,SAAS,EAAEV,MAAM,CAACU,SAAS;MAC3BC,OAAO,EAAEX,MAAM,CAACW,OAAO;MACvBC,MAAM,EAAEZ,MAAM,CAACY;IACjB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM,CAACC;IACf,CAAC,CAAC;EACJ;EAEAF,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEN;IAAe,CAAC,GAAG,IAAI;IAC/B,MAAMS,OAAO,GAAGT,cAAc,CAACM,IAAI,CAAC,CAAC;IAErC,OAAO,MAAM;MACXG,OAAO,CAAC,CAAC;IACX,CAAC;EACH;AACF;AAACC,OAAA,CAAApB,yBAAA,GAAAA,yBAAA"}

package/dist/cjs/state/DropdownSelectState.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DropdownSelectState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _events = require("@wix/bex-core/events");
+class DropdownSelectState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "select", void 0);
+    (0, _defineProperty2.default)(this, "_filter", void 0);
+    (0, _defineProperty2.default)(this, "dropdown", new _bexCore.ToggleState());
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "toKeyedItem", (item, index) => {
+      const {
+        filter
+      } = this;
+      const key = filter.itemKey(item);
+      return {
+        id: key,
+        key,
+        item,
+        index,
+        indexWithinPage: index,
+        pageIndex: 0
+      };
+    });
+    this.container = params.container;
+    this.toolbar = params.toolbar;
+    this.select = params.select ?? new _bexCore.SelectState({
+      keyGetter: value => value.key
+    });
+    this._filter = params.filter;
+    (0, _mobx.makeObservable)(this, {
+      filterKeyedItems: _mobx.computed,
+      filterKeyedItemsMap: _mobx.computed,
+      finalFilterKeyedItems: _mobx.computed,
+      finalFilterKeyedItemsMap: _mobx.computed,
+      selectedItems: (0, _mobx.computed)({
+        keepAlive: true
+      }),
+      set: _mobx.action,
+      delete: _mobx.action,
+      deleteKey: _mobx.action,
+      init: _mobx.action.bound,
+      clear: _mobx.action.bound,
+      syncSelectedItems: _mobx.action.bound,
+      syncSelectedItemsIfChanged: _mobx.action.bound
+    });
+    this.syncSelectedItems();
+  }
+  get filterKeyedItemsMap() {
+    return new Map(this.filterKeyedItems.map(e => [e.key, e]));
+  }
+  get filter() {
+    return this.toolbar.getPendingFilter(this._filter);
+  }
+  get hasPendingFilter() {
+    return this._filter !== this.filter;
+  }
+  get finalFilterKeyedItems() {
+    const {
+      _filter
+    } = this;
+    return _filter.value.map(this.toKeyedItem);
+  }
+  get finalFilterKeyedItemsMap() {
+    return new Map(this.finalFilterKeyedItems.map(e => [e.key, e]));
+  }
+  get filterKeyedItems() {
+    const {
+      filter
+    } = this;
+    return filter.value.map(this.toKeyedItem);
+  }
+  syncSelectedItems() {
+    const {
+      select,
+      events
+    } = this;
+    select.clear();
+    select.finalizeMany(this.filterKeyedItems);
+    events.emit('syncSelectedItems');
+  }
+  syncSelectedItemsIfChanged() {
+    const {
+      selectedItems,
+      filter
+    } = this;
+    if (filter.value !== selectedItems) {
+      this.syncSelectedItems();
+    }
+  }
+  get selectedItems() {
+    const {
+      select
+    } = this;
+    return select.selectedValues.map(({
+      item
+    }) => item);
+  }
+  set(item) {
+    const {
+      select
+    } = this;
+    select.set(item);
+    this.refreshIfChanged({
+      actionType: 'add',
+      clickedValueKey: item.key
+    });
+  }
+  setSingle(item) {
+    const {
+      select
+    } = this;
+    select.clear();
+    this.set(item);
+  }
+  clear() {
+    const {
+      select
+    } = this;
+    select.clear();
+    this.refreshIfChanged({
+      actionType: 'remove',
+      clickedValueKey: ''
+    });
+  }
+  delete(item) {
+    const {
+      select
+    } = this;
+    select.delete(item);
+    this.refreshIfChanged({
+      actionType: 'remove',
+      clickedValueKey: item.key
+    });
+  }
+  deleteKey(key) {
+    const {
+      select
+    } = this;
+    select.deleteKey(key);
+    this.refreshIfChanged({
+      actionType: 'remove',
+      clickedValueKey: key
+    });
+  }
+  refreshIfChanged(options = {}) {
+    const {
+      selectedItems,
+      filter
+    } = this;
+    if (filter == null) {
+      return;
+    }
+    if (filter.value === selectedItems) {
+      return;
+    }
+    filter.setValue(selectedItems, {
+      emitEvents: ['change', 'beforeRefresh', 'refresh'],
+      ...options
+    });
+  }
+  close() {
+    const {
+      dropdown,
+      events
+    } = this;
+    dropdown.setOff();
+    events.emit('close');
+  }
+  closeAndChangeSelectedItems() {
+    this.close();
+    const {
+      selectedItems,
+      filter
+    } = this;
+    if (filter.value === selectedItems) {
+      return;
+    }
+    filter.setValue(selectedItems, {
+      emitEvents: ['change', 'beforeRefresh', 'refresh'],
+      actionType: 'add'
+    });
+  }
+  init() {
+    const {
+      filter
+    } = this;
+    const disposers = [(0, _mobx.reaction)(() => filter == null ? void 0 : filter.value, this.syncSelectedItemsIfChanged)];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.DropdownSelectState = DropdownSelectState;
+//# sourceMappingURL=DropdownSelectState.js.map

package/dist/cjs/state/DropdownSelectState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_events","DropdownSelectState","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","item","index","filter","key","itemKey","id","indexWithinPage","pageIndex","container","toolbar","select","SelectState","keyGetter","value","_filter","makeObservable","filterKeyedItems","computed","filterKeyedItemsMap","finalFilterKeyedItems","finalFilterKeyedItemsMap","selectedItems","keepAlive","set","action","delete","deleteKey","init","bound","clear","syncSelectedItems","syncSelectedItemsIfChanged","Map","map","e","getPendingFilter","hasPendingFilter","toKeyedItem","events","finalizeMany","emit","selectedValues","refreshIfChanged","actionType","clickedValueKey","setSingle","options","setValue","emitEvents","close","dropdown","setOff","closeAndChangeSelectedItems","disposers","reaction","forEach","d","exports"],"sources":["../../../src/state/DropdownSelectState.ts"],"sourcesContent":["import {\n  ArrayField,\n  WixPatternsContainer,\n  KeyedItem,\n  SelectState,\n  ToggleState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectStateParams<V> {\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n  select?: SelectState<KeyedItem<V>>;\n  filter: ArrayField<V>;\n}\n\nexport class DropdownSelectState<V> {\n  readonly container;\n  readonly toolbar;\n  readonly select: SelectState<KeyedItem<V>>;\n  readonly _filter: DropdownSelectStateParams<V>['filter'];\n\n  readonly dropdown = new ToggleState();\n\n  readonly events = new EventEmitter();\n\n  constructor(params: DropdownSelectStateParams<V>) {\n    this.container = params.container;\n    this.toolbar = params.toolbar;\n    this.select =\n      params.select ??\n      new SelectState<KeyedItem<V>>({\n        keyGetter: (value) => value.key,\n      });\n    this._filter = params.filter;\n\n    makeObservable(this, {\n      filterKeyedItems: computed,\n      filterKeyedItemsMap: computed,\n      finalFilterKeyedItems: computed,\n      finalFilterKeyedItemsMap: computed,\n      selectedItems: computed({\n        keepAlive: true,\n      }),\n      set: action,\n      delete: action,\n      deleteKey: action,\n      init: action.bound,\n      clear: action.bound,\n      syncSelectedItems: action.bound,\n      syncSelectedItemsIfChanged: action.bound,\n    });\n\n    this.syncSelectedItems();\n  }\n\n  get filterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.filterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filter(): ArrayField<V> {\n    return this.toolbar.getPendingFilter(this._filter);\n  }\n\n  get hasPendingFilter() {\n    return this._filter !== this.filter;\n  }\n\n  toKeyedItem = (item: V, index: number) => {\n    const { filter } = this;\n\n    const key = filter.itemKey(item);\n    return {\n      id: key,\n      key,\n      item,\n      index,\n      indexWithinPage: index,\n      pageIndex: 0,\n    };\n  };\n\n  get finalFilterKeyedItems() {\n    const { _filter } = this;\n    return _filter.value.map(this.toKeyedItem);\n  }\n\n  get finalFilterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.finalFilterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filterKeyedItems() {\n    const { filter } = this;\n    return filter.value.map(this.toKeyedItem);\n  }\n\n  syncSelectedItems() {\n    const { select, events } = this;\n    select.clear();\n    select.finalizeMany(this.filterKeyedItems);\n    events.emit('syncSelectedItems');\n  }\n\n  syncSelectedItemsIfChanged() {\n    const { selectedItems, filter } = this;\n    if (filter.value !== selectedItems) {\n      this.syncSelectedItems();\n    }\n  }\n\n  get selectedItems() {\n    const { select } = this;\n    return select.selectedValues.map(({ item }) => item);\n  }\n\n  set(item: KeyedItem<V>) {\n    const { select } = this;\n    select.set(item);\n    this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });\n  }\n\n  setSingle(item: KeyedItem<V>) {\n    const { select } = this;\n    select.clear();\n    this.set(item);\n  }\n\n  clear() {\n    const { select } = this;\n    select.clear();\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });\n  }\n\n  delete(item: KeyedItem<V>) {\n    const { select } = this;\n    select.delete(item);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });\n  }\n\n  deleteKey(key: string) {\n    const { select } = this;\n    select.deleteKey(key);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });\n  }\n\n  refreshIfChanged(\n    options: { actionType?: 'add' | 'remove'; clickedValueKey?: string } = {},\n  ) {\n    const { selectedItems, filter } = this;\n\n    if (filter == null) {\n      return;\n    }\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      ...options,\n    });\n  }\n\n  close() {\n    const { dropdown, events } = this;\n    dropdown.setOff();\n    events.emit('close');\n  }\n\n  closeAndChangeSelectedItems() {\n    this.close();\n    const { selectedItems, filter } = this;\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      actionType: 'add',\n    });\n  }\n\n  init() {\n    const { filter } = this;\n\n    const disposers = [\n      reaction(() => filter?.value, this.syncSelectedItemsIfChanged),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAUO,MAAMG,mBAAmB,CAAI;EAUlCC,WAAWA,CAACC,MAAoC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAJ9B,IAAIC,oBAAW,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,kBAEnB,IAAIE,oBAAY,CAAC,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,uBA8CtB,CAACG,IAAO,EAAEC,KAAa,KAAK;MACxC,MAAM;QAAEC;MAAO,CAAC,GAAG,IAAI;MAEvB,MAAMC,GAAG,GAAGD,MAAM,CAACE,OAAO,CAACJ,IAAI,CAAC;MAChC,OAAO;QACLK,EAAE,EAAEF,GAAG;QACPA,GAAG;QACHH,IAAI;QACJC,KAAK;QACLK,eAAe,EAAEL,KAAK;QACtBM,SAAS,EAAE;MACb,CAAC;IACH,CAAC;IAvDC,IAAI,CAACC,SAAS,GAAGb,MAAM,CAACa,SAAS;IACjC,IAAI,CAACC,OAAO,GAAGd,MAAM,CAACc,OAAO;IAC7B,IAAI,CAACC,MAAM,GACTf,MAAM,CAACe,MAAM,IACb,IAAIC,oBAAW,CAAe;MAC5BC,SAAS,EAAGC,KAAK,IAAKA,KAAK,CAACV;IAC9B,CAAC,CAAC;IACJ,IAAI,CAACW,OAAO,GAAGnB,MAAM,CAACO,MAAM;IAE5B,IAAAa,oBAAc,EAAC,IAAI,EAAE;MACnBC,gBAAgB,EAAEC,cAAQ;MAC1BC,mBAAmB,EAAED,cAAQ;MAC7BE,qBAAqB,EAAEF,cAAQ;MAC/BG,wBAAwB,EAAEH,cAAQ;MAClCI,aAAa,EAAE,IAAAJ,cAAQ,EAAC;QACtBK,SAAS,EAAE;MACb,CAAC,CAAC;MACFC,GAAG,EAAEC,YAAM;MACXC,MAAM,EAAED,YAAM;MACdE,SAAS,EAAEF,YAAM;MACjBG,IAAI,EAAEH,YAAM,CAACI,KAAK;MAClBC,KAAK,EAAEL,YAAM,CAACI,KAAK;MACnBE,iBAAiB,EAAEN,YAAM,CAACI,KAAK;MAC/BG,0BAA0B,EAAEP,YAAM,CAACI;IACrC,CAAC,CAAC;IAEF,IAAI,CAACE,iBAAiB,CAAC,CAAC;EAC1B;EAEA,IAAIZ,mBAAmBA,CAAA,EAAG;IACxB,OAAO,IAAIc,GAAG,CACZ,IAAI,CAAChB,gBAAgB,CAACiB,GAAG,CAAEC,CAAC,IAAK,CAACA,CAAC,CAAC/B,GAAG,EAAE+B,CAAC,CAAC,CAC7C,CAAC;EACH;EAEA,IAAIhC,MAAMA,CAAA,EAAkB;IAC1B,OAAO,IAAI,CAACO,OAAO,CAAC0B,gBAAgB,CAAC,IAAI,CAACrB,OAAO,CAAC;EACpD;EAEA,IAAIsB,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACtB,OAAO,KAAK,IAAI,CAACZ,MAAM;EACrC;EAgBA,IAAIiB,qBAAqBA,CAAA,EAAG;IAC1B,MAAM;MAAEL;IAAQ,CAAC,GAAG,IAAI;IACxB,OAAOA,OAAO,CAACD,KAAK,CAACoB,GAAG,CAAC,IAAI,CAACI,WAAW,CAAC;EAC5C;EAEA,IAAIjB,wBAAwBA,CAAA,EAAG;IAC7B,OAAO,IAAIY,GAAG,CACZ,IAAI,CAACb,qBAAqB,CAACc,GAAG,CAAEC,CAAC,IAAK,CAACA,CAAC,CAAC/B,GAAG,EAAE+B,CAAC,CAAC,CAClD,CAAC;EACH;EAEA,IAAIlB,gBAAgBA,CAAA,EAAG;IACrB,MAAM;MAAEd;IAAO,CAAC,GAAG,IAAI;IACvB,OAAOA,MAAM,CAACW,KAAK,CAACoB,GAAG,CAAC,IAAI,CAACI,WAAW,CAAC;EAC3C;EAEAP,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEpB,MAAM;MAAE4B;IAAO,CAAC,GAAG,IAAI;IAC/B5B,MAAM,CAACmB,KAAK,CAAC,CAAC;IACdnB,MAAM,CAAC6B,YAAY,CAAC,IAAI,CAACvB,gBAAgB,CAAC;IAC1CsB,MAAM,CAACE,IAAI,CAAC,mBAAmB,CAAC;EAClC;EAEAT,0BAA0BA,CAAA,EAAG;IAC3B,MAAM;MAAEV,aAAa;MAAEnB;IAAO,CAAC,GAAG,IAAI;IACtC,IAAIA,MAAM,CAACW,KAAK,KAAKQ,aAAa,EAAE;MAClC,IAAI,CAACS,iBAAiB,CAAC,CAAC;IAC1B;EACF;EAEA,IAAIT,aAAaA,CAAA,EAAG;IAClB,MAAM;MAAEX;IAAO,CAAC,GAAG,IAAI;IACvB,OAAOA,MAAM,CAAC+B,cAAc,CAACR,GAAG,CAAC,CAAC;MAAEjC;IAAK,CAAC,KAAKA,IAAI,CAAC;EACtD;EAEAuB,GAAGA,CAACvB,IAAkB,EAAE;IACtB,MAAM;MAAEU;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACa,GAAG,CAACvB,IAAI,CAAC;IAChB,IAAI,CAAC0C,gBAAgB,CAAC;MAAEC,UAAU,EAAE,KAAK;MAAEC,eAAe,EAAE5C,IAAI,CAACG;IAAI,CAAC,CAAC;EACzE;EAEA0C,SAASA,CAAC7C,IAAkB,EAAE;IAC5B,MAAM;MAAEU;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACmB,KAAK,CAAC,CAAC;IACd,IAAI,CAACN,GAAG,CAACvB,IAAI,CAAC;EAChB;EAEA6B,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEnB;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACmB,KAAK,CAAC,CAAC;IACd,IAAI,CAACa,gBAAgB,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,eAAe,EAAE;IAAG,CAAC,CAAC;EACtE;EAEAnB,MAAMA,CAACzB,IAAkB,EAAE;IACzB,MAAM;MAAEU;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACe,MAAM,CAACzB,IAAI,CAAC;IACnB,IAAI,CAAC0C,gBAAgB,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,eAAe,EAAE5C,IAAI,CAACG;IAAI,CAAC,CAAC;EAC5E;EAEAuB,SAASA,CAACvB,GAAW,EAAE;IACrB,MAAM;MAAEO;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACgB,SAAS,CAACvB,GAAG,CAAC;IACrB,IAAI,CAACuC,gBAAgB,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,eAAe,EAAEzC;IAAI,CAAC,CAAC;EACvE;EAEAuC,gBAAgBA,CACdI,OAAoE,GAAG,CAAC,CAAC,EACzE;IACA,MAAM;MAAEzB,aAAa;MAAEnB;IAAO,CAAC,GAAG,IAAI;IAEtC,IAAIA,MAAM,IAAI,IAAI,EAAE;MAClB;IACF;IAEA,IAAIA,MAAM,CAACW,KAAK,KAAKQ,aAAa,EAAE;MAClC;IACF;IAEAnB,MAAM,CAAC6C,QAAQ,CAAC1B,aAAa,EAAE;MAC7B2B,UAAU,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC;MAClD,GAAGF;IACL,CAAC,CAAC;EACJ;EAEAG,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEC,QAAQ;MAAEZ;IAAO,CAAC,GAAG,IAAI;IACjCY,QAAQ,CAACC,MAAM,CAAC,CAAC;IACjBb,MAAM,CAACE,IAAI,CAAC,OAAO,CAAC;EACtB;EAEAY,2BAA2BA,CAAA,EAAG;IAC5B,IAAI,CAACH,KAAK,CAAC,CAAC;IACZ,MAAM;MAAE5B,aAAa;MAAEnB;IAAO,CAAC,GAAG,IAAI;IAEtC,IAAIA,MAAM,CAACW,KAAK,KAAKQ,aAAa,EAAE;MAClC;IACF;IAEAnB,MAAM,CAAC6C,QAAQ,CAAC1B,aAAa,EAAE;MAC7B2B,UAAU,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC;MAClDL,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEAhB,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEzB;IAAO,CAAC,GAAG,IAAI;IAEvB,MAAMmD,SAAS,GAAG,CAChB,IAAAC,cAAQ,EAAC,MAAMpD,MAAM,oBAANA,MAAM,CAAEW,KAAK,EAAE,IAAI,CAACkB,0BAA0B,CAAC,CAC/D;IAED,OAAO,MAAM;MACXsB,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;AACF;AAACC,OAAA,CAAAhE,mBAAA,GAAAA,mBAAA"}