ballerina-core 1.0.218 → 1.0.220

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/table/template.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { List, Map, Set } from "immutable";
+import { List, Map, OrderedMap, Set } from "immutable";
 import {
   id,
   PredicateValue,
   TableAbstractRendererState,
   TableLayout,
-  ValueInfiniteStreamTemplate,
   Expr,
   ValueOrErrors,
   replaceWith,
@@ -15,41 +14,49 @@ import {
   Option,
   MapRepo,
   ValueTable,
+  ListRepo,
+  Updater,
+  ValueUnit,
 } from "../../../../../../../../main";
 import { Template } from "../../../../../../../template/state";
-import { ValueInfiniteStreamState } from "../../../../../../../value-infinite-data-stream/state";
-import { TableReinitialiseRunner, TableRunner } from "./coroutines/runner";
-const EmbeddedValueInfiniteStreamTemplate = () =>
-  ValueInfiniteStreamTemplate.mapContext((_) => _.customFormState.stream)
-    .mapState(
-      TableAbstractRendererState.Updaters.Core.customFormState.children.stream,
-    )
-    .mapForeignMutationsFromProps((props) =>
-      Object.assign({}, props.foreignMutations),
-    );
+import {
+  TableInfiniteLoaderRunner,
+  TableInitialiseFiltersAndSortingRunner,
+  TableInitialiseTableRunner,
+} from "./coroutines/runner";
 export const TableAbstractRenderer = (
   CellTemplates,
   DetailsRenderer,
   Layout,
   IdProvider,
   ErrorRenderer,
-  SerializedType,
   TableEntityType,
+  Filters,
+  parseToApiByType,
+  parseFromApiByType,
+  fromTableApiParser,
+  tableApiSource,
 ) => {
-  const InstantiatedTableRunner = TableRunner();
-  const InstantiatedTableReinitialiseRunner = TableReinitialiseRunner();
-  const InstantiatedEmbeddedValueInfiniteStreamTemplate =
-    EmbeddedValueInfiniteStreamTemplate();
+  const InstantiatedInfiniteLoaderRunner = TableInfiniteLoaderRunner(
+    tableApiSource,
+    fromTableApiParser,
+  );
+  const InstantiatedInitialiseFiltersAndSortingRunner =
+    TableInitialiseFiltersAndSortingRunner(
+      Filters.map(({ filters }) => filters),
+      tableApiSource,
+      parseFromApiByType,
+      parseToApiByType,
+    );
+  const InstantiatedInitialiseTableRunner = TableInitialiseTableRunner(
+    tableApiSource,
+    fromTableApiParser,
+  );
   const embedCellTemplate =
-    (column, cellTemplate) =>
-    (chunkIndex) =>
-    (rowId) =>
-    (value) =>
-    (disabled) =>
-    (flags) =>
+    (column, cellTemplate) => (rowId) => (value) => (disabled) => (flags) =>
       cellTemplate
         .mapContext((_) => {
-          var _a, _b;
+          var _a;
           const rowState = _.customFormState.rowStates.get(rowId);
           const cellState =
             (_a =
@@ -58,32 +65,25 @@ export const TableAbstractRenderer = (
                 : rowState.fieldStates.get(column)) !== null && _a !== void 0
               ? _a
               : CellTemplates.get(column).GetDefaultState();
-          const rowValue =
-            (_b = _.customFormState.stream.loadedElements.get(chunkIndex)) ===
-              null || _b === void 0
-              ? void 0
-              : _b.data.get(rowId);
+          const rowValue = _.value.data.get(rowId);
           if (rowValue == undefined) {
-            console.error(`Row value is undefined for row ${rowId} in chunk ${chunkIndex}\n
-              ...When rendering table field\n
-              ...${SerializedType}`);
+            console.error(`Row value is undefined for row ${rowId}\n
+              ...When rendering table field ${column}\n
+              ...${_.domNodeAncestorPath}`);
             return undefined;
           }
           return Object.assign(Object.assign({ value }, cellState), {
             disabled: disabled || _.disabled,
+            locked: _.locked,
             bindings: _.bindings.set("local", rowValue),
             extraContext: _.extraContext,
             type: TableEntityType.fields.get(column),
             customPresentationContext: _.customPresentationContext,
             remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            serializedTypeHierarchy: [SerializedType].concat(
-              _.serializedTypeHierarchy,
-            ),
-            domNodeTypeHierarchy: [
-              `[${column}]`,
-              `[${rowId}]`,
-              SerializedType,
-            ].concat(_.domNodeTypeHierarchy),
+            typeAncestors: [_.type].concat(_.typeAncestors),
+            domNodeAncestorPath:
+              _.domNodeAncestorPath + `[table][cell][${rowId}][${column}]`,
+            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
           });
         })
         .mapState((updater) =>
@@ -128,15 +128,6 @@ export const TableAbstractRenderer = (
                   TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
                     replaceWith(true),
                   ),
-                )
-                .then(
-                  TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                    ValueInfiniteStreamState.Updaters.Template.updateChunkValueItem(
-                      chunkIndex,
-                      rowId,
-                      column,
-                    )(nestedUpdater.kind == "r" ? nestedUpdater.value : id),
-                  ),
                 ),
             );
             const nestedRecordDelta = {
@@ -144,12 +135,16 @@ export const TableAbstractRenderer = (
               field: [column, nestedDelta],
               recordType: TableEntityType,
               flags: undefined,
+              sourceAncestorLookupTypeNames:
+                nestedDelta.sourceAncestorLookupTypeNames,
             };
             const delta = {
               kind: "TableValue",
               id: rowId,
               nestedDelta: nestedRecordDelta,
               flags,
+              sourceAncestorLookupTypeNames:
+                nestedDelta.sourceAncestorLookupTypeNames,
             };
             const updater =
               nestedUpdater.kind == "l"
@@ -171,91 +166,115 @@ export const TableAbstractRenderer = (
   const embedDetailsRenderer = DetailsRenderer
     ? (flags) =>
         DetailsRenderer.mapContext((_) => {
-          var _a, _b;
-          if (_.customFormState.selectedDetailRow == undefined) {
+          var _a;
+          const { selectedDetailRow } = _.customFormState;
+          if (selectedDetailRow == undefined) {
             console.error(`Selected detail row is undefined\n
               ...When rendering table field\n
-              ...${SerializedType}`);
+              ...${_.domNodeAncestorPath}`);
             return undefined;
           }
-          const value =
-            (_a = _.customFormState.stream.loadedElements.get(
-              _.customFormState.selectedDetailRow[0],
-            )) === null || _a === void 0
-              ? void 0
-              : _a.data.get(_.customFormState.selectedDetailRow[1]);
+          if (
+            !PredicateValue.Operations.IsString(selectedDetailRow) &&
+            !PredicateValue.Operations.IsUnit(selectedDetailRow)
+          ) {
+            console.error(`Selected detail row is not a string or unit\n
+              ...When rendering table field\n
+              ...${_.domNodeAncestorPath}`);
+            return undefined;
+          }
+          const value = PredicateValue.Operations.IsUnit(selectedDetailRow)
+            ? ValueUnit.Default()
+            : _.value.data.get(selectedDetailRow);
           if (value == undefined) {
             console.error(`Value is undefined for selected detail row\n
               ...When rendering table field\n
-              ...${SerializedType}`);
+              ...${_.domNodeAncestorPath}`);
             return undefined;
           }
-          const rowState =
-            (_b = _.customFormState.rowStates.get(
-              _.customFormState.selectedDetailRow[1],
-            )) !== null && _b !== void 0
-              ? _b
-              : RecordAbstractRendererState.Default.fieldState(Map());
+          const rowState = PredicateValue.Operations.IsString(selectedDetailRow)
+            ? (_a = _.customFormState.rowStates.get(selectedDetailRow)) !==
+                null && _a !== void 0
+              ? _a
+              : RecordAbstractRendererState.Default.fieldState(Map())
+            : RecordAbstractRendererState.Default.fieldState(Map());
           return Object.assign(Object.assign({ value }, rowState), {
             disabled: _.disabled,
+            locked: _.locked,
             bindings: _.bindings.set("local", value),
             extraContext: _.extraContext,
             type: TableEntityType,
             customPresentationContext: _.customPresentationContext,
             remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            serializedTypeHierarchy: [SerializedType].concat(
-              _.serializedTypeHierarchy,
-            ),
-            domNodeTypeHierarchy: ["[details]", SerializedType].concat(
-              _.domNodeTypeHierarchy,
-            ),
+            typeAncestors: [_.type].concat(_.typeAncestors),
+            domNodeAncestorPath: _.domNodeAncestorPath + "[table][details]",
+            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
           });
         })
           .mapStateFromProps(([props, updater]) => {
-            if (props.context.customFormState.selectedDetailRow == undefined) {
+            const { selectedDetailRow } = props.context.customFormState;
+            if (selectedDetailRow == undefined) {
               console.error(`Selected detail row is undefined\n
                 ...When rendering table detail view \n
-                ...${SerializedType}`);
+                ...${props.context.domNodeAncestorPath}`);
+              return id;
+            }
+            if (!PredicateValue.Operations.IsString(selectedDetailRow)) {
               return id;
             }
             return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
               MapRepo.Updaters.upsert(
-                props.context.customFormState.selectedDetailRow[1],
+                selectedDetailRow,
                 () => RecordAbstractRendererState.Default.fieldState(Map()),
                 updater,
               ),
             );
           })
           .mapForeignMutationsFromProps((props) => ({
-            onChange: (_, nestedDelta) => {
-              if (
-                props.context.customFormState.selectedDetailRow == undefined
-              ) {
+            onChange: (nestedUpdater, nestedDelta) => {
+              const { selectedDetailRow } = props.context.customFormState;
+              if (selectedDetailRow == undefined) {
                 console.error(`Selected detail row is undefined\n
                   ...When rendering table field\n
-                  ...${SerializedType}`);
+                  ...${props.context.domNodeAncestorPath}`);
                 return id;
               }
-              props.setState(
-                TableAbstractRendererState.Updaters.Core.commonFormState.children
-                  .modifiedByUser(replaceWith(true))
-                  .then(
-                    TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                      ValueInfiniteStreamState.Updaters.Template.updateChunkValue(
-                        props.context.customFormState.selectedDetailRow[0],
-                        props.context.customFormState.selectedDetailRow[1],
-                      )(_.kind == "r" ? _.value : id),
-                    ),
+              if (
+                !PredicateValue.Operations.IsString(selectedDetailRow) &&
+                !PredicateValue.Operations.IsUnit(selectedDetailRow)
+              ) {
+                console.error(`Selected detail row is not a string or unit\n
+                    ...When rendering table field\n
+                    ...${props.context.domNodeAncestorPath}`);
+                return id;
+              }
+              if (PredicateValue.Operations.IsString(selectedDetailRow)) {
+                props.setState(
+                  TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
+                    replaceWith(true),
                   ),
-              );
-              // TODO, different delta for details
-              const delta = {
-                kind: "TableValue",
-                id: props.context.customFormState.selectedDetailRow[1],
-                nestedDelta: nestedDelta,
-                flags,
-              };
-              props.foreignMutations.onChange(Option.Default.none(), delta);
+                );
+                const delta = {
+                  kind: "TableValue",
+                  id: selectedDetailRow,
+                  nestedDelta: nestedDelta,
+                  flags,
+                  sourceAncestorLookupTypeNames:
+                    nestedDelta.sourceAncestorLookupTypeNames,
+                };
+                const updater =
+                  nestedUpdater.kind == "l"
+                    ? nestedUpdater
+                    : Option.Default.some(
+                        ValueTable.Updaters.data(
+                          MapRepo.Updaters.update(
+                            selectedDetailRow,
+                            nestedUpdater.value,
+                          ),
+                        ),
+                      );
+                props.foreignMutations.onChange(updater, delta);
+              }
             },
           }))
     : undefined;
