npm - @symbiote-native/angular - Versions diffs - 3.3.0 → 3.4.0 - Mend

@symbiote-native/angular 3.3.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/build/angular/components/virtualized-list/list-styles.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ export type IListStyleInput = {
     hasHeader: boolean;
     style: IStyleProp<IViewStyle> | undefined;
     contentContainerStyle: IStyleProp<IViewStyle> | undefined;
+    listHeaderComponentStyle: IStyleProp<IViewStyle> | undefined;
+    listFooterComponentStyle: IStyleProp<IViewStyle> | undefined;
     anchorStyle: unknown;
     maintainVisibleContentPosition: IMaintainVisibleContentPosition | undefined;
 };
@@ -17,6 +19,8 @@ export type IListStyles = {
     style: IViewStyle | undefined;
     contentContainerStyle: IStyleProp<IViewStyle> | undefined;
     cellStyle: IViewStyle | undefined;
+    headerStyle: IViewStyle | undefined;
+    footerStyle: IViewStyle | undefined;
     maintainVisibleContentPosition: IMaintainVisibleContentPosition | undefined;
 };
 export declare function resolveListStyles(input: IListStyleInput): IListStyles;

package/build/angular/components/virtualized-list/list-styles.js CHANGED Viewed

@@ -1,7 +1,10 @@
 // The styles a windowed list derives from its inputs each pass. Pure, so the component's recompute
 // only assigns the result
-import { INVERTED_X_STYLE, INVERTED_Y_STYLE, } from '@symbiote-native/components';
+import { INVERTED_X_STYLE, INVERTED_Y_STYLE, cellStyleOf, } from '@symbiote-native/components';
 import { flattenStyle, } from '@symbiote-native/engine';
+function slotStyle(isInverted, inversion, style) {
+    return flattenStyle(isInverted ? [inversion, style] : style);
+}
 export function resolveListStyles(input) {
     const inversion = input.isHorizontal ? INVERTED_X_STYLE : INVERTED_Y_STYLE;
     const mvcp = input.maintainVisibleContentPosition;
@@ -14,7 +17,12 @@ export function resolveListStyles(input) {
             input.anchorStyle,
             input.isInverted ? [inversion, input.style] : input.style,
         ]),
-        cellStyle: input.isInverted ? inversion : undefined,
+        cellStyle: flattenStyle(cellStyleOf({
+            horizontal: input.isHorizontal,
+            inverted: input.isInverted,
+        })),
+        headerStyle: slotStyle(input.isInverted, inversion, input.listHeaderComponentStyle),
+        footerStyle: slotStyle(input.isInverted, inversion, input.listFooterComponentStyle),
         maintainVisibleContentPosition: mvcp === undefined
             ? undefined
             : {

package/build/angular/components/virtualized-list/list-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-styles.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-styles.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,0BAA0B;AAE1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,~~GACjB~~,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,GAGb,MAAM,yBAAyB,CAAC;~~AA4BjC~~,MAAM,UAAU,iBAAiB,CAAC,KAAsB;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,8BAA8B,CAAC;IAClD,OAAO;QACL,qBAAqB,EAAE,KAAK,CAAC,YAAY;YACvC,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC,qBAAqB;QAC/B,yEAAyE;QACzE,KAAK,EAAE,YAAY,CAAC;YAClB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC1D,CAAC;QACF,SAAS,EAAE,~~KAAK~~,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;~~QACnD~~,8BAA8B,EAC5B,IAAI,KAAK,SAAS;YAChB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,GAAG,IAAI;gBACP,kBAAkB,EAChB,IAAI,CAAC,kBAAkB,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACtD;KACR,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"list-styles.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-styles.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,0BAA0B;AAE1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,GAGb,MAAM,yBAAyB,CAAC;AAiCjC,SAAS,SAAS,CAChB,UAAmB,EACnB,SAAqB,EACrB,KAAyC;IAEzC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAsB;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,8BAA8B,CAAC;IAClD,OAAO;QACL,qBAAqB,EAAE,KAAK,CAAC,YAAY;YACvC,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC,qBAAqB;QAC/B,yEAAyE;QACzE,KAAK,EAAE,YAAY,CAAC;YAClB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC1D,CAAC;QACF,SAAS,EAAE,YAAY,CACrB,WAAW,CAAC;YACV,UAAU,EAAE,KAAK,CAAC,YAAY;YAC9B,QAAQ,EAAE,KAAK,CAAC,UAAU;SAC3B,CAAC,CACH;QACD,WAAW,EAAE,SAAS,CACpB,KAAK,CAAC,UAAU,EAChB,SAAS,EACT,KAAK,CAAC,wBAAwB,CAC/B;QACD,WAAW,EAAE,SAAS,CACpB,KAAK,CAAC,UAAU,EAChB,SAAS,EACT,KAAK,CAAC,wBAAwB,CAC/B;QACD,8BAA8B,EAC5B,IAAI,KAAK,SAAS;YAChB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,GAAG,IAAI;gBACP,kBAAkB,EAChB,IAAI,CAAC,kBAAkB,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACtD;KACR,CAAC;AACJ,CAAC"}

