@mittwald/flow-react-components 0.2.0-alpha.113 → 0.2.0-alpha.114

package/dist/js/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useList } from '../../../../hooks/useList.mjs';
+import SkeletonView from '../../../../../../views/SkeletonView.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+
+const PaginationInfos = (props) => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const list = useList();
+  const pagination = list.batches;
+  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+  const isEmpty = list.useIsEmpty();
+  const totalItemsCount = pagination.getTotalItemsCount();
+  const visibleItemsCount = pagination.getVisibleItemsCount();
+  if (isEmpty) {
+    return null;
+  }
+  const text = isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonView, { width: "200px" }) : stringFormatter.format("list.paginationInfo", {
+    visibleItemsCount,
+    totalItemsCount
+  });
+  return /* @__PURE__ */ jsx(TextView, { ...props, children: text });
+};
+
+export { PaginationInfos, PaginationInfos as default };
+//# sourceMappingURL=PaginationInfos.mjs.map

package/dist/js/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationInfos.mjs","sources":["../../../../../../../../../../src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { TextProps } from \"@/components/Text\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const PaginationInfos: FC<TextProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const list = useList();\n  const pagination = list.batches;\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const isEmpty = list.useIsEmpty();\n\n  const totalItemsCount = pagination.getTotalItemsCount();\n  const visibleItemsCount = pagination.getVisibleItemsCount();\n\n  if (isEmpty) {\n    return null;\n  }\n\n  const text = isInitiallyLoading ? (\n    <SkeletonView width=\"200px\" />\n  ) : (\n    stringFormatter.format(\"list.paginationInfo\", {\n      visibleItemsCount,\n      totalItemsCount,\n    })\n  );\n\n  return <TextView {...props}>{text}</TextView>;\n};\n\nexport default PaginationInfos;\n"],"names":[],"mappings":";;;;;;;AAQa,MAAA,eAAA,GAAiC,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,aAAa,IAAK,CAAA,OAAA;AACxB,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAC7D,EAAM,MAAA,OAAA,GAAU,KAAK,UAAW,EAAA;AAEhC,EAAM,MAAA,eAAA,GAAkB,WAAW,kBAAmB,EAAA;AACtD,EAAM,MAAA,iBAAA,GAAoB,WAAW,oBAAqB,EAAA;AAE1D,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,IAAA,GAAO,qCACV,GAAA,CAAA,YAAA,EAAA,EAAa,OAAM,OAAQ,EAAA,CAAA,GAE5B,eAAgB,CAAA,MAAA,CAAO,qBAAuB,EAAA;AAAA,IAC5C,iBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGH,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,KAAA,EAAQ,QAAK,EAAA,IAAA,EAAA,CAAA;AACpC;;;;"}

package/dist/js/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { useList } from '../../../../hooks/useList.mjs';
+import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+
+const ShowNextBatchButton = (props) => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const list = useList();
+  const isLoading = list.loader.useIsLoading();
+  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+  const pagination = list.batches;
+  const canLoadMore = pagination.hasNextBatch();
+  if (!canLoadMore && !isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    ButtonView,
+    {
+      isPending: isLoading && !isInitiallyLoading,
+      isDisabled: isInitiallyLoading,
+      ...props,
+      onPress: () => list.batches.nextBatch(),
+      variant: "plain",
+      size: "s",
+      children: stringFormatter.format("list.showMore")
+    }
+  );
+};
+
+export { ShowNextBatchButton, ShowNextBatchButton as default };
+//# sourceMappingURL=ShowNextBatchButton.mjs.map

