@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

package/dist/js/packages/components/src/components/List/model/List.mjs

@@ -1,116 +1,108 @@
 "use client"
 /* */
-import { ItemCollection } from './item/ItemCollection.mjs';
-import { BatchesController } from './pagination/BatchesController.mjs';
-import { Filter } from './filter/Filter.mjs';
-import { Sorting } from './sorting/Sorting.mjs';
-import { ReactTable } from './ReactTable.mjs';
-import { IncrementalLoader } from './loading/IncrementalLoader.mjs';
-import invariant from 'invariant';
-import { Search } from './search/Search.mjs';
-import { ItemView } from './item/ItemView.mjs';
-import { Table } from './table/Table.mjs';
-import { useEffect } from 'react';
-import { ListSettingsStore } from './ListSettingsStore.mjs';
-import { ListViewMode } from './ListViewMode.mjs';
-import { useSettings } from '../../SettingsProvider/SettingsProvider.mjs';
-import { DateRangeFilter } from './filter/DateRangeFilter.mjs';
-
-class List {
-  filters;
-  itemView;
-  table;
-  search;
-  sorting;
-  items;
-  reactTable;
-  batches;
-  loader;
-  onAction;
-  accordion;
-  getItemId;
-  componentProps;
-  metadata;
-  settingsStorage;
-  loadingItemsCount;
-  viewMode;
-  settingsStorageDefaults;
-  constructor(shape) {
-    const {
-      settingStorageKey,
-      itemView,
-      table,
-      filters = [],
-      sorting = [],
-      batchesController,
-      onChange,
-      loader,
-      search,
-      onAction,
-      getItemId,
-      defaultViewMode,
-      accordion = false,
-      loadingItemsCount = 5,
-      settingsStorageDefaults,
-      ...componentProps
-    } = shape;
-    this.settingsStorageDefaults = settingsStorageDefaults;
-    const generalSettingsStore = useSettings();
-    this.settingsStorage = settingStorageKey && generalSettingsStore ? new ListSettingsStore(this, generalSettingsStore, {
-      storageKey: settingStorageKey
-    }) : void 0;
-    this.items = new ItemCollection(this);
-    this.filters = filters.map(
-      (shape2) => shape2.mode === "dateRange" ? new DateRangeFilter(this, shape2) : new Filter(this, shape2)
-    );
-    this.sorting = sorting.map((shape2) => new Sorting(this, shape2));
-    this.search = search ? new Search(this, search) : void 0;
-    this.itemView = itemView ? new ItemView(this, itemView) : void 0;
-    this.accordion = accordion;
-    this.table = table ? new Table(this, table) : void 0;
-    this.batches = new BatchesController(this, batchesController);
-    this.componentProps = componentProps;
-    this.loader = IncrementalLoader.useNew(this, loader);
-    this.onAction = onAction;
-    this.getItemId = getItemId;
-    this.loadingItemsCount = loadingItemsCount;
-    this.reactTable = ReactTable.useNew(this, onChange, {
-      manualFiltering: this.loader.manualFiltering,
-      manualPagination: this.loader.manualPagination,
-      manualSorting: this.loader.manualSorting
-    });
-    this.viewMode = new ListViewMode(this, { defaultViewMode });
-    useEffect(() => {
-      this.filters.forEach((f) => f.deleteUnknownFilterValues());
-    }, [this.filters]);
-  }
-  get isFiltered() {
-    return this.filters.some((f) => f.isActive()) || !!this.search && this.search.isSet;
-  }
-  get visibleSorting() {
-    return this.sorting.filter((s) => s.initialEnabled !== "hidden");
-  }
-  static useNew(shape) {
-    return new List(shape);
-  }
-  getSorting(id) {
-    const sorting = this.sorting.find((s) => s.id === id);
-    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);
-    return sorting;
-  }
-  clearSorting() {
-    return this.sorting.forEach((s) => s.clear());
-  }
-  resetFilters() {
-    return this.filters.forEach((f) => f.resetValues());
-  }
-  clearFilters() {
-    return this.filters.forEach((f) => f.clear());
-  }
-  useIsEmpty() {
-    return !this.loader.useIsLoading() && this.items.entries.length === 0;
-  }
-}
-
+import { useWarnDeprecation } from "../../DeprecationWarningProvider/DeprecationWarningProvider.mjs";
+import { Filter } from "./filter/Filter.mjs";
+import { DateRangeFilter } from "./filter/DateRangeFilter.mjs";
+import { ItemCollection } from "./item/ItemCollection.mjs";
+import { BatchesController } from "./pagination/BatchesController.mjs";
+import { Sorting } from "./sorting/Sorting.mjs";
+import { ReactTable } from "./ReactTable.mjs";
+import { IncrementalLoader } from "./loading/IncrementalLoader.mjs";
+import { Search } from "./search/Search.mjs";
+import { ItemView } from "./item/ItemView.mjs";
+import { Table } from "./table/Table.mjs";
+import { ListSettingsStore } from "./ListSettingsStore.mjs";
+import { ListViewMode } from "./ListViewMode.mjs";
+import { useSettings } from "../../SettingsProvider/SettingsProvider.mjs";
+import { useEffect } from "react";
+import invariant from "invariant";
+//#region src/components/List/model/List.ts
+var List = class List {
+	filters;
+	itemView;
+	table;
+	search;
+	sorting;
+	items;
+	reactTable;
+	batches;
+	loader;
+	onAction;
+	accordion;
+	infiniteScroll;
+	getItemId;
+	componentProps;
+	metadata;
+	settingsStorage;
+	loadingItemsCount;
+	viewMode;
+	emptyView;
+	emptySearchResultView;
+	settingsStorageDefaults;
+	constructor(shape) {
+		const { settingStorageKey, itemView, table, filters = [], sorting = [], batchesController, onChange, loader, search, onAction, getItemId, defaultViewMode, accordion = false, infiniteScroll = false, loadingItemsCount = 5, settingsStorageDefaults, emptyView, emptySearchResultView, ...componentProps } = shape;
+		const warnDeprecation = useWarnDeprecation();
+		if (itemView?.fallback !== void 0) warnDeprecation("The 'fallback' prop is deprecated and will be removed in a future release. Use 'loadingView' instead.");
+		this.settingsStorageDefaults = settingsStorageDefaults;
+		const generalSettingsStore = useSettings();
+		this.settingsStorage = settingStorageKey && generalSettingsStore ? new ListSettingsStore(this, generalSettingsStore, { storageKey: settingStorageKey }) : void 0;
+		this.items = new ItemCollection(this);
+		this.filters = filters.map((shape) => shape.mode === "dateRange" ? new DateRangeFilter(this, shape) : new Filter(this, shape));
+		this.sorting = sorting.map((shape) => new Sorting(this, shape));
+		this.search = search ? new Search(this, search) : void 0;
+		this.itemView = itemView ? new ItemView(this, itemView) : void 0;
+		this.accordion = accordion;
+		this.infiniteScroll = infiniteScroll;
+		this.table = table ? new Table(this, table) : void 0;
+		this.batches = new BatchesController(this, batchesController);
+		this.componentProps = componentProps;
+		this.loader = IncrementalLoader.useNew(this, loader);
+		this.onAction = onAction;
+		this.getItemId = getItemId;
+		this.loadingItemsCount = loadingItemsCount;
+		this.reactTable = ReactTable.useNew(this, onChange, {
+			manualFiltering: this.loader.manualFiltering,
+			manualPagination: this.loader.manualPagination,
+			manualSorting: this.loader.manualSorting
+		});
+		this.viewMode = new ListViewMode(this, { defaultViewMode });
+		this.emptyView = emptyView;
+		this.emptySearchResultView = emptySearchResultView;
+		useEffect(() => {
+			this.filters.forEach((f) => f.deleteUnknownFilterValues());
+		}, [this.filters]);
+	}
+	getEmptyViewType() {
+		return this.hasActiveFilters || this.search?.isSet ? "search" : "list";
+	}
+	get hasActiveFilters() {
+		return this.filters.some((f) => f.isActive());
+	}
+	get visibleSorting() {
+		return this.sorting.filter((s) => s.initialEnabled !== "hidden");
+	}
+	static useNew(shape) {
+		return new List(shape);
+	}
+	getSorting(id) {
+		const sorting = this.sorting.find((s) => s.id === id);
+		invariant(!!sorting, `Could not get Sorting (ID: ${id})`);
+		return sorting;
+	}
+	clearSorting() {
+		return this.sorting.forEach((s) => s.clear());
+	}
+	resetFilters() {
+		return this.filters.forEach((f) => f.resetValues());
+	}
+	clearFilters() {
+		return this.filters.forEach((f) => f.clear());
+	}
+	useIsEmpty() {
+		return !this.loader.useIsLoading() && this.items.entries.length === 0;
+	}
+};
+//#endregion
 export { List, List as default };