package/build/angular/components/virtualized-list/list-template.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const VIRTUALIZED_LIST_TEMPLATE = "\n @if (isHorizontal) {\n <horizontal-scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n @if (shouldRenderRefreshControl) {\n <refresh-control\n [symbioteHostProps]=\"refreshControlBag()\"\n ></refresh-control>\n }\n\n @if (headerDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n </view>\n }\n\n @if (itemCount === 0) {\n @if (emptyDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n </view>\n }\n } @else {\n @if (leadingSpacerStyle !== null) {\n <view [style]=\"leadingSpacerStyle\"></view>\n }\n @if (forcedStickyCell !== null) {\n <sticky-header\n (layout)=\"handleCellLayout(forcedStickyCell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"forcedStickyCell.context\"\n ></ng-container>\n </sticky-header>\n }\n @if (gapSpacerStyle !== null) {\n <view [style]=\"gapSpacerStyle\"></view>\n }\n @for (cell of windowCells; track cell.key) {\n @if (cell.isSticky) {\n <sticky-header\n (layout)=\"handleCellLayout(cell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"cell.context\"\n ></ng-container>\n @if (cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"cell.separatorContext\"\n ></ng-container>\n }\n </sticky-header>\n } @else {\n <view\n (layout)=\"handleCellLayout(cell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"cell.context\"\n ></ng-container>\n @if (cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"cell.separatorContext\"\n ></ng-container>\n }\n </view>\n }\n }\n @if (trailingSpacerStyle !== null) {\n <view [style]=\"trailingSpacerStyle\"></view>\n }\n }\n\n @if (footerDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n </view>\n }\n </horizontal-scroll-view>\n } @else {\n <scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n @if (shouldRenderRefreshControl) {\n <refresh-control\n [symbioteHostProps]=\"refreshControlBag()\"\n ></refresh-control>\n }\n\n @if (headerDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n </view>\n }\n\n @if (itemCount === 0) {\n @if (emptyDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n </view>\n }\n } @else {\n @if (leadingSpacerStyle !== null) {\n <view [style]=\"leadingSpacerStyle\"></view>\n }\n @if (forcedStickyCell !== null) {\n <sticky-header\n (layout)=\"handleCellLayout(forcedStickyCell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"forcedStickyCell.context\"\n ></ng-container>\n </sticky-header>\n }\n @if (gapSpacerStyle !== null) {\n <view [style]=\"gapSpacerStyle\"></view>\n }\n <!-- The separator sits INSIDE the measuring view, matching RN's cell renderer, as a\n sibling it would add an extra flex gap -->\n @for (cell of windowCells; track cell.key) {\n @if (cell.isSticky) {\n <sticky-header\n (layout)=\"handleCellLayout(cell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"cell.context\"\n ></ng-container>\n @if (cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"cell.separatorContext\"\n ></ng-container>\n }\n </sticky-header>\n } @else {\n <view\n (layout)=\"handleCellLayout(cell.measure, $event)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\"\n [vListOutletContext]=\"cell.context\"\n ></ng-container>\n @if (cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"cell.separatorContext\"\n ></ng-container>\n }\n </view>\n }\n }\n @if (trailingSpacerStyle !== null) {\n <view [style]=\"trailingSpacerStyle\"></view>\n }\n }\n\n @if (footerDir !== undefined) {\n <view>\n <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n </view>\n }\n </scroll-view>\n }\n ";
1	+ export declare const VIRTUALIZED_LIST_TEMPLATE = "\n @if (nesting.isNested) {\n <view #scrollHost [symbioteHostProps]=\"nestedViewBag()\">\n @if (headerDir !== undefined) {\n <view [style]=\"headerStyle\">\n <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n </view>\n }\n\n @if (itemCount === 0) {\n @if (emptyDir !== undefined) {\n <view [style]=\"cellStyle\">\n <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n </view>\n }\n } @else {\n @for (row of rows; track row.key) {\n @if (row.kind === spacerKind) {\n <view [style]=\"row.style\"></view>\n } @else if (row.renderer !== undefined) {\n @if (row.cell.isSticky) {\n <sticky-header>\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n </sticky-header>\n } @else {\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n }\n } @else if (row.cell.isSticky) {\n <sticky-header\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </sticky-header>\n } @else {\n <view\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </view>\n }\n }\n }\n\n @if (footerDir !== undefined) {\n <view [style]=\"footerStyle\">\n <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n </view>\n }\n </view>\n } @else if (isHorizontal) {\n <horizontal-scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n @if (shouldRenderRefreshControl) {\n <refresh-control\n [symbioteHostProps]=\"refreshControlBag()\"\n ></refresh-control>\n }\n\n @if (headerDir !== undefined) {\n <view [style]=\"headerStyle\">\n <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n </view>\n }\n\n @if (itemCount === 0) {\n @if (emptyDir !== undefined) {\n <view [style]=\"cellStyle\">\n <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n </view>\n }\n } @else {\n @for (row of rows; track row.key) {\n @if (row.kind === spacerKind) {\n <view [style]=\"row.style\"></view>\n } @else if (row.renderer !== undefined) {\n @if (row.cell.isSticky) {\n <sticky-header>\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n </sticky-header>\n } @else {\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n }\n } @else if (row.cell.isSticky) {\n <sticky-header\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </sticky-header>\n } @else {\n <view\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </view>\n }\n }\n }\n\n @if (footerDir !== undefined) {\n <view [style]=\"footerStyle\">\n <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n </view>\n }\n </horizontal-scroll-view>\n } @else {\n <scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n @if (shouldRenderRefreshControl) {\n <refresh-control\n [symbioteHostProps]=\"refreshControlBag()\"\n ></refresh-control>\n }\n\n @if (headerDir !== undefined) {\n <view [style]=\"headerStyle\">\n <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n </view>\n }\n\n @if (itemCount === 0) {\n @if (emptyDir !== undefined) {\n <view [style]=\"cellStyle\">\n <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n </view>\n }\n } @else {\n <!-- The separator sits INSIDE the measuring view, matching RN's cell renderer, as a\n sibling it would add an extra flex gap -->\n @for (row of rows; track row.key) {\n @if (row.kind === spacerKind) {\n <view [style]=\"row.style\"></view>\n } @else if (row.renderer !== undefined) {\n @if (row.cell.isSticky) {\n <sticky-header>\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n </sticky-header>\n } @else {\n <ng-container\n [vListOutlet]=\"cellRendererTpl\"\n [vListOutletContext]=\"row.renderer\"\n ></ng-container>\n }\n } @else if (row.cell.isSticky) {\n <sticky-header\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </sticky-header>\n } @else {\n <view\n (layout)=\"handleCellLayout(row.cell.measure, $event, row.cell.index)\"\n (focus)=\"handleCellFocus(row.cell.index)\"\n [style]=\"cellStyle\"\n >\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"row.cell.context\"\n ></ng-container>\n @if (row.cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"row.cell.separatorContext\"\n ></ng-container>\n }\n </view>\n }\n }\n }\n\n @if (footerDir !== undefined) {\n <view [style]=\"footerStyle\">\n <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n </view>\n }\n </scroll-view>\n }\n\n <!-- What a `vListCell` wrapper stamps for its item and separator, once per list -->\n <ng-template #cellBody let-cell>\n <ng-container\n [vListOutlet]=\"cellTemplate\" [vListOutletComponent]=\"itemComponent\"\n [vListOutletContext]=\"cell.context\"\n ></ng-container>\n @if (cell.separatorContext !== undefined) {\n <ng-container\n [vListOutlet]=\"separatorTemplate\"\n [vListOutletContext]=\"cell.separatorContext\"\n ></ng-container>\n }\n </ng-template>\n ";