package/dist/js/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowNextBatchButton.mjs","sources":["../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const pagination = list.batches;\n  const canLoadMore = pagination.hasNextBatch();\n\n  if (!canLoadMore && !isLoading) {\n    return null;\n  }\n\n  return (\n    <ButtonView\n      isPending={isLoading && !isInitiallyLoading}\n      isDisabled={isInitiallyLoading}\n      {...props}\n      onPress={() => list.batches.nextBatch()}\n      variant=\"plain\"\n      size=\"s\"\n    >\n      {stringFormatter.format(\"list.showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"names":[],"mappings":";;;;;;;AAQa,MAAA,mBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAC7D,EAAA,MAAM,aAAa,IAAK,CAAA,OAAA;AACxB,EAAM,MAAA,WAAA,GAAc,WAAW,YAAa,EAAA;AAE5C,EAAI,IAAA,CAAC,WAAe,IAAA,CAAC,SAAW,EAAA;AAC9B,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAa,CAAC,kBAAA;AAAA,MACzB,UAAY,EAAA,kBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,OAAS,EAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,SAAU,EAAA;AAAA,MACtC,OAAQ,EAAA,OAAA;AAAA,MACR,IAAK,EAAA,GAAA;AAAA,MAEJ,QAAA,EAAA,eAAA,CAAgB,OAAO,eAAe;AAAA;AAAA,GACzC;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { SortingPicker } from \"@/components/List/components/Header/components/SortingPicker\";\nimport FilterPicker from \"@/components/List/components/Header/components/FilterPicker\";\nimport styles from \"./Header.module.css\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeMenu } from \"@/components/List/components/Header/components/ViewModeMenu/ViewModeMenu\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\n\ninterface Props extends PropsWithClassName {\n  hasActionGroup?: boolean;\n}\n\nexport const Header: FC<Props> = (props) => {\n  const { className, hasActionGroup } = props;\n  const list = useList();\n\n  if (\n    list.filters.length === 0 &&\n    list.visibleSorting.length === 0 &&\n    !list.search &&\n    !list.table &&\n    !(list.itemView?.showTiles && list.itemView?.showList) &&\n    !hasActionGroup\n  ) {\n    return null;\n  }\n\n  const filterPickerList = list.filters.map((filter) => (\n    <FilterPicker key={filter.property} filter={filter} />\n  ));\n\n  return (\n    <DivView className={clsx(className, styles.header)}>\n      <DivView className={styles.pickerListAndSearch}>\n        <DivView className={styles.pickerList}>\n          <ViewModeMenu />\n          <SortingPicker />\n          {filterPickerList}\n        </DivView>\n        <DivView className={styles.searchAndActions}>\n          {list.search && (\n            <SearchField className={styles.searchField} search={list.search} />\n          )}\n          <TunnelExit id=\"actions\" />\n        </DivView>\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBa,MAAA,MAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAM,MAAA,EAAE,SAAW,EAAA,cAAA,EAAmB,GAAA,KAAA;AACtC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EACE,IAAA,IAAA,CAAK,QAAQ,MAAW,KAAA,CAAA,IACxB,KAAK,cAAe,CAAA,MAAA,KAAW,CAC/B,IAAA,CAAC,IAAK,CAAA,MAAA,IACN,CAAC,IAAK,CAAA,KAAA,IACN,EAAE,IAAK,CAAA,QAAA,EAAU,aAAa,IAAK,CAAA,QAAA,EAAU,QAC7C,CAAA,IAAA,CAAC,cACD,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,gBAAA,GAAmB,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MACzC,qBAAA,GAAA,CAAC,YAAmC,EAAA,EAAA,MAAA,EAAA,EAAjB,MAAO,CAAA,QAA0B,CACrD,CAAA;AAED,EAAA,4BACG,OAAQ,EAAA,EAAA,SAAA,EAAW,KAAK,SAAW,EAAA,MAAA,CAAO,MAAM,CAC/C,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,mBACzB,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,UACzB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,4BACb,aAAc,EAAA,EAAA,CAAA;AAAA,QACd;AAAA,OACH,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,gBACxB,EAAA,QAAA,EAAA;AAAA,QAAK,IAAA,CAAA,MAAA,wBACH,WAAY,EAAA,EAAA,SAAA,EAAW,OAAO,WAAa,EAAA,MAAA,EAAQ,KAAK,MAAQ,EAAA,CAAA;AAAA,wBAEnE,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAU,EAAA;AAAA,OAC3B,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,wBACC,aAAc,EAAA,EAAA;AAAA,GACjB,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -0,0 +1,91 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { useList } from '../../../../hooks/useList.mjs';
+import styles from './ActiveFilters.module.scss.mjs';
+import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
+import { observer } from 'mobx-react-lite';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
+import 'react-aria-components';
+import 'clsx';
+import '@tabler/icons-react';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
+import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';
+import { IconUndo } from '../../../../../Icon/components/icons/IconUndo.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+import TooltipView from '../../../../../../views/TooltipView.mjs';
+import DivView from '../../../../../../views/DivView.mjs';
+import BadgeView from '../../../../../../views/BadgeView.mjs';
+import TooltipTriggerView from '../../../../../../views/TooltipTriggerView.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+
+const ActiveFilters = observer(() => {
+  const list = useList();
+  const formatter = useLocalizedStringFormatter(locales);
+  const activeFilterValues = list.filters.flatMap((f) => f.values).filter((v) => v.isActive);
+  const activeFilters = activeFilterValues.map((v) => /* @__PURE__ */ jsx(BadgeView, { onClose: () => v.deactivate(), children: /* @__PURE__ */ jsx(TextView, { children: v.render() }) }, v.id));
+  const someFiltersChanged = list.filters.filter((f) => f.hasChanged()).length > 0;
+  const storeFiltersButton = list.supportsSettingsStorage && someFiltersChanged && /* @__PURE__ */ jsxs(TooltipTriggerView, { children: [
+    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.store" }) }),
+    /* @__PURE__ */ jsx(
+      ButtonView,
+      {
+        size: "s",
+        variant: "plain",
+        color: "secondary",
+        onPress: () => list.storeFilterDefaultSettings(),
+        "aria-label": formatter.format("list.filters.store"),
+        children: /* @__PURE__ */ jsx(IconSave, {})
+      }
+    )
+  ] });
+  const resetFiltersButton = someFiltersChanged ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.reset" }) }),
+    /* @__PURE__ */ jsx(
+      ButtonView,
+      {
+        size: "s",
+        variant: "plain",
+        color: "secondary",
+        onPress: () => list.resetFilters(),
+        "aria-label": formatter.format("list.filters.reset"),
+        children: /* @__PURE__ */ jsx(IconUndo, {})
+      }
+    )
+  ] }) : void 0;
+  const removeAllFiltersButton = activeFilters.length > 0 ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.clear" }) }),
+    /* @__PURE__ */ jsx(
+      ButtonView,
+      {
+        size: "s",
+        variant: "plain",
+        color: "secondary",
+        onPress: () => list.clearFilters(),
+        children: /* @__PURE__ */ jsx(IconClose, {})
+      }
+    )
+  ] }) : void 0;
+  if (activeFilters.length === 0 && !storeFiltersButton && !resetFiltersButton) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(DivView, { className: styles.activeFilters, children: [
+    activeFilters,
+    storeFiltersButton,
+    resetFiltersButton,
+    removeAllFiltersButton
+  ] });
+});
+
+export { ActiveFilters, ActiveFilters as default };
+//# sourceMappingURL=ActiveFilters.mjs.map