-//# sourceMappingURL=List.mjs.map
+
+//# sourceMappingURL=List.mjs.map

package/dist/js/packages/components/src/components/List/model/List.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  GetItemId,\n  ItemActionFn,\n  ListSettingsStorageDefaults,\n  ListShape,\n  ListSupportedComponentProps,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect } from \"react\";\nimport { ListSettingsStore } from \"./ListSettingsStore\";\nimport { ListViewMode } from \"./ListViewMode\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\nexport class List<T = unknown, TMeta = unknown> {\n  public readonly filters: (\n    | Filter<T, never, never>\n    | DateRangeFilter<T, never>\n  )[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public metadata?: TMeta;\n  public readonly settingsStorage?: ListSettingsStore<T>;\n  public readonly loadingItemsCount;\n  public readonly viewMode: ListViewMode<T>;\n  public readonly settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  public constructor(shape: ListShape<T, TMeta>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      loadingItemsCount = 5,\n      settingsStorageDefaults,\n      ...componentProps\n    } = shape;\n\n    this.settingsStorageDefaults = settingsStorageDefaults;\n    const generalSettingsStore = useSettings();\n\n    this.settingsStorage =\n      settingStorageKey && generalSettingsStore\n        ? new ListSettingsStore(this, generalSettingsStore, {\n            storageKey: settingStorageKey,\n          })\n        : undefined;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) =>\n      shape.mode === \"dateRange\"\n        ? new DateRangeFilter(this, shape)\n        : new Filter(this, shape),\n    );\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.loadingItemsCount = loadingItemsCount;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n    this.viewMode = new ListViewMode(this, { defaultViewMode });\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public get isFiltered(): boolean {\n    return (\n      this.filters.some((f) => f.isActive()) ||\n      (!!this.search && this.search.isSet)\n    );\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.initialEnabled !== \"hidden\");\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    shape: ListShape<T, TMeta>,\n  ): List<T, TMeta> {\n    return new List<T, TMeta>(shape);\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"names":["shape"],"mappings":"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"}
+{"version":3,"file":"List.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  EmptyViewType,\n  GetItemId,\n  ItemActionFn,\n  ListSettingsStorageDefaults,\n  ListShape,\n  ListSupportedComponentProps,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect, type ReactNode } from \"react\";\nimport { ListSettingsStore } from \"./ListSettingsStore\";\nimport { ListViewMode } from \"./ListViewMode\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\nexport class List<T = unknown, TMeta = unknown> {\n  public readonly filters: (\n    Filter<T, never, never> | DateRangeFilter<T, never>\n  )[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly infiniteScroll: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public metadata?: TMeta;\n  public readonly settingsStorage?: ListSettingsStore<T>;\n  public readonly loadingItemsCount;\n  public readonly viewMode: ListViewMode<T>;\n  public readonly emptyView?: ReactNode;\n  public readonly emptySearchResultView?: ReactNode;\n  public readonly settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  public constructor(shape: ListShape<T, TMeta>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      infiniteScroll = false,\n      loadingItemsCount = 5,\n      settingsStorageDefaults,\n      emptyView,\n      emptySearchResultView,\n      ...componentProps\n    } = shape;\n\n    const warnDeprecation = useWarnDeprecation();\n    if (itemView?.fallback !== undefined) {\n      warnDeprecation(\n        \"The 'fallback' prop is deprecated and will be removed in a future release. Use 'loadingView' instead.\",\n      );\n    }\n\n    this.settingsStorageDefaults = settingsStorageDefaults;\n    const generalSettingsStore = useSettings();\n\n    this.settingsStorage =\n      settingStorageKey && generalSettingsStore\n        ? new ListSettingsStore(this, generalSettingsStore, {\n            storageKey: settingStorageKey,\n          })\n        : undefined;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) =>\n      shape.mode === \"dateRange\"\n        ? new DateRangeFilter(this, shape)\n        : new Filter(this, shape),\n    );\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.infiniteScroll = infiniteScroll;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.loadingItemsCount = loadingItemsCount;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n    this.viewMode = new ListViewMode(this, { defaultViewMode });\n    this.emptyView = emptyView;\n    this.emptySearchResultView = emptySearchResultView;\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public getEmptyViewType(): EmptyViewType {\n    return this.hasActiveFilters || this.search?.isSet ? \"search\" : \"list\";\n  }\n\n  public get hasActiveFilters(): boolean {\n    return this.filters.some((f) => f.isActive());\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.initialEnabled !== \"hidden\");\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    shape: ListShape<T, TMeta>,\n  ): List<T, TMeta> {\n    return new List<T, TMeta>(shape);\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,IAAa,OAAb,MAAa,KAAmC;CAC9C;CAGA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAmB,OAA4B;EAC7C,MAAM,EACJ,mBACA,UACA,OACA,UAAU,CAAC,GACX,UAAU,CAAC,GACX,mBACA,UACA,QACA,QACA,UACA,WACA,iBACA,YAAY,OACZ,iBAAiB,OACjB,oBAAoB,GACpB,yBACA,WACA,uBACA,GAAG,mBACD;EAEJ,MAAM,kBAAkB,mBAAmB;EAC3C,IAAI,UAAU,aAAa,KAAA,GACzB,gBACE,uGACF;EAGF,KAAK,0BAA0B;EAC/B,MAAM,uBAAuB,YAAY;EAEzC,KAAK,kBACH,qBAAqB,uBACjB,IAAI,kBAAkB,MAAM,sBAAsB,EAChD,YAAY,kBACd,CAAC,IACD,KAAA;EAEN,KAAK,QAAQ,IAAI,eAAe,IAAI;EACpC,KAAK,UAAU,QAAQ,KAAK,UAC1B,MAAM,SAAS,cACX,IAAI,gBAAgB,MAAM,KAAK,IAC/B,IAAI,OAAO,MAAM,KAAK,CAC5B;EACA,KAAK,UAAU,QAAQ,KAAK,UAAU,IAAI,QAAW,MAAM,KAAK,CAAC;EACjE,KAAK,SAAS,SAAS,IAAI,OAAO,MAAM,MAAM,IAAI,KAAA;EAClD,KAAK,WAAW,WAAW,IAAI,SAAS,MAAM,QAAQ,IAAI,KAAA;EAC1D,KAAK,YAAY;EACjB,KAAK,iBAAiB;EACtB,KAAK,QAAQ,QAAQ,IAAI,MAAM,MAAM,KAAK,IAAI,KAAA;EAC9C,KAAK,UAAU,IAAI,kBAAkB,MAAM,iBAAiB;EAC5D,KAAK,iBAAiB;EACtB,KAAK,SAAS,kBAAkB,OAAU,MAAM,MAAM;EACtD,KAAK,WAAW;EAChB,KAAK,YAAY;EACjB,KAAK,oBAAoB;EACzB,KAAK,aAAa,WAAW,OAAO,MAAM,UAAU;GAClD,iBAAiB,KAAK,OAAO;GAC7B,kBAAkB,KAAK,OAAO;GAC9B,eAAe,KAAK,OAAO;EAC7B,CAAC;EACD,KAAK,WAAW,IAAI,aAAa,MAAM,EAAE,gBAAgB,CAAC;EAC1D,KAAK,YAAY;EACjB,KAAK,wBAAwB;EAE7B,gBAAgB;GACd,KAAK,QAAQ,SAAS,MAAM,EAAE,0BAA0B,CAAC;EAC3D,GAAG,CAAC,KAAK,OAAO,CAAC;CACnB;CAEA,mBAAyC;EACvC,OAAO,KAAK,oBAAoB,KAAK,QAAQ,QAAQ,WAAW;CAClE;CAEA,IAAW,mBAA4B;EACrC,OAAO,KAAK,QAAQ,MAAM,MAAM,EAAE,SAAS,CAAC;CAC9C;CAEA,IAAW,iBAAiB;EAC1B,OAAO,KAAK,QAAQ,QAAQ,MAAM,EAAE,mBAAmB,QAAQ;CACjE;CAEA,OAAc,OACZ,OACgB;EAChB,OAAO,IAAI,KAAe,KAAK;CACjC;CAEA,WAAkB,IAAwB;EACxC,MAAM,UAAU,KAAK,QAAQ,MAAM,MAAM,EAAE,OAAO,EAAE;EACpD,UAAU,CAAC,CAAC,SAAS,8BAA8B,GAAG,EAAE;EACxD,OAAO;CACT;CAEA,eAA4B;EAC1B,OAAO,KAAK,QAAQ,SAAS,MAAM,EAAE,MAAM,CAAC;CAC9C;CAEA,eAA4B;EAC1B,OAAO,KAAK,QAAQ,SAAS,MAAM,EAAE,YAAY,CAAC;CACpD;CAEA,eAA4B;EAC1B,OAAO,KAAK,QAAQ,SAAS,MAAM,EAAE,MAAM,CAAC;CAC9C;CAEA,aAA6B;EAC3B,OAAO,CAAC,KAAK,OAAO,aAAa,KAAK,KAAK,MAAM,QAAQ,WAAW;CACtE;AACF"}