package/build/angular/components/virtualized-list/list-template.js CHANGED Viewed

@@ -1,7 +1,83 @@
-// Same body on both axes, only the outer tag differs
-// Written out once per branch: ngc needs one literal, no shared outlet primitive exists
+// Same body on both axes and in the nested view, only the outer tag differs
+// Written out once per branch: ngc needs one literal, and a shared outlet would add one per list
 export const VIRTUALIZED_LIST_TEMPLATE = `
-    @if (isHorizontal) {
+    @if (nesting.isNested) {
+      <view #scrollHost [symbioteHostProps]="nestedViewBag()">
+        @if (headerDir !== undefined) {
+          <view [style]="headerStyle">
+            <ng-container [vListOutlet]="headerDir.templateRef"></ng-container>
+          </view>
+        }
+        @if (itemCount === 0) {
+          @if (emptyDir !== undefined) {
+            <view [style]="cellStyle">
+              <ng-container [vListOutlet]="emptyDir.templateRef"></ng-container>
+            </view>
+          }
+        } @else {
+          @for (row of rows; track row.key) {
+            @if (row.kind === spacerKind) {
+              <view [style]="row.style"></view>
+            } @else if (row.renderer !== undefined) {
+              @if (row.cell.isSticky) {
+                <sticky-header>
+                  <ng-container
+                    [vListOutlet]="cellRendererTpl"
+                    [vListOutletContext]="row.renderer"
+                  ></ng-container>
+                </sticky-header>
+              } @else {
+                <ng-container
+                  [vListOutlet]="cellRendererTpl"
+                  [vListOutletContext]="row.renderer"
+                ></ng-container>
+              }
+            } @else if (row.cell.isSticky) {
+              <sticky-header
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
+                ></ng-container>
+                @if (row.cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="row.cell.separatorContext"
+                  ></ng-container>
+                }
+              </sticky-header>
+            } @else {
+              <view
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
+                ></ng-container>
+                @if (row.cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="row.cell.separatorContext"
+                  ></ng-container>
+                }
+              </view>
+            }
+          }
+        }
+        @if (footerDir !== undefined) {
+          <view [style]="footerStyle">
+            <ng-container [vListOutlet]="footerDir.templateRef"></ng-container>
+          </view>
+        }
+      </view>
+    } @else if (isHorizontal) {
       <horizontal-scroll-view #scrollHost [symbioteHostProps]="scrollViewBag()">
         @if (shouldRenderRefreshControl) {
           <refresh-control
@@ -10,77 +86,75 @@ export const VIRTUALIZED_LIST_TEMPLATE = `
         }
         @if (headerDir !== undefined) {
-          <view>
+          <view [style]="headerStyle">
             <ng-container [vListOutlet]="headerDir.templateRef"></ng-container>
           </view>
         }
         @if (itemCount === 0) {
           @if (emptyDir !== undefined) {
-            <view>
+            <view [style]="cellStyle">
               <ng-container [vListOutlet]="emptyDir.templateRef"></ng-container>
             </view>
           }
         } @else {
-          @if (leadingSpacerStyle !== null) {
-            <view [style]="leadingSpacerStyle"></view>
-          }
-          @if (forcedStickyCell !== null) {
-            <sticky-header
-              (layout)="handleCellLayout(forcedStickyCell.measure, $event)"
-              [style]="cellStyle"
-            >
-              <ng-container
-                [vListOutlet]="cellTemplate"
-                [vListOutletContext]="forcedStickyCell.context"
-              ></ng-container>
-            </sticky-header>
-          }
-          @if (gapSpacerStyle !== null) {
-            <view [style]="gapSpacerStyle"></view>
-          }
-          @for (cell of windowCells; track cell.key) {
-            @if (cell.isSticky) {
+          @for (row of rows; track row.key) {
+            @if (row.kind === spacerKind) {
+              <view [style]="row.style"></view>
+            } @else if (row.renderer !== undefined) {
+              @if (row.cell.isSticky) {
+                <sticky-header>
+                  <ng-container
+                    [vListOutlet]="cellRendererTpl"
+                    [vListOutletContext]="row.renderer"
+                  ></ng-container>
+                </sticky-header>
+              } @else {
+                <ng-container
+                  [vListOutlet]="cellRendererTpl"
+                  [vListOutletContext]="row.renderer"
+                ></ng-container>
+              }
+            } @else if (row.cell.isSticky) {
               <sticky-header
-                (layout)="handleCellLayout(cell.measure, $event)"
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
                 [style]="cellStyle"
               >
                 <ng-container
-                  [vListOutlet]="cellTemplate"
-                  [vListOutletContext]="cell.context"
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
                 ></ng-container>
-                @if (cell.separatorContext !== undefined) {
+                @if (row.cell.separatorContext !== undefined) {
                   <ng-container
                     [vListOutlet]="separatorTemplate"
-                    [vListOutletContext]="cell.separatorContext"
+                    [vListOutletContext]="row.cell.separatorContext"
                   ></ng-container>
                 }
               </sticky-header>
             } @else {
               <view
-                (layout)="handleCellLayout(cell.measure, $event)"
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
                 [style]="cellStyle"
               >
                 <ng-container
-                  [vListOutlet]="cellTemplate"
-                  [vListOutletContext]="cell.context"
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
                 ></ng-container>
-                @if (cell.separatorContext !== undefined) {
+                @if (row.cell.separatorContext !== undefined) {
                   <ng-container
                     [vListOutlet]="separatorTemplate"
-                    [vListOutletContext]="cell.separatorContext"
+                    [vListOutletContext]="row.cell.separatorContext"
                   ></ng-container>
                 }
               </view>
             }
           }
-          @if (trailingSpacerStyle !== null) {
-            <view [style]="trailingSpacerStyle"></view>
-          }
         }
         @if (footerDir !== undefined) {
-          <view>
+          <view [style]="footerStyle">
             <ng-container [vListOutlet]="footerDir.templateRef"></ng-container>
           </view>
         }
@@ -94,83 +168,95 @@ export const VIRTUALIZED_LIST_TEMPLATE = `
         }
         @if (headerDir !== undefined) {
-          <view>
+          <view [style]="headerStyle">
             <ng-container [vListOutlet]="headerDir.templateRef"></ng-container>
           </view>
         }
         @if (itemCount === 0) {
           @if (emptyDir !== undefined) {
-            <view>
+            <view [style]="cellStyle">
               <ng-container [vListOutlet]="emptyDir.templateRef"></ng-container>
             </view>
           }
         } @else {
-          @if (leadingSpacerStyle !== null) {
-            <view [style]="leadingSpacerStyle"></view>
-          }
-          @if (forcedStickyCell !== null) {
-            <sticky-header
-              (layout)="handleCellLayout(forcedStickyCell.measure, $event)"
-              [style]="cellStyle"
-            >
-              <ng-container
-                [vListOutlet]="cellTemplate"
-                [vListOutletContext]="forcedStickyCell.context"
-              ></ng-container>
-            </sticky-header>
-          }
-          @if (gapSpacerStyle !== null) {
-            <view [style]="gapSpacerStyle"></view>
-          }
           <!-- The separator sits INSIDE the measuring view, matching RN's cell renderer, as a
                sibling it would add an extra flex gap -->
-          @for (cell of windowCells; track cell.key) {
-            @if (cell.isSticky) {
+          @for (row of rows; track row.key) {
+            @if (row.kind === spacerKind) {
+              <view [style]="row.style"></view>
+            } @else if (row.renderer !== undefined) {
+              @if (row.cell.isSticky) {
+                <sticky-header>
+                  <ng-container
+                    [vListOutlet]="cellRendererTpl"
+                    [vListOutletContext]="row.renderer"
+                  ></ng-container>
+                </sticky-header>
+              } @else {
+                <ng-container
+                  [vListOutlet]="cellRendererTpl"
+                  [vListOutletContext]="row.renderer"
+                ></ng-container>
+              }
+            } @else if (row.cell.isSticky) {
               <sticky-header
-                (layout)="handleCellLayout(cell.measure, $event)"
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
                 [style]="cellStyle"
               >
                 <ng-container
-                  [vListOutlet]="cellTemplate"
-                  [vListOutletContext]="cell.context"
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
                 ></ng-container>
-                @if (cell.separatorContext !== undefined) {
+                @if (row.cell.separatorContext !== undefined) {
                   <ng-container
                     [vListOutlet]="separatorTemplate"
-                    [vListOutletContext]="cell.separatorContext"
+                    [vListOutletContext]="row.cell.separatorContext"
                   ></ng-container>
                 }
               </sticky-header>
             } @else {
               <view
-                (layout)="handleCellLayout(cell.measure, $event)"
+                (layout)="handleCellLayout(row.cell.measure, $event, row.cell.index)"
+                (focus)="handleCellFocus(row.cell.index)"
                 [style]="cellStyle"
               >
                 <ng-container
-                  [vListOutlet]="cellTemplate"
-                  [vListOutletContext]="cell.context"
+                  [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+                  [vListOutletContext]="row.cell.context"
                 ></ng-container>
-                @if (cell.separatorContext !== undefined) {
+                @if (row.cell.separatorContext !== undefined) {
                   <ng-container
                     [vListOutlet]="separatorTemplate"
-                    [vListOutletContext]="cell.separatorContext"
+                    [vListOutletContext]="row.cell.separatorContext"
                   ></ng-container>
                 }
               </view>
             }
           }
-          @if (trailingSpacerStyle !== null) {
-            <view [style]="trailingSpacerStyle"></view>
-          }
         }
         @if (footerDir !== undefined) {
-          <view>
+          <view [style]="footerStyle">
             <ng-container [vListOutlet]="footerDir.templateRef"></ng-container>
           </view>
         }
       </scroll-view>
     }
+    <!-- What a \`vListCell\` wrapper stamps for its item and separator, once per list -->
+    <ng-template #cellBody let-cell>
+      <ng-container
+        [vListOutlet]="cellTemplate" [vListOutletComponent]="itemComponent"
+        [vListOutletContext]="cell.context"
+      ></ng-container>
+      @if (cell.separatorContext !== undefined) {
+        <ng-container
+          [vListOutlet]="separatorTemplate"
+          [vListOutletContext]="cell.separatorContext"
+        ></ng-container>
+      }
+    </ng-template>
   `;
 //# sourceMappingURL=list-template.js.map

package/build/angular/components/virtualized-list/list-template.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-template.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-template.ts"],"names":[],"mappings":"AAAA,~~qDAAqD~~;~~AACrD~~,~~wFAAwF~~;~~AACxF~~,MAAM,CAAC,MAAM,yBAAyB,GAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4KtC~~,CAAC"}
1	+ {"version":3,"file":"list-template.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-template.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,iGAAiG;AACjG,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkQtC,CAAC"}

package/build/angular/components/virtualized-list/nested-scope.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { IListScope } from '@symbiote-native/components';
+export declare abstract class ListScopeProvider {
+    abstract readonly listScope: IListScope | null;
+}
+export declare const NO_LIST_SCOPE: ListScopeProvider;
+export declare function injectVirtualizedListScope(): IListScope | null;

package/build/angular/components/virtualized-list/nested-scope.js ADDED Viewed

@@ -0,0 +1,17 @@
+// The scope a list hands down to the lists nested in its cells, Angular's way to carry it
+// What it holds and how it behaves is `createListNesting` in the shared components package
+import { inject } from '@angular/core';
+// A list provides itself under this token, a cell declared inside it injects the nearest one
+export class ListScopeProvider {
+}
+// A portal-like component (Modal) provides this, its content sits outside the list's scroll
+export const NO_LIST_SCOPE = { listScope: null };
+// Null outside every list, the scope of the nearest list above otherwise
+export function injectVirtualizedListScope() {
+    const provider = inject(ListScopeProvider, {
+        skipSelf: true,
+        optional: true,
+    });
+    return provider?.listScope ?? null;
+}
+//# sourceMappingURL=nested-scope.js.map

package/build/angular/components/virtualized-list/nested-scope.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nested-scope.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/nested-scope.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,2FAA2F;AAE3F,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,6FAA6F;AAC7F,MAAM,OAAgB,iBAAiB;CAEtC;AAED,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAsB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAEpE,yEAAyE;AACzE,MAAM,UAAU,0BAA0B;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE;QACzC,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IACH,OAAO,QAAQ,EAAE,SAAS,IAAI,IAAI,CAAC;AACrC,CAAC"}

package/build/angular/components/virtualized-section-list/directives.d.ts CHANGED Viewed

@@ -1,17 +1,28 @@
 import { TemplateRef } from '@angular/core';
-import type { ISection, ISeparators } from '@symbiote-native/components';
+import type { ISection as ICoreSection, ISeparators } from '@symbiote-native/components';
+import type { IVListSeparatorContext } from '../virtualized-list';
 import * as i0 from "@angular/core";
-export interface IVSectionItemContext<ItemT> {
+export type ISection<ItemT> = ICoreSection<ItemT> & {
+    item?: TemplateRef<IVSectionItemContext<ItemT>>;
+    separator?: TemplateRef<IVListSeparatorContext<ItemT>>;
+};
+export type IVSectionItemContext<ItemT> = {
     $implicit: ItemT;
     item: ItemT;
     index: number;
     section: ISection<ItemT>;
     separators: ISeparators;
-}
-export interface IVSectionContext<ItemT> {
+};
+export type IVSectionContext<ItemT> = {
     $implicit: ISection<ItemT>;
     section: ISection<ItemT>;
-}
+};
+export type IVSectionSeparatorContext<ItemT> = IVListSeparatorContext<ItemT> & {
+    section?: ISection<ItemT>;
+    leadingSection?: ISection<ItemT>;
+    trailingSection?: ISection<ItemT>;
+    props?: IVListSeparatorContext<ItemT>;
+};
 export declare class VSectionItemDirective<ItemT = unknown> {
     readonly templateRef: TemplateRef<IVSectionItemContext<ItemT>>;
     static ngTemplateContextGuard<T>(_dir: VSectionItemDirective<T>, _ctx: unknown): _ctx is IVSectionItemContext<T>;
@@ -30,8 +41,9 @@ export declare class VSectionFooterDirective<ItemT = unknown> {
     static ɵfac: i0.ɵɵFactoryDeclaration<VSectionFooterDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<VSectionFooterDirective<any>, "[vSectionFooter]", never, {}, {}, never, never, true, never>;
 }
-export declare class VSectionSeparatorDirective {
-    readonly templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VSectionSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VSectionSeparatorDirective, "[vSectionSeparator]", never, {}, {}, never, never, true, never>;
+export declare class VSectionSeparatorDirective<ItemT = unknown> {
+    readonly templateRef: TemplateRef<IVSectionSeparatorContext<ItemT>>;
+    static ngTemplateContextGuard<T>(_dir: VSectionSeparatorDirective<T>, _ctx: unknown): _ctx is IVSectionSeparatorContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VSectionSeparatorDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VSectionSeparatorDirective<any>, "[vSectionSeparator]", never, {}, {}, never, never, true, never>;
 }

package/build/angular/components/virtualized-section-list/directives.js CHANGED Viewed

@@ -1,29 +1,7 @@
-// VirtualizedSectionList authoring directives: the Angular-faithful equivalent of React/Vue's
-// `renderItem` / `renderSectionHeader` / `renderSectionFooter` / `SectionSeparatorComponent`.
-// React/Vue pass element-returning callbacks; that does NOT translate to Angular, where per-cell
-// content is a TEMPLATE. So the app supplies each section slot as an `<ng-template>` carrying one
-// of these structural directives, and VirtualizedSectionList stamps the windowed slice through
-// them. The shared flatten/window surface stays in @symbiote-native/components, only the cell-AUTHORING shape is
-// framework-specific. SectionList (the next layer) reuses these same directives verbatim.
-//
-// Authoring API (what the app imports and what SectionList builds on):
-//   <VirtualizedSectionList [sections]="sections">
-//     <ng-template vSectionItem let-item let-index="index" let-section="section" let-separators="separators"> … </ng-template>
-//     <ng-template vSectionHeader let-section> … </ng-template>
-//     <ng-template vSectionFooter let-section> … </ng-template>
-//     <ng-template vSectionSeparator> … </ng-template>            <!-- between adjacent sections -->
-//     <!-- list-level slots reuse VirtualizedList's own directives: -->
-//     <ng-template vListHeader> … </ng-template>
-//     <ng-template vListFooter> … </ng-template>
-//     <ng-template vListEmpty> … </ng-template>
-//     <ng-template vListSeparator let-highlighted let-leadingItem="leadingItem"> … </ng-template>  <!-- between items -->
-//   </VirtualizedSectionList>
-//
-// Each directive carries a static ngTemplateContextGuard so the `let-` bindings infer at the call
-// site (the Angular twin of renderItem / renderSectionHeader's typed info arg).
+// Section list slots are `<ng-template>`s carrying these directives, the list stamps the window
+// through them. Each has a context guard so the `let-` bindings infer at the call site
 import { Directive, TemplateRef, inject } from '@angular/core';
 import * as i0 from "@angular/core";
-// `<ng-template vSectionItem>` — one section item row. The static guard types the `let-` bindings.
 export class VSectionItemDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
@@ -38,7 +16,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Directive,
             args: [{ selector: '[vSectionItem]', standalone: true }]
         }] });
-// `<ng-template vSectionHeader>` — rendered above each section's items (RN renderSectionHeader).
+// Rendered above each section's items, RN's `renderSectionHeader`
 export class VSectionHeaderDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
@@ -53,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Directive,
             args: [{ selector: '[vSectionHeader]', standalone: true }]
         }] });