@@ -263,26 +282,60 @@ export const TableAbstractRenderer = (
     embedCellTemplate(column, cellTemplate.template),
   );
   const ColumnLabels = CellTemplates.map((cellTemplate) => cellTemplate.label);
+  const EmbeddedAllowedFilters = Filters.map((filter, columnName) =>
+    Object.assign(Object.assign({}, filter), {
+      filters: filter.filters.args,
+      template: (index) =>
+        filter.template
+          .mapContext((_) => {
+            var _a, _b;
+            return Object.assign(
+              {
+                value: _.value,
+                locked: _.locked,
+                disabled: _.disabled,
+                bindings: _.bindings,
+                extraContext: _.extraContext,
+                type: filter.type,
+                label: _.label,
+                tooltip: _.tooltip,
+                details: _.details,
+                customPresentationContext: _.customPresentationContext,
+                remoteEntityVersionIdentifier: "",
+                domNodeAncestorPath: "",
+                typeAncestors: [],
+                lookupTypeAncestorNames: [],
+              },
+              (_b =
+                (_a = _.customFormState.filterStates.get(columnName)) ===
+                  null || _a === void 0
+                  ? void 0
+                  : _a.get(index)) !== null && _b !== void 0
+                ? _b
+                : filter.GetDefaultState(),
+            );
+          })
+          .mapState((_) =>
+            TableAbstractRendererState.Updaters.Core.customFormState.children.filterStates(
+              MapRepo.Updaters.upsert(
+                columnName,
+                () => List([filter.GetDefaultState()]),
+                ListRepo.Updaters.update(index, Updater(_)),
+              ),
+            ),
+          ),
+    }),
+  );
   return Template.Default((props) => {
-    var _a;
-    const completeSerializedTypeHierarchy = [SerializedType].concat(
-      props.context.serializedTypeHierarchy,
-    );
-    const domNodeTypeHierarchy = [SerializedType].concat(
-      props.context.domNodeTypeHierarchy,
-    );
-    const domNodeId = domNodeTypeHierarchy.join(".");
+    const domNodeId = props.context.domNodeAncestorPath + "[table]";
     if (!PredicateValue.Operations.IsTable(props.context.value)) {
       console.error(
-        `TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${SerializedType}`,
+        `TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${domNodeId}`,
       );
       return _jsx(ErrorRenderer, {
-        message: `${SerializedType}: Table value expected for table but got ${JSON.stringify(props.context.value)}`,
+        message: `${domNodeId}: Table value expected but got ${JSON.stringify(props.context.value)}`,
       });
     }
-    if (props.context.customFormState.initializationStatus !== "initialized") {
-      return _jsx(_Fragment, {});
-    }
     const updatedBindings = props.context.bindings.set(
       "local",
       props.context.value,
@@ -294,7 +347,7 @@ export const TableAbstractRenderer = (
     if (visibleColumns.kind == "errors") {
       console.error(visibleColumns.errors.map((error) => error).join("\n"));
       return _jsx(ErrorRenderer, {
-        message: `${SerializedType}: Error while computing visible columns, check console`,
+        message: `${domNodeId}: Error while computing visible columns, check console`,
       });
     }
     // TODO we currently only calculated disabled status on a column basis, predicates will break if we
@@ -322,39 +375,40 @@ export const TableAbstractRenderer = (
     if (disabledColumnKeys.kind == "errors") {
       console.error(disabledColumnKeys.errors.map((error) => error).join("\n"));
       return _jsx(ErrorRenderer, {
-        message: `${SerializedType}: Error while computing disabled column keys, check console`,
+        message: `${domNodeId}: Error while computing disabled column keys, check console`,
       });
     }
     const disabledColumnKeysSet = Set(
       disabledColumnKeys.value.filter((fieldName) => fieldName != null),
     );
-    const hasMoreValues =
-      (_a = props.context.customFormState.stream.loadedElements.last()) ===
-        null || _a === void 0
-        ? void 0
-        : _a.hasMoreValues;
+    const hasMoreValues = props.context.value.hasMoreValues;
+    const validVisibleColumns = visibleColumns.value.columns.filter((_) =>
+      CellTemplates.keySeq().toArray().includes(_),
+    );
     const embeddedTableData =
-      props.context.customFormState.stream.loadedElements.flatMap(
-        (chunk, chunkIndex) =>
-          chunk.data.map((rowData, rowId) =>
+      props.context.customFormState.loadingState != "loaded"
+        ? OrderedMap()
+        : props.context.value.data.map((rowData, rowId) =>
             rowData.fields
-              .filter((_, column) =>
-                visibleColumns.value.columns.includes(column),
-              )
-              .map((_, column) => {
-                const result = EmbeddedCellTemplates.get(column);
-                if (result == undefined) {
-                  console.error(
-                    "Visible column defined which is not in column renderers",
-                    column,
-                  );
-                  // TODO -- better error handling
-                }
-                return EmbeddedCellTemplates.get(column)(chunkIndex)(rowId)(
+              .filter((_, column) => validVisibleColumns.includes(column))
+              .map((_, column) =>
+                EmbeddedCellTemplates.get(column)(rowId)(
                   rowData.fields.get(column),
-                )(disabledColumnKeysSet.has(column));
-              }),
-          ),
+                )(disabledColumnKeysSet.has(column)),
+              ),
+          );
+    if (props.context.customFormState.isFilteringInitialized == false) {
+      return _jsx(_Fragment, {});
+    }
+    // Detail row may have been deleted from outside the table
+    const isSelectedDetailRowValid =
+      props.context.customFormState.selectedDetailRow != undefined &&
+      !PredicateValue.Operations.IsUnit(
+        props.context.customFormState.selectedDetailRow,
+      ) &&
+      props.context.value.data.size > 0 &&
+      props.context.value.data.has(
+        props.context.customFormState.selectedDetailRow,
       );
     return _jsx(_Fragment, {
       children: _jsx(IdProvider, {
@@ -363,31 +417,34 @@ export const TableAbstractRenderer = (
           props.view,
           Object.assign({}, props, {
             context: Object.assign(Object.assign({}, props.context), {
+              customFormState: Object.assign(
+                Object.assign({}, props.context.customFormState),
+                {
+                  selectedDetailRow: isSelectedDetailRowValid
+                    ? props.context.customFormState.selectedDetailRow
+                    : undefined,
+                },
+              ),
               domNodeId,
-              tableHeaders: visibleColumns.value.columns,
+              tableHeaders: validVisibleColumns,
               columnLabels: ColumnLabels,
               hasMoreValues: !!hasMoreValues,
-              completeSerializedTypeHierarchy,
               tableEntityType: TableEntityType,
             }),
             foreignMutations: Object.assign(
               Object.assign({}, props.foreignMutations),
               {
-                loadMore: () =>
-                  props.setState(
-                    TableAbstractRendererState.Updaters.Template.loadMore(),
-                  ),
-                selectDetailView: (rowId) => {
-                  const chunkIndex =
-                    ValueInfiniteStreamState.Operations.getChunkIndexForValue(
-                      props.context.customFormState.stream,
-                      rowId,
+                loadMore: () => {
+                  if (props.context.customFormState.isFilteringInitialized) {
+                    props.setState(
+                      TableAbstractRendererState.Updaters.Template.loadMore(),
                     );
+                  }
+                },
+                selectDetailView: (rowId) => {
                   props.setState(
                     TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(
-                      chunkIndex.kind == "value"
-                        ? replaceWith([chunkIndex.value, rowId])
-                        : id,
+                      replaceWith(rowId),
                     ),
                   );
                 },
@@ -421,6 +478,8 @@ export const TableAbstractRenderer = (
                       const delta = {
                         kind: "TableAddEmpty",
                         flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -431,10 +490,6 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
-                        ).then(
-                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
-                            true,
-                          ),
                         ),
                       );
                     },
@@ -445,6 +500,8 @@ export const TableAbstractRenderer = (
                         kind: "TableRemove",
                         id: k,
                         flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -455,10 +512,6 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
-                        ).then(
-                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
-                            true,
-                          ),
                         ),
                       );
                     },
@@ -470,6 +523,8 @@ export const TableAbstractRenderer = (
                         id: k,
                         to,
                         flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -480,10 +535,6 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
-                        ).then(
-                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
-                            true,
-                          ),
                         ),
                       );
                     },
@@ -494,6 +545,8 @@ export const TableAbstractRenderer = (
                         kind: "TableDuplicate",
                         id: k,
                         flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -504,25 +557,67 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
-                        ).then(
-                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
-                            true,
-                          ),
                         ),
                       );
                     },
+                updateFilters: (filters, shouldReload) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.updateFilters(
+                      filters,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                      shouldReload,
+                    ),
+                  );
+                },
+                addSorting: (columnName, direction) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.addSorting(
+                      columnName,
+                      direction,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                    ),
+                  );
+                },
+                removeSorting: (columnName) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.removeSorting(
+                      columnName,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                    ),
+                  );
+                },
+                reloadFrom0: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.reloadFrom0(),
+                  ),
               },
             ),
             DetailsRenderer: embedDetailsRenderer,
             TableData: embeddedTableData,
+            AllowedFilters: EmbeddedAllowedFilters,
+            AllowedSorting: props.context.sorting,
+            HighlightedFilters: props.context.highlightedFilters,
+            isFilteringSortAndLoadingEnabled:
+              props.context.customFormState.isFilteringInitialized,
           }),
         ),
       }),
     });
   }).any([
-    InstantiatedTableRunner,
-    InstantiatedTableReinitialiseRunner,
-    InstantiatedEmbeddedValueInfiniteStreamTemplate,
+    InstantiatedInfiniteLoaderRunner.mapContextFromProps((props) =>
+      Object.assign(Object.assign({}, props.context), {
+        onChange: props.foreignMutations.onChange,
+      }),
+    ),
+    InstantiatedInitialiseFiltersAndSortingRunner,
+    InstantiatedInitialiseTableRunner.mapContextFromProps((props) =>
+      Object.assign(Object.assign({}, props.context), {
+        onChange: props.foreignMutations.onChange,
+      }),
+    ),
   ]);
 };
 //# sourceMappingURL=template.js.map