package/dist/js/packages/components/src/components/List/model/ListSettingsStore.mjs

@@ -1,90 +1,71 @@
 "use client"
 /* */
-import z from 'zod';
-
-const supportedSettings = {
-  activeFilters: {
-    supports: {
-      autosave: true,
-      manualSave: true
-    },
-    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional()
-  },
-  viewMode: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.enum(["list", "table", "tiles"]).optional()
-  },
-  sorting: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.object({
-      direction: z.enum(["asc", "desc"]),
-      property: z.string().or(z.number())
-    }).optional()
-  },
-  search: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.object({
-      value: z.string().optional()
-    }).optional()
-  }
+import z from "zod";
+//#region src/components/List/model/ListSettingsStore.ts
+var supportedSettings = {
+	activeFilters: {
+		supports: {
+			autosave: true,
+			manualSave: true
+		},
+		schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional()
+	},
+	viewMode: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.enum([
+			"list",
+			"table",
+			"tiles"
+		]).optional()
+	},
+	sorting: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.object({
+			direction: z.enum(["asc", "desc"]),
+			property: z.string().or(z.number())
+		}).optional()
+	},
+	search: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.object({ value: z.string().optional() }).optional()
+	}
 };
-class ListSettingsStore {
-  list;
-  storageKey;
-  settingsStore;
-  constructor(list, store, shape) {
-    this.list = list;
-    this.settingsStore = store;
-    this.storageKey = shape.storageKey;
-  }
-  getStorageKey(key, autosave = false) {
-    const autosaveSuffix = autosave ? ".autosave" : "";
-    return `${this.storageKey}.${key}${autosaveSuffix}`;
-  }
-  store(key, value, options) {
-    const settings = supportedSettings[key];
-    if (settings.supports.manualSave && options.manualSave) {
-      this.settingsStore.set(
-        "List",
-        this.getStorageKey(key, false),
-        settings.schema,
-        value
-      );
-    }
-    if (settings.supports.autosave && options.autosave) {
-      this.settingsStore.set(
-        "List",
-        this.getStorageKey(key, true),
-        settings.schema,
-        value
-      );
-    }
-  }
-  get(key, options) {
-    const settings = supportedSettings[key];
-    const { autosave, manualSave = !autosave } = options;
-    const getAutosavedValue = () => this.settingsStore.get(
-      "List",
-      this.getStorageKey(key, options.autosave),
-      settings.schema
-    );
-    const getManuallySavedValue = () => this.settingsStore.get(
-      "List",
-      this.getStorageKey(key, false),
-      settings.schema
-    );
-    return (settings.supports.autosave && autosave ? getAutosavedValue() : void 0) ?? (settings.supports.manualSave && manualSave ? getManuallySavedValue() : void 0);
-  }
-}
-
+var ListSettingsStore = class {
+	list;
+	storageKey;
+	settingsStore;
+	constructor(list, store, shape) {
+		this.list = list;
+		this.settingsStore = store;
+		this.storageKey = shape.storageKey;
+	}
+	getStorageKey(key, autosave = false) {
+		const autosaveSuffix = autosave ? ".autosave" : "";
+		return `${this.storageKey}.${key}${autosaveSuffix}`;
+	}
+	store(key, value, options) {
+		const settings = supportedSettings[key];
+		if (settings.supports.manualSave && options.manualSave) this.settingsStore.set("List", this.getStorageKey(key, false), settings.schema, value);
+		if (settings.supports.autosave && options.autosave) this.settingsStore.set("List", this.getStorageKey(key, true), settings.schema, value);
+	}
+	get(key, options) {
+		const settings = supportedSettings[key];
+		const { autosave, manualSave = !autosave } = options;
+		const getAutosavedValue = () => this.settingsStore.get("List", this.getStorageKey(key, options.autosave), settings.schema);
+		const getManuallySavedValue = () => this.settingsStore.get("List", this.getStorageKey(key, false), settings.schema);
+		return (settings.supports.autosave && autosave ? getAutosavedValue() : void 0) ?? (settings.supports.manualSave && manualSave ? getManuallySavedValue() : void 0);
+	}
+};
+//#endregion
 export { ListSettingsStore };