package/dist/js/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\n\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\n\n  const activeFilterValues = list.filters\n    .flatMap((f) => f.values)\n    .filter((v) => v.isActive);\n\n  const activeFilters = activeFilterValues.map((v) => (\n    <BadgeView key={v.id} onClose={() => v.deactivate()}>\n      <TextView>{v.render()}</TextView>\n    </BadgeView>\n  ));\n\n  const someFiltersChanged =\n    list.filters.filter((f) => f.hasChanged()).length > 0;\n\n  const storeFiltersButton = list.supportsSettingsStorage &&\n    someFiltersChanged && (\n      <TooltipTriggerView>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.store</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.storeFilterDefaultSettings()}\n          aria-label={formatter.format(\"list.filters.store\")}\n        >\n          <IconSave />\n        </ButtonView>\n      </TooltipTriggerView>\n    );\n\n  const resetFiltersButton = someFiltersChanged ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 0 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/List/components/Header/components/FilterPicker/FilterPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPicker.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/FilterPicker/FilterPicker.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenu, { ContextMenuTrigger } from \"@/components/ContextMenu\";\n\ninterface Props {\n  filter: Filter<never, never, never>;\n}\n\nexport const FilterPicker: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const { values, mode, name, property } = filter;\n\n  const items = values.map((v) => (\n    <MenuItemView\n      id={v.id}\n      key={v.id}\n      onAction={() => {\n        v.toggle();\n      }}\n    >\n      {v.render()}\n    </MenuItemView>\n  ));\n\n  const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);\n\n  return (\n    <ContextMenuTrigger>\n      <ButtonView variant=\"outline\" color=\"secondary\">\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <ContextMenu\n        selectionMode={mode === \"one\" ? \"single\" : \"multiple\"}\n        selectedKeys={activeFilterKeys}\n      >\n        {items}\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaa,MAAA,YAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AAEnB,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,IAAA,EAAM,UAAa,GAAA,MAAA;AAEzC,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,GAAI,CAAA,CAAC,CACxB,qBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,CAAE,CAAA,EAAA;AAAA,MAEN,UAAU,MAAM;AACd,QAAA,CAAA,CAAE,MAAO,EAAA;AAAA,OACX;AAAA,MAEC,YAAE,MAAO;AAAA,KAAA;AAAA,IALL,CAAE,CAAA;AAAA,GAOV,CAAA;AAED,EAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAI,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,EAAE,CAAA;AAEzE,EAAA,4BACG,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAM,WAClC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA,EAAU,kBAAQ,QAAS,EAAA,CAAA;AAAA,0BAC3B,UAAW,EAAA,EAAA;AAAA,KACd,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAe,IAAS,KAAA,KAAA,GAAQ,QAAW,GAAA,UAAA;AAAA,QAC3C,YAAc,EAAA,gBAAA;AAAA,QAEb,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/SearchField/SearchField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport React, { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { className, onChange, value, autoSubmit, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else {\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={className}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { className, search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    className,\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;AAYA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,UAAY,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAE5D,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,YAAA,CAAa,IAAK,EAAA,KAAM,EAAI,EAAA;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,KACb,MAAA;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,OAAU,GAAA,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAqB,KAAA;AAC3C,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAa,YAAA,EAAA;AAAA,KACf,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC7B,MAAY,WAAA,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,CAACA,MAAU,KAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAS,EAAA,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAyB,CAAC,KAAU,KAAA;AAC/C,EAAM,MAAA,EAAE,SAAW,EAAA,MAAA,EAAW,GAAA,KAAA;AAC9B,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,SAAA;AAAA,IACA,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,QAAU,EAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/js/components/src/components/List/components/Header/components/SortingPicker/SortingPicker.mjs

@@ -0,0 +1,59 @@
+"use client"
+/* */
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { SortingPickerItem } from '../SortingPickerItem/SortingPickerItem.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
+import 'react-aria-components';
+import 'clsx';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import '@tabler/icons-react';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import { IconSorting } from '../../../../../Icon/components/icons/IconSorting.mjs';
+import 'react-aria';
+import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import 'mobx';
+import '../../../../../../lib/controller/overlay/context.mjs';
+import 'invariant';
+import '../../../../../Action/context.mjs';
+import '../../../../../Action/models/ActionStateContext.mjs';
+import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+
+const SortingPicker = () => {
+  const list = useList();
+  const pickerItems = list.visibleSorting.map((s) => /* @__PURE__ */ jsx(SortingPickerItem, { sorting: s }, s.id));
+  if (pickerItems.length === 0) {
+    return null;
+  }
+  const pickerLabelSorting = list.visibleSorting.find((s) => s.isSorted());
+  const text = /* @__PURE__ */ jsx(TextView, { children: pickerLabelSorting ? /* @__PURE__ */ jsx(Fragment, { children: pickerLabelSorting.name ?? pickerLabelSorting.property }) : /* @__PURE__ */ jsx(Translate, { locales, children: "list.sorting" }) });
+  return /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+    /* @__PURE__ */ jsxs(ButtonView, { variant: "outline", color: "secondary", children: [
+      text,
+      /* @__PURE__ */ jsx(IconSorting, {})
+    ] }),
+    /* @__PURE__ */ jsx(
+      ContextMenu,
+      {
+        selectionMode: "single",
+        selectedKeys: pickerLabelSorting ? [pickerLabelSorting.id] : [],
+        onAction: (id) => {
+          list.getSorting(String(id)).enable();
+        },
+        children: pickerItems
+      }
+    )
+  ] });
+};
+
+export { SortingPicker };
+//# sourceMappingURL=SortingPicker.mjs.map