-// `<ng-template vSectionFooter>` — rendered below each section's items (RN renderSectionFooter).
+// Rendered below each section's items, RN's `renderSectionFooter`
 export class VSectionFooterDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
@@ -68,12 +46,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Directive,
             args: [{ selector: '[vSectionFooter]', standalone: true }]
         }] });
-// `<ng-template vSectionSeparator>` — painted between adjacent sections (after one section's footer,
-// before the next section's header). Mirrors RN's SectionSeparatorComponent; carries no context.
+// Painted before a section's first item and after its last, RN's `SectionSeparatorComponent`
 export class VSectionSeparatorDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
     }
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VSectionSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VSectionSeparatorDirective, isStandalone: true, selector: "[vSectionSeparator]", ngImport: i0 }); }
 }

package/build/angular/components/virtualized-section-list/directives.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"directives.js","sourceRoot":"","sources":["../../../../src/components/virtualized-section-list/directives.ts"],"names":[],"mappings":"AAAA,~~8FAA8F~~;~~AAC9F~~,~~8FAA8F~~;~~AAC9F~~,iGAAiG;AACjG,kGAAkG;AAClG,+FAA+F;AAC/F,iHAAiH;AACjH,0FAA0F;AAC1F,EAAE;AACF,uEAAuE;AACvE,mDAAmD;AACnD,+HAA+H;AAC/H,gEAAgE;AAChE,gEAAgE;AAChE,qGAAqG;AACrG,wEAAwE;AACxE,iDAAiD;AACjD,iDAAiD;AACjD,gDAAgD;AAChD,0HAA0H;AAC1H,8BAA8B;AAC9B,EAAE;AACF,kGAAkG;AAClG,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;~~AAqB~~/D,~~mGAAmG;AAEnG,~~MAAM,OAAO,qBAAqB;IADlC;QAEW,gBAAW,GAClB,MAAM,CAA2C,WAAW,CAAC,CAAC;KAQjE;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAA8B,EAC9B,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,qBAAqB;kGAArB,qBAAqB;;2FAArB,qBAAqB;kBADjC,SAAS;mBAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa3D,~~iGAAiG~~;~~AAEjG~~,MAAM,OAAO,uBAAuB;IADpC;QAEW,gBAAW,GAClB,MAAM,CAAuC,WAAW,CAAC,CAAC;KAQ7D;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAAgC,EAChC,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBADnC,SAAS;mBAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa7D,~~iGAAiG~~;~~AAEjG~~,MAAM,OAAO,uBAAuB;IADpC;QAEW,gBAAW,GAClB,MAAM,CAAuC,WAAW,CAAC,CAAC;KAQ7D;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAAgC,EAChC,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBADnC,SAAS;mBAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa7D,~~qGAAqG~~;~~AACrG~~,~~iGAAiG;AAEjG,~~MAAM,OAAO,0BAA0B;IADvC;QAEW,gBAAW,~~GAAG~~,MAAM,~~CAAC~~,WAAW,CAAC,CAAC;~~KAC5C~~;~~8GAFY~~,0BAA0B;kGAA1B,0BAA0B;;2FAA1B,0BAA0B;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,UAAU,EAAE,IAAI,EAAE"}
1	+ {"version":3,"file":"directives.js","sourceRoot":"","sources":["../../../../src/components/virtualized-section-list/directives.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,uFAAuF;AAEvF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAsC/D,MAAM,OAAO,qBAAqB;IADlC;QAEW,gBAAW,GAClB,MAAM,CAA2C,WAAW,CAAC,CAAC;KAQjE;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAA8B,EAC9B,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,qBAAqB;kGAArB,qBAAqB;;2FAArB,qBAAqB;kBADjC,SAAS;mBAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa3D,kEAAkE;AAElE,MAAM,OAAO,uBAAuB;IADpC;QAEW,gBAAW,GAClB,MAAM,CAAuC,WAAW,CAAC,CAAC;KAQ7D;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAAgC,EAChC,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBADnC,SAAS;mBAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa7D,kEAAkE;AAElE,MAAM,OAAO,uBAAuB;IADpC;QAEW,gBAAW,GAClB,MAAM,CAAuC,WAAW,CAAC,CAAC;KAQ7D;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAAgC,EAChC,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBADnC,SAAS;mBAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE;;AAa7D,6FAA6F;AAE7F,MAAM,OAAO,0BAA0B;IADvC;QAEW,gBAAW,GAClB,MAAM,CAAgD,WAAW,CAAC,CAAC;KAQtE;IANC,MAAM,CAAC,sBAAsB,CAC3B,IAAmC,EACnC,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;8GATU,0BAA0B;kGAA1B,0BAA0B;;2FAA1B,0BAA0B;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,UAAU,EAAE,IAAI,EAAE"}