-//# sourceMappingURL=ListSettingsStore.mjs.map
+
+//# sourceMappingURL=ListSettingsStore.mjs.map

package/dist/js/packages/components/src/components/List/model/ListSettingsStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListSettingsStore.mjs","sources":["../../../../../../../../src/components/List/model/ListSettingsStore.ts"],"sourcesContent":["import type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport type { ListSettingsStorageShape } from \"./types\";\nimport type List from \"./List\";\nimport z from \"zod\";\n\nexport interface ListSettingsStoreOperationOptions {\n  autosave?: boolean;\n  manualSave?: boolean;\n}\n\nconst supportedSettings = {\n  activeFilters: {\n    supports: {\n      autosave: true,\n      manualSave: true,\n    },\n    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional(),\n  },\n  viewMode: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z.enum([\"list\", \"table\", \"tiles\"]).optional(),\n  },\n  sorting: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        direction: z.enum([\"asc\", \"desc\"]),\n        property: z.string().or(z.number()),\n      })\n      .optional(),\n  },\n  search: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        value: z.string().optional(),\n      })\n      .optional(),\n  },\n} as const;\n\ntype SupportedSettings = keyof typeof supportedSettings;\n\ntype SchemaOf<T extends SupportedSettings> =\n  (typeof supportedSettings)[T][\"schema\"];\n\nexport class ListSettingsStore<T> {\n  public readonly list: List<T>;\n  public readonly storageKey: string;\n  private readonly settingsStore: SettingsStore;\n\n  public constructor(\n    list: List<T>,\n    store: SettingsStore,\n    shape: ListSettingsStorageShape,\n  ) {\n    this.list = list;\n    this.settingsStore = store;\n    this.storageKey = shape.storageKey;\n  }\n\n  private getStorageKey(key: string, autosave = false) {\n    const autosaveSuffix = autosave ? \".autosave\" : \"\";\n    return `${this.storageKey}.${key}${autosaveSuffix}`;\n  }\n\n  public store<T extends SupportedSettings>(\n    key: T,\n    value: z.infer<(typeof supportedSettings)[T][\"schema\"]>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const settings = supportedSettings[key];\n\n    if (settings.supports.manualSave && options.manualSave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n        value as never,\n      );\n    }\n    if (settings.supports.autosave && options.autosave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, true),\n        settings.schema,\n        value as never,\n      );\n    }\n  }\n\n  public get<T extends SupportedSettings>(\n    key: T,\n    options: ListSettingsStoreOperationOptions,\n  ): z.infer<SchemaOf<T>> | undefined {\n    const settings = supportedSettings[key];\n    const { autosave, manualSave = !autosave } = options; // to ensure settings is used and avoid unused variable error\n\n    const getAutosavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, options.autosave),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    const getManuallySavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    return (\n      (settings.supports.autosave && autosave\n        ? getAutosavedValue()\n        : undefined) ??\n      (settings.supports.manualSave && manualSave\n        ? getManuallySavedValue()\n        : undefined)\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListSettingsStore.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ListSettingsStore.ts"],"sourcesContent":["import type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport type { ListSettingsStorageShape } from \"./types\";\nimport type List from \"./List\";\nimport z from \"zod\";\n\nexport interface ListSettingsStoreOperationOptions {\n  autosave?: boolean;\n  manualSave?: boolean;\n}\n\nconst supportedSettings = {\n  activeFilters: {\n    supports: {\n      autosave: true,\n      manualSave: true,\n    },\n    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional(),\n  },\n  viewMode: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z.enum([\"list\", \"table\", \"tiles\"]).optional(),\n  },\n  sorting: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        direction: z.enum([\"asc\", \"desc\"]),\n        property: z.string().or(z.number()),\n      })\n      .optional(),\n  },\n  search: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        value: z.string().optional(),\n      })\n      .optional(),\n  },\n} as const;\n\ntype SupportedSettings = keyof typeof supportedSettings;\n\ntype SchemaOf<T extends SupportedSettings> =\n  (typeof supportedSettings)[T][\"schema\"];\n\nexport class ListSettingsStore<T> {\n  public readonly list: List<T>;\n  public readonly storageKey: string;\n  private readonly settingsStore: SettingsStore;\n\n  public constructor(\n    list: List<T>,\n    store: SettingsStore,\n    shape: ListSettingsStorageShape,\n  ) {\n    this.list = list;\n    this.settingsStore = store;\n    this.storageKey = shape.storageKey;\n  }\n\n  private getStorageKey(key: string, autosave = false) {\n    const autosaveSuffix = autosave ? \".autosave\" : \"\";\n    return `${this.storageKey}.${key}${autosaveSuffix}`;\n  }\n\n  public store<T extends SupportedSettings>(\n    key: T,\n    value: z.infer<(typeof supportedSettings)[T][\"schema\"]>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const settings = supportedSettings[key];\n\n    if (settings.supports.manualSave && options.manualSave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n        value as never,\n      );\n    }\n    if (settings.supports.autosave && options.autosave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, true),\n        settings.schema,\n        value as never,\n      );\n    }\n  }\n\n  public get<T extends SupportedSettings>(\n    key: T,\n    options: ListSettingsStoreOperationOptions,\n  ): z.infer<SchemaOf<T>> | undefined {\n    const settings = supportedSettings[key];\n    const { autosave, manualSave = !autosave } = options; // to ensure settings is used and avoid unused variable error\n\n    const getAutosavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, options.autosave),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    const getManuallySavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    return (\n      (settings.supports.autosave && autosave\n        ? getAutosavedValue()\n        : undefined) ??\n      (settings.supports.manualSave && manualSave\n        ? getManuallySavedValue()\n        : undefined)\n    );\n  }\n}\n"],"mappings":";;;;AAUA,IAAM,oBAAoB;CACxB,eAAe;EACb,UAAU;GACR,UAAU;GACV,YAAY;EACd;EACA,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;CAC5E;CACA,UAAU;EACR,UAAU;GACR,UAAU;GACV,YAAY;EACd;EACA,QAAQ,EAAE,KAAK;GAAC;GAAQ;GAAS;EAAO,CAAC,CAAC,CAAC,SAAS;CACtD;CACA,SAAS;EACP,UAAU;GACR,UAAU;GACV,YAAY;EACd;EACA,QAAQ,EACL,OAAO;GACN,WAAW,EAAE,KAAK,CAAC,OAAO,MAAM,CAAC;GACjC,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC;EACpC,CAAC,CAAC,CACD,SAAS;CACd;CACA,QAAQ;EACN,UAAU;GACR,UAAU;GACV,YAAY;EACd;EACA,QAAQ,EACL,OAAO,EACN,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,EAC7B,CAAC,CAAC,CACD,SAAS;CACd;AACF;AAOA,IAAa,oBAAb,MAAkC;CAChC;CACA;CACA;CAEA,YACE,MACA,OACA,OACA;EACA,KAAK,OAAO;EACZ,KAAK,gBAAgB;EACrB,KAAK,aAAa,MAAM;CAC1B;CAEA,cAAsB,KAAa,WAAW,OAAO;EACnD,MAAM,iBAAiB,WAAW,cAAc;EAChD,OAAO,GAAG,KAAK,WAAW,GAAG,MAAM;CACrC;CAEA,MACE,KACA,OACA,SACA;EACA,MAAM,WAAW,kBAAkB;EAEnC,IAAI,SAAS,SAAS,cAAc,QAAQ,YAC1C,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,KAAK,GAC7B,SAAS,QACT,KACF;EAEF,IAAI,SAAS,SAAS,YAAY,QAAQ,UACxC,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,IAAI,GAC5B,SAAS,QACT,KACF;CAEJ;CAEA,IACE,KACA,SACkC;EAClC,MAAM,WAAW,kBAAkB;EACnC,MAAM,EAAE,UAAU,aAAa,CAAC,aAAa;EAE7C,MAAM,0BACJ,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,QAAQ,QAAQ,GACxC,SAAS,MACX;EAEF,MAAM,8BACJ,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,KAAK,GAC7B,SAAS,MACX;EAEF,QACG,SAAS,SAAS,YAAY,WAC3B,kBAAkB,IAClB,KAAA,OACH,SAAS,SAAS,cAAc,aAC7B,sBAAsB,IACtB,KAAA;CAER;AACF"}