package/dist/js/components/src/components/List/components/Header/components/SortingPicker/SortingPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortingPicker.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/SortingPicker/SortingPicker.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { SortingPickerItem } from \"@/components/List/components/Header/components/SortingPickerItem\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ContextMenu, { ContextMenuTrigger } from \"@/components/ContextMenu\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { IconSorting } from \"@/components/Icon/components/icons\";\n\nexport const SortingPicker: FC = () => {\n  const list = useList();\n\n  const pickerItems = list.visibleSorting.map((s) => (\n    <SortingPickerItem sorting={s} key={s.id} />\n  ));\n\n  if (pickerItems.length === 0) {\n    return null;\n  }\n\n  const pickerLabelSorting = list.visibleSorting.find((s) => s.isSorted());\n\n  const text = (\n    <TextView>\n      {pickerLabelSorting ? (\n        <>{pickerLabelSorting.name ?? pickerLabelSorting.property}</>\n      ) : (\n        <Translate locales={locales}>list.sorting</Translate>\n      )}\n    </TextView>\n  );\n\n  return (\n    <ContextMenuTrigger>\n      <ButtonView variant=\"outline\" color=\"secondary\">\n        {text}\n        <IconSorting />\n      </ButtonView>\n      <ContextMenu\n        selectionMode=\"single\"\n        selectedKeys={pickerLabelSorting ? [pickerLabelSorting.id] : []}\n        onAction={(id) => {\n          list.getSorting(String(id)).enable();\n        }}\n      >\n        {pickerItems}\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAc,GAAA,IAAA,CAAK,cAAe,CAAA,GAAA,CAAI,CAAC,CAAA,qBAC1C,GAAA,CAAA,iBAAA,EAAA,EAAkB,OAAS,EAAA,CAAA,EAAA,EAAQ,CAAE,CAAA,EAAI,CAC3C,CAAA;AAED,EAAI,IAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,kBAAA,GAAqB,KAAK,cAAe,CAAA,IAAA,CAAK,CAAC,CAAM,KAAA,CAAA,CAAE,UAAU,CAAA;AAEvE,EAAA,MAAM,IACJ,mBAAA,GAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA,kBAAA,mCACI,QAAmB,EAAA,kBAAA,CAAA,IAAA,IAAQ,kBAAmB,CAAA,QAAA,EAAS,CAE1D,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAkB,0BAAY,CAE7C,EAAA,CAAA;AAGF,EAAA,4BACG,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAM,WACjC,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA;AAAA,0BACA,WAAY,EAAA,EAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,cAAc,kBAAqB,GAAA,CAAC,kBAAmB,CAAA,EAAE,IAAI,EAAC;AAAA,QAC9D,QAAA,EAAU,CAAC,EAAO,KAAA;AAChB,UAAA,IAAA,CAAK,UAAW,CAAA,MAAA,CAAO,EAAE,CAAC,EAAE,MAAO,EAAA;AAAA,SACrC;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/SortingPickerItem/SortingPickerItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortingPickerItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/SortingPickerItem/SortingPickerItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingPickerItem: FC<Props> = (props) => {\n  const { sorting } = props;\n  return <MenuItemView id={sorting.id}>{sorting.name}</MenuItemView>;\n};\n"],"names":[],"mappings":";;;;AASa,MAAA,iBAAA,GAA+B,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA;AACpB,EAAA,2BAAQ,YAAa,EAAA,EAAA,EAAA,EAAI,OAAQ,CAAA,EAAA,EAAK,kBAAQ,IAAK,EAAA,CAAA;AACrD;;;;"}

package/dist/js/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs

@@ -0,0 +1,87 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import 'invariant';
+import 'luxon';
+import 'react-aria-components';
+import 'clsx';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import '@tabler/icons-react';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
+import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import 'mobx';
+import '../../../../../../lib/controller/overlay/context.mjs';
+import '../../../../../Action/context.mjs';
+import '../../../../../Action/models/ActionStateContext.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import MenuItemView from '../../../../../../views/MenuItemView.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import '../ActiveFilters/ActiveFilters.mjs';
+import '@chakra-ui/live-region';
+import SectionView from '../../../../../../views/SectionView.mjs';
+import HeadingView from '../../../../../../views/HeadingView.mjs';
+import 'object-code';
+import 'react-children-utilities';
+import '../../../../model/List.mjs';
+import '../../../../listContext.mjs';
+
+const ViewModeMenu = () => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const list = useList();
+  const selectedViewMode = list.viewMode;
+  const availableViewModes = [];
+  if (list.itemView?.showList) {
+    availableViewModes.push("list");
+  }
+  if (list.table) {
+    availableViewModes.push("table");
+  }
+  if (list.itemView?.showTiles) {
+    availableViewModes.push("tiles");
+  }
+  if (availableViewModes.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+    /* @__PURE__ */ jsxs(
+      ButtonView,
+      {
+        variant: "outline",
+        color: "secondary",
+        "aria-label": stringFormatter.format("list.settings"),
+        children: [
+          /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`) }),
+          /* @__PURE__ */ jsx(IconView, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(ContextMenu, { selectionMode: "single", selectedKeys: [selectedViewMode], children: /* @__PURE__ */ jsxs(SectionView, { children: [
+      /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.settings.viewMode") }),
+      availableViewModes.map((viewMode) => /* @__PURE__ */ jsx(
+        MenuItemView,
+        {
+          id: viewMode,
+          onAction: () => {
+            list.setViewMode(viewMode);
+          },
+          children: stringFormatter.format(`list.settings.viewMode.${viewMode}`)
+        },
+        viewMode
+      ))
+    ] }) })
+  ] });
+};
+
+export { ViewModeMenu };
+//# sourceMappingURL=ViewModeMenu.mjs.map

package/dist/js/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewModeMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { useList } from \"@/components/List\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport { IconView } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TextView from \"@/views/TextView\";\nimport SectionView from \"@/views/SectionView\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ContextMenu, { ContextMenuTrigger } from \"@/components/ContextMenu\";\n\nexport const ViewModeMenu: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const selectedViewMode = list.viewMode;\n\n  const availableViewModes: ListViewMode[] = [];\n  if (list.itemView?.showList) {\n    availableViewModes.push(\"list\");\n  }\n  if (list.table) {\n    availableViewModes.push(\"table\");\n  }\n  if (list.itemView?.showTiles) {\n    availableViewModes.push(\"tiles\");\n  }\n\n  if (availableViewModes.length <= 1) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTrigger>\n      <ButtonView\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.settings\")}\n      >\n        <TextView>\n          {stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`)}\n        </TextView>\n        <IconView />\n      </ButtonView>\n      <ContextMenu selectionMode=\"single\" selectedKeys={[selectedViewMode]}>\n        <SectionView>\n          <HeadingView>\n            {stringFormatter.format(\"list.settings.viewMode\")}\n          </HeadingView>\n          {availableViewModes.map((viewMode) => (\n            <MenuItemView\n              id={viewMode}\n              key={viewMode}\n              onAction={() => {\n                list.setViewMode(viewMode);\n              }}\n            >\n              {stringFormatter.format(`list.settings.viewMode.${viewMode}`)}\n            </MenuItemView>\n          ))}\n        </SectionView>\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,eAAmB,MAAM;AACpC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,mBAAmB,IAAK,CAAA,QAAA;AAE9B,EAAA,MAAM,qBAAqC,EAAC;AAC5C,EAAI,IAAA,IAAA,CAAK,UAAU,QAAU,EAAA;AAC3B,IAAA,kBAAA,CAAmB,KAAK,MAAM,CAAA;AAAA;AAEhC,EAAA,IAAI,KAAK,KAAO,EAAA;AACd,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,CAAK,UAAU,SAAW,EAAA;AAC5B,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAGjC,EAAI,IAAA,kBAAA,CAAmB,UAAU,CAAG,EAAA;AAClC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,eAAe,CAAA;AAAA,QAElD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACE,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,gBAAgB,EAAE,CACtE,EAAA,CAAA;AAAA,8BACC,QAAS,EAAA,EAAA;AAAA;AAAA;AAAA,KACZ;AAAA,oBACA,GAAA,CAAC,eAAY,aAAc,EAAA,QAAA,EAAS,cAAc,CAAC,gBAAgB,CACjE,EAAA,QAAA,kBAAA,IAAA,CAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WACE,EAAA,EAAA,QAAA,EAAA,eAAA,CAAgB,MAAO,CAAA,wBAAwB,CAClD,EAAA,CAAA;AAAA,MACC,kBAAA,CAAmB,GAAI,CAAA,CAAC,QACvB,qBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA,QAAA;AAAA,UAEJ,UAAU,MAAM;AACd,YAAA,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,WAC3B;AAAA,UAEC,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,QAAQ,CAAE,CAAA;AAAA,SAAA;AAAA,QALvD;AAAA,OAOR;AAAA,KAAA,EACH,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/Items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Items.mjs","sources":["../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode === \"tiles\";\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n        }}\n      >\n        {isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MAEC,QAAA,EAAA,kBAAA,mBAAsB,GAAA,CAAA,aAAA,EAAA,EAAc,CAAK,GAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { cloneElement } from \"react\";\nimport { ListItemSkeletonView } from \"../Item/components/ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n  const fallback = list.itemView?.fallback ?? (\n    <ListItemSkeletonView viewMode={list.viewMode} />\n  );\n\n  return Array.from(Array(5)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      {cloneElement(fallback)}\n    </ItemContainer>\n  ));\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,QAAA,GAAW,KAAK,QAAU,EAAA,QAAA,wBAC7B,oBAAqB,EAAA,EAAA,QAAA,EAAU,KAAK,QAAU,EAAA,CAAA;AAGjD,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,yBACjC,aAAc,EAAA,EAAA,EAAA,EAAI,GAAG,IAAM,EAAA,CAAA,EACzB,uBAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}

package/dist/js/components/src/components/List/components/Items/components/Item/Item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      hasAction={hasAction}\n      isTile={list.viewMode === \"tiles\"}\n      {...gridItemProps}\n    >\n      <Suspense fallback={<ListItemSkeletonView viewMode={list.viewMode} />}>\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode === \"tiles\"}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,IAAA,GAAO,CAAC,KAAiB,KAAA;AACpC,EAAM,MAAA,EAAE,EAAI,EAAA,IAAA,EAAS,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAS,EAAA,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,YAAY,QAAS,CAAA,SAAA,GAAY,QAAS,CAAA,SAAA,CAAU,IAAI,CAAI,GAAA,MAAA;AAClE,EAAA,MAAM,OAAO,QAAS,CAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAc,CAAA,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MACzB,GAAG,aAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,YAAS,QAAU,kBAAA,GAAA,CAAC,wBAAqB,QAAU,EAAA,IAAA,CAAK,QAAU,EAAA,CAAA,EAChE,QACH,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MAEzB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconChevronDown } from '../../../../../../Icon/components/icons/IconChevronDown.mjs';
+import { IconChevronUp } from '../../../../../../Icon/components/icons/IconChevronUp.mjs';
+import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import ButtonView from '../../../../../../../views/ButtonView.mjs';
+
+const AccordionButton = (props) => {
+  const { isExpanded, toggle, children, contentElementId } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ButtonView,
+      {
+        variant: "plain",
+        color: "secondary",
+        onPress: toggle,
+        "aria-label": stringFormatter.format(
+          "list.toggleExpandButton." + (isExpanded ? "collapse" : "expand")
+        ),
+        "aria-controls": contentElementId,
+        "aria-expanded": isExpanded,
+        children: isExpanded ? /* @__PURE__ */ jsx(IconChevronUp, {}) : /* @__PURE__ */ jsx(IconChevronDown, {})
+      }
+    ),
+    isExpanded && children
+  ] });
+};
+
+export { AccordionButton };
+//# sourceMappingURL=AccordionButton.mjs.map

package/dist/js/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionButton.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/components/AccordionButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\ninterface Props extends PropsWithChildren {\n  isExpanded: boolean;\n  toggle: () => void;\n  contentElementId: string;\n}\n\nexport const AccordionButton: FC<Props> = (props) => {\n  const { isExpanded, toggle, children, contentElementId } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <>\n      <ButtonView\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={toggle}\n        aria-label={stringFormatter.format(\n          \"list.toggleExpandButton.\" + (isExpanded ? \"collapse\" : \"expand\"),\n        )}\n        aria-controls={contentElementId}\n        aria-expanded={isExpanded}\n      >\n        {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n      </ButtonView>\n      {isExpanded && children}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgBa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,EAAE,UAAA,EAAY,MAAQ,EAAA,QAAA,EAAU,kBAAqB,GAAA,KAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,OAAS,EAAA,MAAA;AAAA,QACT,cAAY,eAAgB,CAAA,MAAA;AAAA,UAC1B,0BAAA,IAA8B,aAAa,UAAa,GAAA,QAAA;AAAA,SAC1D;AAAA,QACA,eAAe,EAAA,gBAAA;AAAA,QACf,eAAe,EAAA,UAAA;AAAA,QAEd,QAAa,EAAA,UAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA;AAAA;AAAA,KACrD;AAAA,IACC,UAAc,IAAA;AAAA,GACjB,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSkeletonView.mjs","sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.tsx"],"sourcesContent":["import type { ListViewMode } from \"@/components/List/model/types\";\nimport AvatarView from \"@/views/AvatarView\";\nimport FragmentView from \"@/views/FragmentView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\n\nexport interface ListItemSkeletonViewProps {\n  viewMode: ListViewMode;\n}\n\nexport const ListItemSkeletonView: FC<ListItemSkeletonViewProps> = (props) => {\n  const { viewMode } = props;\n\n  const showTiles = viewMode === \"tiles\";\n\n  return (\n    <ListItemViewContentView\n      viewMode={viewMode}\n      title={\n        <FragmentView>\n          <HeadingView>\n            <SkeletonTextView width=\"200px\" />\n          </HeadingView>\n        </FragmentView>\n      }\n      avatar={\n        showTiles && (\n          <FragmentView>\n            <AvatarView>\n              <SkeletonView style={{ aspectRatio: 16 / 9 }} />\n            </AvatarView>\n          </FragmentView>\n        )\n      }\n      subTitle={\n        <FragmentView>\n          <TextView>\n            <SkeletonTextView width=\"300px\" />\n          </TextView>\n        </FragmentView>\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAca,MAAA,oBAAA,GAAsD,CAAC,KAAU,KAAA;AAC5E,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AAErB,EAAA,MAAM,YAAY,QAAa,KAAA,OAAA;AAE/B,EACE,uBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA,kBACG,GAAA,CAAA,YAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EACC,8BAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,EAClC,CACF,EAAA,CAAA;AAAA,MAEF,MACE,EAAA,SAAA,oBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,WAAa,EAAA,EAAA,GAAK,CAAE,EAAA,EAAG,GAChD,CACF,EAAA,CAAA;AAAA,MAGJ,QAAA,kBACG,GAAA,CAAA,YAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,EAClC,CACF,EAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import locales from '../../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconContextMenu } from '../../../../../../../Icon/components/icons/IconContextMenu.mjs';
+import ButtonView from '../../../../../../../../views/ButtonView.mjs';
+import 'mobx';
+import '../../../../../../../../lib/controller/overlay/context.mjs';
+import 'invariant';
+import '../../../../../../../Action/context.mjs';
+import '../../../../../../../Action/models/ActionStateContext.mjs';
+import 'react-aria-components';
+import { ContextMenuTrigger } from '../../../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+
+const OptionsButton = (props) => {
+  const { className, children } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+    /* @__PURE__ */ jsx(
+      ButtonView,
+      {
+        variant: "plain",
+        color: "secondary",
+        className,
+        "aria-label": stringFormatter.format("list.options"),
+        tunnelId: null,
+        children: /* @__PURE__ */ jsx(IconContextMenu, {})
+      }
+    ),
+    children
+  ] });
+};
+
+export { OptionsButton, OptionsButton as default };
+//# sourceMappingURL=OptionsButton.mjs.map