package/dist/js/packages/components/src/components/List/model/ListViewMode.mjs

@@ -1,41 +1,35 @@
 "use client"
 /* */
-import { useState } from 'react';
-
-class ListViewMode {
-  list;
-  autosave;
-  state;
-  constructor(list, options = {}) {
-    const {
-      defaultViewMode,
-      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true
-    } = options;
-    this.list = list;
-    this.autosave = autosave;
-    this.state = useState(
-      this.list.settingsStorage?.get("viewMode", { autosave: this.autosave }) ?? defaultViewMode ?? "list"
-    );
-  }
-  get value() {
-    return this.state[0];
-  }
-  get isTiles() {
-    return this.value === "tiles";
-  }
-  get isTable() {
-    return this.value === "table";
-  }
-  get isList() {
-    return this.value === "list";
-  }
-  set(viewMode) {
-    this.state[1](viewMode);
-    this.list.settingsStorage?.store("viewMode", viewMode, {
-      autosave: this.autosave
-    });
-  }
-}
-
+import { useState } from "react";
+//#region src/components/List/model/ListViewMode.ts
+var ListViewMode = class {
+	list;
+	autosave;
+	state;
+	constructor(list, options = {}) {
+		const { defaultViewMode, autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true } = options;
+		this.list = list;
+		this.autosave = autosave;
+		this.state = useState(this.list.settingsStorage?.get("viewMode", { autosave: this.autosave }) ?? defaultViewMode ?? "list");
+	}
+	get value() {
+		return this.state[0];
+	}
+	get isTiles() {
+		return this.value === "tiles";
+	}
+	get isTable() {
+		return this.value === "table";
+	}
+	get isList() {
+		return this.value === "list";
+	}
+	set(viewMode) {
+		this.state[1](viewMode);
+		this.list.settingsStorage?.store("viewMode", viewMode, { autosave: this.autosave });
+	}
+};
+//#endregion
 export { ListViewMode };
-//# sourceMappingURL=ListViewMode.mjs.map
+
+//# sourceMappingURL=ListViewMode.mjs.map

package/dist/js/packages/components/src/components/List/model/ListViewMode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewMode.mjs","sources":["../../../../../../../../src/components/List/model/ListViewMode.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { ListViewMode as RawListViewMode } from \"./types\";\nimport type { List } from \"./List\";\n\ninterface Options {\n  defaultViewMode?: RawListViewMode;\n  autosave?: boolean;\n}\n\nexport class ListViewMode<T = unknown> {\n  public readonly list: List<T>;\n  public readonly autosave: boolean;\n  private readonly state: [\n    RawListViewMode,\n    React.Dispatch<React.SetStateAction<RawListViewMode>>,\n  ];\n\n  public constructor(list: List<T>, options: Options = {}) {\n    const {\n      defaultViewMode,\n      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true,\n    } = options;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.state = useState(\n      this.list.settingsStorage?.get(\"viewMode\", { autosave: this.autosave }) ??\n        defaultViewMode ??\n        \"list\",\n    );\n  }\n\n  public get value() {\n    return this.state[0];\n  }\n\n  public get isTiles() {\n    return this.value === \"tiles\";\n  }\n\n  public get isTable() {\n    return this.value === \"table\";\n  }\n\n  public get isList() {\n    return this.value === \"list\";\n  }\n\n  public set(viewMode: RawListViewMode): void {\n    this.state[1](viewMode);\n    this.list.settingsStorage?.store(\"viewMode\", viewMode, {\n      autosave: this.autosave,\n    });\n  }\n}\n"],"names":[],"mappings":";;AASO,MAAM,YAAA,CAA0B;AAAA,EACrB,IAAA;AAAA,EACA,QAAA;AAAA,EACC,KAAA;AAAA,EAKV,WAAA,CAAY,IAAA,EAAe,OAAA,GAAmB,EAAC,EAAG;AACvD,IAAA,MAAM;AAAA,MACJ,eAAA;AAAA,MACA,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,QAAA,EAAU,QAAA,IAAY;AAAA,KACjE,GAAI,OAAA;AAEJ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,KAAA,GAAQ,QAAA;AAAA,MACX,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,IACpE,eAAA,IACA;AAAA,KACJ;AAAA,EACF;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA,EACrB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEO,IAAI,QAAA,EAAiC;AAC1C,IAAA,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA;AACtB,IAAA,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,KAAA,CAAM,UAAA,EAAY,QAAA,EAAU;AAAA,MACrD,UAAU,IAAA,CAAK;AAAA,KAChB,CAAA;AAAA,EACH;AACF;;;;"}
+{"version":3,"file":"ListViewMode.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ListViewMode.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { ListViewMode as RawListViewMode } from \"./types\";\nimport type { List } from \"./List\";\n\ninterface Options {\n  defaultViewMode?: RawListViewMode;\n  autosave?: boolean;\n}\n\nexport class ListViewMode<T = unknown> {\n  public readonly list: List<T>;\n  public readonly autosave: boolean;\n  private readonly state: [\n    RawListViewMode,\n    React.Dispatch<React.SetStateAction<RawListViewMode>>,\n  ];\n\n  public constructor(list: List<T>, options: Options = {}) {\n    const {\n      defaultViewMode,\n      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true,\n    } = options;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.state = useState(\n      this.list.settingsStorage?.get(\"viewMode\", { autosave: this.autosave }) ??\n        defaultViewMode ??\n        \"list\",\n    );\n  }\n\n  public get value() {\n    return this.state[0];\n  }\n\n  public get isTiles() {\n    return this.value === \"tiles\";\n  }\n\n  public get isTable() {\n    return this.value === \"table\";\n  }\n\n  public get isList() {\n    return this.value === \"list\";\n  }\n\n  public set(viewMode: RawListViewMode): void {\n    this.state[1](viewMode);\n    this.list.settingsStorage?.store(\"viewMode\", viewMode, {\n      autosave: this.autosave,\n    });\n  }\n}\n"],"mappings":";;;;AASA,IAAa,eAAb,MAAuC;CACrC;CACA;CACA;CAKA,YAAmB,MAAe,UAAmB,CAAC,GAAG;EACvD,MAAM,EACJ,iBACA,WAAW,KAAK,yBAAyB,UAAU,YAAY,SAC7D;EAEJ,KAAK,OAAO;EACZ,KAAK,WAAW;EAChB,KAAK,QAAQ,SACX,KAAK,KAAK,iBAAiB,IAAI,YAAY,EAAE,UAAU,KAAK,SAAS,CAAC,KACpE,mBACA,MACJ;CACF;CAEA,IAAW,QAAQ;EACjB,OAAO,KAAK,MAAM;CACpB;CAEA,IAAW,UAAU;EACnB,OAAO,KAAK,UAAU;CACxB;CAEA,IAAW,UAAU;EACnB,OAAO,KAAK,UAAU;CACxB;CAEA,IAAW,SAAS;EAClB,OAAO,KAAK,UAAU;CACxB;CAEA,IAAW,UAAiC;EAC1C,KAAK,MAAM,EAAE,CAAC,QAAQ;EACtB,KAAK,KAAK,iBAAiB,MAAM,YAAY,UAAU,EACrD,UAAU,KAAK,SACjB,CAAC;CACH;AACF"}