package/dist/js/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsButton.mjs","sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport locales from \"../../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { ContextMenuTrigger } from \"@/components/ContextMenu\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {}\n\nexport const OptionsButton: FC<Props> = (props) => {\n  const { className, children } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <ContextMenuTrigger>\n      <ButtonView\n        variant=\"plain\"\n        color=\"secondary\"\n        className={className}\n        aria-label={stringFormatter.format(\"list.options\")}\n        tunnelId={null}\n      >\n        <IconContextMenu />\n      </ButtonView>\n      {children}\n    </ContextMenuTrigger>\n  );\n};\n\nexport default OptionsButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAM,MAAA,EAAE,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAChC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,4BACG,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,SAAA;AAAA,QACA,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,cAAc,CAAA;AAAA,QACjD,QAAU,EAAA,IAAA;AAAA,QAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KACnB;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridItemProps.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React, { useEffect, useId, useRef, useState } from \"react\";\nimport { useList } from \"@/components/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useGridItemProps = (props: P) => {\n  const { data, children: childrenFromProps } = props;\n  const list = useList();\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      gridItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    gridItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,gBAAA,GAAmB,CAAC,KAAa,KAAA;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,iBAAA,EAAsB,GAAA,KAAA;AAC9C,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AACtB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,QAAA,EAAU,eAAkB,GAAA,IAAI,CAAK,IAAA;AAAA,GACvC;AACA,EAAA,MAAM,mBAAmB,KAAM,EAAA;AAC/B,EAAM,MAAA,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,MAAM,YAAY,IAAK,CAAA,SAAA;AACvB,EAAA,MAAM,QAAW,GAAA,iBAAA,IAAqB,QAAU,EAAA,MAAA,CAAO,IAAI,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,OAAA,CAAQ,OAAS,EAAA,YAAA,CAAa,eAAiB,EAAA,MAAA,CAAO,UAAU,CAAC,CAAA;AACjE,MAAQ,OAAA,CAAA,OAAA,EAAS,YAAa,CAAA,eAAA,EAAiB,gBAAgB,CAAA;AAAA;AACjE,KACC,CAAC,UAAA,EAAY,kBAAkB,OAAQ,CAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA;AAAA,MACL,aAAe,EAAA;AAAA,QACb,QAAA,EAAU,WACN,MAAM;AACJ,UAAA,QAAA,GAAW,IAAI,CAAA;AAAA,SAEjB,GAAA;AAAA,OACN;AAAA,MACA;AAAA,KACF;AAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAc,aAAA,CAAA,CAAC,OAAY,KAAA,CAAC,OAAO,CAAA;AACnC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,EAAA,EAAI,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,mBAAmB,MAAU,CAAA;AAAA,MACvE,QAAU,EAAA,OAAA;AAAA,QAAQ,CAAC,CAAA,KACjB,CAAE,CAAA,IAAA,KAAS,QACT,mBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,gBAAA;AAAA,YACA,MAAQ,EAAA,eAAA;AAAA,YACR;AAAA;AAAA,SAEA,GAAA;AAAA;AACN;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,GAAK,EAAA,OAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QACE,kBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,gBAAA,EAAkB,UAAU,CAAA;AAAA,QAE1C;AAAA;AAAA;AACH,GAEJ;AACF;;;;"}

package/dist/js/components/src/components/List/components/Items/views/GridList/GridList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridList.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/views/GridList/GridList.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport { EmptyView } from \"@/components/List/views/EmptyView\";\n\nexport type GridListProps = Aria.GridListProps<never>;\n\n/** @flr-generate all */\nexport const GridList: FC<GridListProps> = (props) => {\n  return <Aria.GridList {...props} renderEmptyState={() => <EmptyView />} />;\n};\n\nexport default GridList;\n"],"names":[],"mappings":";;;;AAOa,MAAA,QAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAO,uBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,OAAO,gBAAkB,EAAA,sBAAO,GAAA,CAAA,SAAA,EAAA,EAAU,CAAI,EAAA,CAAA;AAC1E;;;;"}

package/dist/js/components/src/components/List/components/Items/views/GridListItem/GridListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridListItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\n\nexport type GridListItemProps = Aria.GridListItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const GridListItem: FC<GridListItemProps> = (props) => {\n  const { hasAction, isTile, ...restProps } = props;\n  return (\n    <Aria.GridListItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    />\n  );\n};\n\nexport default GridListItem;\n"],"names":[],"mappings":";;;;;AAWa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,MAAQ,EAAA,GAAG,WAAc,GAAA,KAAA;AAC5C,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,YAAA;AAAA,IAAL;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAC,WACV,KAAA,IAAA;AAAA,QACE,MAAO,CAAA,IAAA;AAAA,QACP,aAAa,MAAO,CAAA,SAAA;AAAA,QACpB,UAAU,MAAO,CAAA,IAAA;AAAA,QACjB,WAAA,CAAY,cAAc,MAAO,CAAA;AAAA;AACnC;AAAA,GAEJ;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/ListItemView/ListItemView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport FragmentView from \"@/views/FragmentView\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\n\nexport type ListItemViewProps = PropsWithChildren;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n  const { children } = props;\n  const list = useList();\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      tunnelId: \"button\",\n      wrapWith: <OptionsButton className={styles.action} />,\n    },\n    Button: {\n      tunnelId: \"button\",\n    },\n    ActionGroup: {\n      tunnelId: \"button\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Avatar: {\n      tunnelId: \"avatar\",\n    },\n    Heading: {\n      tunnelId: \"title\",\n    },\n    Text: {\n      tunnelId: \"text\",\n    },\n    Content: {\n      tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n    },\n    Checkbox: {\n      tunnelId: \"checkbox\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <TunnelProvider>\n        <ListItemViewContentView\n          viewMode={list.viewMode}\n          title={\n            <FragmentView>\n              <TunnelExit id=\"title\" />\n            </FragmentView>\n          }\n          avatar={\n            <FragmentView>\n              <TunnelExit id=\"avatar\" />\n            </FragmentView>\n          }\n          button={\n            <FragmentView>\n              <TunnelExit id=\"button\" />\n            </FragmentView>\n          }\n          subTitle={\n            <FragmentView>\n              <TunnelExit id=\"text\" />\n            </FragmentView>\n          }\n          bottom={\n            <FragmentView>\n              <TunnelExit id=\"bottom\" />\n            </FragmentView>\n          }\n          checkbox={\n            <FragmentView>\n              <TunnelExit id=\"checkbox\" />\n            </FragmentView>\n          }\n        >\n          {children}\n        </ListItemViewContentView>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,QAAU,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,OAAO,MAAQ,EAAA;AAAA,KACrD;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAA,EAAU,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,WAAW,MAAU;AAAA,KACvE;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,uBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAEF,0BACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAO,CACxB,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAEF,0BACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAW,CAC5B,EAAA,CAAA;AAAA,MAGD;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\n\nexport type ListItemViewContentProps = PropsWithChildren & {\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  avatar?: ReactNode;\n  button?: ReactNode;\n  bottom?: ReactNode;\n  checkbox?: ReactNode;\n  viewMode?: ListViewMode;\n};\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={className}>\n        {viewMode === \"list\" && (\n          <>\n            <div className={styles.contentWrapper}>\n              <div className={styles.content}>\n                {children}\n                <div className={styles.header}>\n                  <div className={styles.checkboxContainer}>{checkbox}</div>\n                  {avatar}\n                  <div className={styles.title}>\n                    {title}\n                    <div className={styles.subTitle}>{subTitle}</div>\n                  </div>\n                </div>\n              </div>\n              {button}\n            </div>\n            {bottom}\n          </>\n        )}\n\n        {viewMode === \"tiles\" && (\n          <>\n            <div className={styles.avatarContainer}>{avatar}</div>\n            <div className={styles.content}>\n              <div className={styles.header}>\n                <div className={styles.checkboxContainer}>{checkbox}</div>\n                <div className={styles.title}>\n                  {title}\n                  <div className={styles.subTitle}>{subTitle}</div>\n                </div>\n              </div>\n              {button}\n              {children}\n              {bottom}\n            </div>\n          </>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/List/components/ListSummary/ListSummary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSummary.mjs","sources":["../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children } = props;\n\n  return (\n    <header className={styles.listSummary} {...props}>\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"names":[],"mappings":";;;;;AAWO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AAErB,EAAA,2BACG,QAAO,EAAA,EAAA,SAAA,EAAW,OAAO,WAAc,EAAA,GAAG,OACxC,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}