@kirbydesign/designsystem 11.11.3 → 12.0.0-dev-67d5287

package/types/kirbydesign-designsystem-list.d.ts

@@ -1,288 +1,412 @@
-import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, EventEmitter, ElementRef, NgZone, OnChanges, OnInit, TemplateRef, TrackByFunction, Renderer2 } from '@angular/core';
-import { WindowRef } from '@kirbydesign/designsystem/types';
-import { Subject } from 'rxjs';
-import { ThemeColor } from '@kirbydesign/core';
-import * as i4 from '@ionic/angular';
-import { IonItemSliding, IonList } from '@ionic/angular';
-import { PlatformService } from '@kirbydesign/designsystem/helpers';
-import { ItemSwipeAction, ItemSlidingSide, ItemSwipeActionSlots } from '@kirbydesign/designsystem/item-sliding';
-import * as i1 from '@angular/common';
-import * as i2 from '@kirbydesign/designsystem/icon';
-import * as i3 from '@kirbydesign/designsystem/spinner';
-
-interface Scroll {
-    distanceToViewBottom: number;
-    elementHeight: number;
-    viewHeight: number;
+import * as i0 from "@angular/core";
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, TemplateRef, TrackByFunction } from "@angular/core";
+import { WindowRef } from "@kirbydesign/designsystem/types";
+import { Subject } from "rxjs";
+import { ThemeColor } from "@kirbydesign/core";
+import * as i4 from "@ionic/angular";
+import { IonItemSliding, IonList } from "@ionic/angular";
+import { PlatformService } from "@kirbydesign/designsystem/helpers";
+import { ItemSlidingSide as ListSwipeDirection, ItemSwipeAction, ItemSwipeActionSlots as ListSwipeEnd } from "@kirbydesign/designsystem/item-sliding";
+import * as i1 from "@angular/common";
+import * as i2 from "@kirbydesign/designsystem/icon";
+import * as i3 from "@kirbydesign/designsystem/spinner";
+export interface Scroll {
+  distanceToViewBottom: number;
+  elementHeight: number;
+  viewHeight: number;
+}
+declare namespace infinite_scroll_directive_d_exports {
+  export { INFINITE_SCROLL_DEBOUNCE, InfiniteScrollDirective };
 }
-
 /**
  * Specify debounce duration in ms
  */
-declare const INFINITE_SCROLL_DEBOUNCE = 100;
-declare class InfiniteScrollDirective implements AfterViewInit, OnDestroy {
-    private elementRef;
-    private windowRef;
-    private zone;
-    /**
-     * Event that will be triggered when the user has scrolled to
-     * bottom of the element
-     */
-    scrollEnd: EventEmitter<void>;
-    /**
-     * If true then {@link scrollEnd} event should NOT be emitted
-     */
-    disabled: boolean;
-    /**
-     * Emits a new value on element scroll event
-     */
-    scroll$: Subject<Scroll>;
-    /**
-     * Completes on component destroy lifecycle event
-     * used to unsubscribe from infinite observables
-     */
-    private ngUnsubscribe$;
-    /**
-     * An offset from the bottom of the element to trigger {@link scrollEnd} event
-     */
-    private offset;
-    constructor(elementRef: ElementRef, windowRef: WindowRef, zone: NgZone);
-    ngAfterViewInit(): void;
-    /**
-     * On element scroll event emit next {@link scroll$} observable value
-     */
-    onScroll(): void;
-    /**
-     * trigger {@link ngUnsubscribe} complete on component destroy lifecycle hook
-     */
-    ngOnDestroy(): void;
-    private getScroll;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InfiniteScrollDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InfiniteScrollDirective, "[kirbyInfiniteScroll]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "scrollEnd": "scrollEnd"; }, never, never, true, never>;
+export declare const INFINITE_SCROLL_DEBOUNCE = 100;
+export declare class InfiniteScrollDirective implements AfterViewInit, OnDestroy {
+  private elementRef;
+  private windowRef;
+  private zone;
+  /**
+   * Event that will be triggered when the user has scrolled to
+   * bottom of the element
+   */
+  scrollEnd: EventEmitter<void>;
+  /**
+   * If true then {@link scrollEnd} event should NOT be emitted
+   */
+  disabled: boolean;
+  /**
+   * Emits a new value on element scroll event
+   */
+  scroll$: Subject<Scroll>;
+  /**
+   * Completes on component destroy lifecycle event
+   * used to unsubscribe from infinite observables
+   */
+  private ngUnsubscribe$;
+  /**
+   * An offset from the bottom of the element to trigger {@link scrollEnd} event
+   */
+  private offset;
+  constructor(elementRef: ElementRef, windowRef: WindowRef, zone: NgZone);
+  ngAfterViewInit(): void;
+  /**
+   * On element scroll event emit next {@link scroll$} observable value
+   */
+  onScroll(): void;
+  /**
+   * trigger {@link ngUnsubscribe} complete on component destroy lifecycle hook
+   */
+  ngOnDestroy(): void;
+  private getScroll;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InfiniteScrollDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<InfiniteScrollDirective, "[kirbyInfiniteScroll]", never, {
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+  }, {
+    "scrollEnd": "scrollEnd";
+  }, never, never, true, never>;
+}
+declare namespace list_item_color_directive_d_exports {
+  export { ListItemColorDirective };
 }
-
-declare class ListItemColorDirective implements OnChanges {
-    kirbyListItemColor: (item: any) => ThemeColor;
-    item: any;
-    color: ThemeColor;
-    ngOnChanges(): void;
-    private getColor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemColorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemColorDirective, "[kirbyListItemColor]", never, { "kirbyListItemColor": { "alias": "kirbyListItemColor"; "required": false; }; "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
+export declare class ListItemColorDirective implements OnChanges {
+  kirbyListItemColor: (item: any) => ThemeColor;
+  item: any;
+  color: ThemeColor;
+  ngOnChanges(): void;
+  private getColor;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListItemColorDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemColorDirective, "[kirbyListItemColor]", never, {
+    "kirbyListItemColor": {
+      "alias": "kirbyListItemColor";
+      "required": false;
+    };
+    "item": {
+      "alias": "item";
+      "required": false;
+    };
+  }, {}, never, never, true, never>;
 }
-
 type ListSwipeActionBaseTypes = Pick<ItemSwipeAction, 'title' | 'icon' | 'type' | 'isDisabled'>;
-type ListSwipeAction = {
-    [Property in keyof ListSwipeActionBaseTypes]: ((item: any) => ListSwipeActionBaseTypes[Property]) | ListSwipeActionBaseTypes[Property];
-} & {
-    position: ItemSlidingSide;
-    onSelected: (item: any) => void;
+export type ListSwipeAction = { [Property in keyof ListSwipeActionBaseTypes]: ((item: any) => ListSwipeActionBaseTypes[Property]) | ListSwipeActionBaseTypes[Property]; } & {
+  position: ListSwipeDirection;
+  onSelected: (item: any) => void;
 };
-
-type BoundaryClass = 'first' | 'last';
-declare class ListItemComponent implements OnInit, AfterViewInit {
-    private platform;
-    _isSwipingEnabled: boolean;
-    constructor(platform: PlatformService);
-    ionItemSliding: IonItemSliding;
-    item: any;
-    boundaryClass: BoundaryClass | BoundaryClass[];
-    swipeActions: ListSwipeAction[];
-    itemTemplate: TemplateRef<any>;
-    isSelected: boolean;
-    isSelectable: boolean;
-    getItemColor: (item: any) => ThemeColor;
-    itemSelect: EventEmitter<any>;
-    _onItemSelect(item: any): void;
-    swipeActionSelect: EventEmitter<any>;
-    _onSwipeActionSelect(swipeAction: any, item: any, event: any): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    _hasSwipeActions(item: any): boolean;
-    _getSwipeActions(item: any, direction?: ItemSlidingSide): ListSwipeAction[];
-    private isSwipeActionDisabled;
-    _getSwipeActionEnd(item: any): ItemSwipeActionSlots;
-    _getSwipeActionIcon(swipeAction: ListSwipeAction, item: any): string;
-    _getSwipeActionTitle(swipeAction: ListSwipeAction, item: any): string;
-    _getSwipeActionType(swipeAction: ListSwipeAction, item: any): ThemeColor;
-    private initializeSwipeActions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "kirby-list-item", never, { "item": { "alias": "item"; "required": false; }; "boundaryClass": { "alias": "boundaryClass"; "required": false; }; "swipeActions": { "alias": "swipeActions"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "isSelectable": { "alias": "isSelectable"; "required": false; }; "getItemColor": { "alias": "getItemColor"; "required": false; }; }, { "itemSelect": "itemSelect"; "swipeActionSelect": "swipeActionSelect"; }, never, never, true, never>;
+declare namespace list_item_component_d_exports {
+  export { BoundaryClass, ListItemComponent };
 }
-
-interface LoadOnDemandEvent {
-    complete: (disableLoadOnDemand?: boolean) => void;
+export type BoundaryClass = 'first' | 'last';
+export declare class ListItemComponent implements OnInit, AfterViewInit {
+  private platform;
+  _isSwipingEnabled: boolean;
+  constructor(platform: PlatformService);
+  ionItemSliding: IonItemSliding;
+  item: any;
+  boundaryClass: BoundaryClass | BoundaryClass[];
+  swipeActions: ListSwipeAction[];
+  itemTemplate: TemplateRef<any>;
+  isSelected: boolean;
+  isSelectable: boolean;
+  getItemColor: (item: any) => ThemeColor;
+  itemSelect: EventEmitter<any>;
+  _onItemSelect(item: any): void;
+  swipeActionSelect: EventEmitter<any>;
+  _onSwipeActionSelect(swipeAction: any, item: any, event: any): void;
+  ngOnInit(): void;
+  ngAfterViewInit(): void;
+  _hasSwipeActions(item: any): boolean;
+  _getSwipeActions(item: any, direction?: ListSwipeDirection): ListSwipeAction[];
+  private isSwipeActionDisabled;
+  _getSwipeActionEnd(item: any): ListSwipeEnd;
+  _getSwipeActionIcon(swipeAction: ListSwipeAction, item: any): string;
+  _getSwipeActionTitle(swipeAction: ListSwipeAction, item: any): string;
+  _getSwipeActionType(swipeAction: ListSwipeAction, item: any): ThemeColor;
+  private initializeSwipeActions;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "kirby-list-item", never, {
+    "item": {
+      "alias": "item";
+      "required": false;
+    };
+    "boundaryClass": {
+      "alias": "boundaryClass";
+      "required": false;
+    };
+    "swipeActions": {
+      "alias": "swipeActions";
+      "required": false;
+    };
+    "itemTemplate": {
+      "alias": "itemTemplate";
+      "required": false;
+    };
+    "isSelected": {
+      "alias": "isSelected";
+      "required": false;
+    };
+    "isSelectable": {
+      "alias": "isSelectable";
+      "required": false;
+    };
+    "getItemColor": {
+      "alias": "getItemColor";
+      "required": false;
+    };
+  }, {
+    "itemSelect": "itemSelect";
+    "swipeActionSelect": "swipeActionSelect";
+  }, never, never, true, never>;
 }
-interface LoadOnDemandEventData {
-    object: any;
-    returnValue: any;
+export interface LoadOnDemandEvent {
+  complete: (disableLoadOnDemand?: boolean) => void;
 }
-
-type ListShape = 'square' | 'rounded' | 'none';
-type StandAloneSpacing = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
-declare class ListComponent implements OnInit, OnChanges, AfterViewInit {
-    private listHelper;
-    private element;
-    private renderer;
-    list: any;
-    scrollDirective: InfiniteScrollDirective;
-    /**
-     * Provide items for the list to render. Items must be provided in the order you expect them to be rendered.
-     */
-    items: any[];
-    getItemColor: (item: any) => ThemeColor;
-    /**
-     * Callback to determine name of section. Sections will be ordered alphabetically.
-     */
-    getSectionName: (item: any) => string;
-    /**
-     * Callback that defines how to track changes for items in the iterable.
-     */
-    trackBy: TrackByFunction<any>;
-    /**
-     * Property name to decide which items should be stand alone
-     */
-    getStandAloneByProperty: string;
-    /**
-     * Bottom margin for stand alone items
-     */
-    standAloneSpacing: StandAloneSpacing;
-    /**
-     * Text to display when no more items can be loaded (used for "on demand"-loading).
-     */
-    noMoreItemsText: string;
-    /**
-     * Determines if dividers (bottom-border on list items) should be shown or not.
-     */
-    showDivider: boolean;
-    /**
-     * Determines if list row text should turn bold on selection
-     */
-    markSelectedRow: boolean;
-    /**
-     * Determine outline shape of:
-     * - list, if {@link #isSectionsEnabled} is `false`
-     * - section, if {@link #isSectionsEnabled} is `true`
-     *
-     * `square` means **without** rounded corners, `rounded` means **with** rounded corners.,  `none` means **without** padding, border, box-shadow and background.
-     */
-    shape: ListShape;
-    get isShapeRounded(): boolean;
-    get isShapeNone(): boolean;
-    hasItemSpacing: boolean;
-    /**
-     * Determines if the loadOnDemand event should be emitted.
-     * Will default to true if there is at least one subscriber to the loadOnDemand event
-     */
-    isLoadOnDemandEnabled: boolean;
-    /**
-     * Emitting event when more items are to be loaded.
-     */
-    loadOnDemand: EventEmitter<LoadOnDemandEvent>;
-    /**
-     * Determines if list items should have swipe actions or not
-     * - the order of swipe actions is used to determine edge actions,
-     * as well as their order of appearance on the screen.
-     */
-    swipeActions: ListSwipeAction[];
-    /**
-     * Emitting event when an item is selected (tapped on mobile, clicked on web)
-     */
-    itemSelect: EventEmitter<any>;
-    disableSelectionHighlight: boolean;
-    private _attributesToForward;
-    headerTemplate: TemplateRef<any>;
-    sectionHeaderTemplate: TemplateRef<any>;
-    footerTemplate: TemplateRef<any>;
-    /**
-     * The first element that matches ListItemDirective.
-     * As a structural directive it unfolds into a template. This is a reference to that.
-     */
-    itemTemplate: TemplateRef<any>;
-    _isSectionsEnabled: boolean;
-    _isStandAloneEnabled: boolean;
-    _isSelectable: boolean;
-    _isLoading: boolean;
-    _groupedItems: any[];
-    _selectedItem: any;
-    constructor(listHelper: ListHelper, element: ElementRef<HTMLElement>, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    ngAfterViewInit(): void;
-    _onLoadOnDemand(): void;
-    sectionTrackBy(index: number, section: {
-        name: string;
-    }): string | number;
-    onItemSelect(item: any): void;
-    onSwipeActionSelect(args: any): void;
-    _getBoundaryClass(index: number, section?: any[]): BoundaryClass[] | BoundaryClass;
-    standAloneClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kirby-list", never, { "items": { "alias": "items"; "required": false; }; "getItemColor": { "alias": "getItemColor"; "required": false; }; "getSectionName": { "alias": "getSectionName"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "getStandAloneByProperty": { "alias": "getStandAloneByProperty"; "required": false; }; "standAloneSpacing": { "alias": "standAloneSpacing"; "required": false; }; "noMoreItemsText": { "alias": "noMoreItemsText"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; "markSelectedRow": { "alias": "markSelectedRow"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "hasItemSpacing": { "alias": "hasItemSpacing"; "required": false; }; "isLoadOnDemandEnabled": { "alias": "isLoadOnDemandEnabled"; "required": false; }; "swipeActions": { "alias": "swipeActions"; "required": false; }; "disableSelectionHighlight": { "alias": "disableSelectionHighlight"; "required": false; }; }, { "loadOnDemand": "loadOnDemand"; "itemSelect": "itemSelect"; }, ["headerTemplate", "sectionHeaderTemplate", "footerTemplate", "itemTemplate"], never, true, never>;
+export interface LoadOnDemandEventData {
+  object: any;
+  returnValue: any;
 }
-
-type Section<T> = {
+declare namespace list_component_d_exports {
+  export { ListComponent, ListShape, StandAloneSpacing };
+}
+export type ListShape = 'square' | 'rounded' | 'none';
+export type StandAloneSpacing = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+export declare class ListComponent implements OnInit, OnChanges, AfterViewInit {
+  private listHelper;
+  private element;
+  private renderer;
+  list: any;
+  scrollDirective: InfiniteScrollDirective;
+  /**
+   * Provide items for the list to render. Items must be provided in the order you expect them to be rendered.
+   */
+  items: any[];
+  getItemColor: (item: any) => ThemeColor;
+  /**
+   * Callback to determine name of section. Sections will be ordered alphabetically.
+   */
+  getSectionName: (item: any) => string;
+  /**
+   * Callback that defines how to track changes for items in the iterable.
+   */
+  trackBy?: TrackByFunction<any>;
+  /**
+   * Property name to decide which items should be stand alone
+   */
+  getStandAloneByProperty: string;
+  /**
+   * Bottom margin for stand alone items
+   */
+  standAloneSpacing: StandAloneSpacing;
+  /**
+   * Text to display when no more items can be loaded (used for "on demand"-loading).
+   */
+  noMoreItemsText: string;
+  /**
+   * Determines if dividers (bottom-border on list items) should be shown or not.
+   */
+  showDivider: boolean;
+  /**
+   * Determines if list row text should turn bold on selection
+   */
+  markSelectedRow: boolean;
+  /**
+   * Determine outline shape of:
+   * - list, if {@link #isSectionsEnabled} is `false`
+   * - section, if {@link #isSectionsEnabled} is `true`
+   *
+   * `square` means **without** rounded corners, `rounded` means **with** rounded corners.,  `none` means **without** padding, border, box-shadow and background.
+   */
+  shape: ListShape;
+  get isShapeRounded(): boolean;
+  get isShapeNone(): boolean;
+  /**
+   * The list establishes a raised surface by default, until list usage is migrated
+   * to shape="none", and combined with card for base/raised/brand appearance
+   */
+  get _isRaisedSurface(): boolean;
+  hasItemSpacing: boolean;
+  /**
+   * Determines if the loadOnDemand event should be emitted.
+   * Will default to true if there is at least one subscriber to the loadOnDemand event
+   */
+  isLoadOnDemandEnabled: boolean;
+  /**
+   * Emitting event when more items are to be loaded.
+   */
+  loadOnDemand: EventEmitter<LoadOnDemandEvent>;
+  /**
+   * Determines if list items should have swipe actions or not
+   * - the order of swipe actions is used to determine edge actions,
+   * as well as their order of appearance on the screen.
+   */
+  swipeActions: ListSwipeAction[];
+  /**
+   * Emitting event when an item is selected (tapped on mobile, clicked on web)
+   */
+  itemSelect: EventEmitter<any>;
+  disableSelectionHighlight: boolean;
+  private _attributesToForward;
+  headerTemplate: TemplateRef<any>;
+  sectionHeaderTemplate: TemplateRef<any>;
+  footerTemplate: TemplateRef<any>;
+  /**
+   * The first element that matches ListItemDirective.
+   * As a structural directive it unfolds into a template. This is a reference to that.
+   */
+  itemTemplate: TemplateRef<any>;
+  _isSectionsEnabled: boolean;
+  _isStandAloneEnabled: boolean;
+  _isSelectable: boolean;
+  _isLoading: boolean;
+  _groupedItems: any[];
+  _selectedItem: any;
+  constructor(listHelper: ListHelper, element: ElementRef<HTMLElement>, renderer: Renderer2);
+  ngOnInit(): void;
+  ngOnChanges(): void;
+  ngAfterViewInit(): void;
+  _onLoadOnDemand(): void;
+  sectionTrackBy(index: number, section: {
     name: string;
-    items: T[];
+  }): string | number;
+  onItemSelect(item: any): void;
+  onSwipeActionSelect(args: any): void;
+  _getBoundaryClass(index: number, section?: any[]): BoundaryClass[] | BoundaryClass;
+  standAloneClass(): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kirby-list", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+    };
+    "getItemColor": {
+      "alias": "getItemColor";
+      "required": false;
+    };
+    "getSectionName": {
+      "alias": "getSectionName";
+      "required": false;
+    };
+    "trackBy": {
+      "alias": "trackBy";
+      "required": false;
+    };
+    "getStandAloneByProperty": {
+      "alias": "getStandAloneByProperty";
+      "required": false;
+    };
+    "standAloneSpacing": {
+      "alias": "standAloneSpacing";
+      "required": false;
+    };
+    "noMoreItemsText": {
+      "alias": "noMoreItemsText";
+      "required": false;
+    };
+    "showDivider": {
+      "alias": "showDivider";
+      "required": false;
+    };
+    "markSelectedRow": {
+      "alias": "markSelectedRow";
+      "required": false;
+    };
+    "shape": {
+      "alias": "shape";
+      "required": false;
+    };
+    "hasItemSpacing": {
+      "alias": "hasItemSpacing";
+      "required": false;
+    };
+    "isLoadOnDemandEnabled": {
+      "alias": "isLoadOnDemandEnabled";
+      "required": false;
+    };
+    "swipeActions": {
+      "alias": "swipeActions";
+      "required": false;
+    };
+    "disableSelectionHighlight": {
+      "alias": "disableSelectionHighlight";
+      "required": false;
+    };
+  }, {
+    "loadOnDemand": "loadOnDemand";
+    "itemSelect": "itemSelect";
+  }, ["headerTemplate", "sectionHeaderTemplate", "footerTemplate", "itemTemplate"], never, true, never>;
+}
+type Section<T> = {
+  name: string;
+  items: T[];
 };
 type SectionWithStandAloneItems<T> = {
-    name: string;
-    lists: T[][];
+  name: string;
+  lists: T[][];
 };
-declare class ListHelper {
-    onLoadOnDemand(component: ListComponent): void;
-    groupSections<T>(items: T[], getGroupName: (item: T) => string): Section<T>[];
-    groupStandAloneItems<T>(items: T[], standAloneProperty: string): {
-        items: T[];
-    }[];
-    groupSectionsWithStandAloneItems<T>(items: T[], getGroupName: (item: T) => string, standAloneProperty: string): SectionWithStandAloneItems<T>[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListHelper, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ListHelper>;
+export declare class ListHelper {
+  onLoadOnDemand(component: ListComponent): void;
+  groupSections<T>(items: T[], getGroupName: (item: T) => string): Section<T>[];
+  groupStandAloneItems<T>(items: T[], standAloneProperty: string): {
+    items: T[];
+  }[];
+  groupSectionsWithStandAloneItems<T>(items: T[], getGroupName: (item: T) => string, standAloneProperty: string): SectionWithStandAloneItems<T>[];
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListHelper, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+declare namespace list_experimental_component_d_exports {
+  export { ListExperimentalComponent };
+}
+export declare class ListExperimentalComponent {
+  list: IonList;
+  closeAllSlidingItems(e: MouseEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListExperimentalComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListExperimentalComponent, "kirby-list-experimental", never, {}, {}, never, ["[outside]", "*"], true, never>;
+}
+declare namespace list_header_component_d_exports {
+  export { ListHeaderComponent };
+}
+export declare class ListHeaderComponent {
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListHeaderComponent, "kirby-list-header", never, {}, {}, never, ["*"], true, never>;
 }
-
-declare class ListExperimentalComponent {
-    list: IonList;
-    closeAllSlidingItems(e: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListExperimentalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListExperimentalComponent, "kirby-list-experimental", never, {}, {}, never, ["[outside]", "*"], true, never>;
+declare namespace list_section_header_component_d_exports {
+  export { ListSectionHeaderComponent };
 }
-
-declare class ListHeaderComponent {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListHeaderComponent, "kirby-list-header", never, {}, {}, never, ["*"], true, never>;
+export declare class ListSectionHeaderComponent {
+  title: string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListSectionHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListSectionHeaderComponent, "kirby-list-section-header", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+    };
+  }, {}, never, never, true, never>;
 }
-
-declare class ListSectionHeaderComponent {
-    title: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListSectionHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListSectionHeaderComponent, "kirby-list-section-header", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+declare namespace list_directive_d_exports {
+  export { ListFooterDirective, ListHeaderDirective, ListItemTemplateDirective, ListSectionHeaderDirective };
 }
-
-declare class ListItemTemplateDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemTemplateDirective, "[kirbyListItemTemplate]", never, {}, {}, never, never, true, never>;
+export declare class ListItemTemplateDirective {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListItemTemplateDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemTemplateDirective, "[kirbyListItemTemplate]", never, {}, {}, never, never, true, never>;
 }
-declare class ListHeaderDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListHeaderDirective, "[kirbyListHeader], [kirbyListHeaderTemplate]", never, {}, {}, never, never, true, never>;
+export declare class ListHeaderDirective {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListHeaderDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ListHeaderDirective, "[kirbyListHeader], [kirbyListHeaderTemplate]", never, {}, {}, never, never, true, never>;
 }
-declare class ListSectionHeaderDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListSectionHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListSectionHeaderDirective, "[kirbyListSectionHeader], [kirbyListSectionHeaderTemplate]", never, {}, {}, never, never, true, never>;
+export declare class ListSectionHeaderDirective {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListSectionHeaderDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ListSectionHeaderDirective, "[kirbyListSectionHeader], [kirbyListSectionHeaderTemplate]", never, {}, {}, never, never, true, never>;
 }
-declare class ListFooterDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListFooterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListFooterDirective, "[kirbyListFooter], [kirbyListFooterTemplate]", never, {}, {}, never, never, true, never>;
+export declare class ListFooterDirective {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListFooterDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ListFooterDirective, "[kirbyListFooter], [kirbyListFooterTemplate]", never, {}, {}, never, never, true, never>;
 }
-
-declare class ListModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, never, [typeof i1.CommonModule, typeof i2.IconModule, typeof i3.SpinnerModule, typeof i4.IonItemDivider, typeof i4.IonItemGroup, typeof i4.IonItemOptions, typeof i4.IonItemSliding, typeof i4.IonLabel, typeof i4.IonList, typeof i4.IonListHeader, typeof ListComponent, typeof ListItemComponent, typeof ListItemTemplateDirective, typeof ListSectionHeaderComponent, typeof ListSectionHeaderDirective, typeof ListHeaderDirective, typeof ListHeaderComponent, typeof ListFooterDirective, typeof ListExperimentalComponent, typeof ListItemColorDirective, typeof InfiniteScrollDirective, typeof ListItemComponent], [typeof ListComponent, typeof ListItemComponent, typeof ListItemTemplateDirective, typeof ListSectionHeaderComponent, typeof ListSectionHeaderDirective, typeof ListHeaderDirective, typeof ListHeaderComponent, typeof ListFooterDirective, typeof ListExperimentalComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListModule>;
+export declare class ListModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, never, [typeof i1.CommonModule, typeof i2.IconModule, typeof i3.SpinnerModule, typeof i4.IonItemDivider, typeof i4.IonItemGroup, typeof i4.IonItemOptions, typeof i4.IonItemSliding, typeof i4.IonLabel, typeof i4.IonList, typeof i4.IonListHeader, typeof ListComponent, typeof ListItemComponent, typeof ListItemTemplateDirective, typeof ListSectionHeaderComponent, typeof ListSectionHeaderDirective, typeof ListHeaderDirective, typeof ListHeaderComponent, typeof ListFooterDirective, typeof ListExperimentalComponent, typeof ListItemColorDirective, typeof InfiniteScrollDirective, typeof ListItemComponent], [typeof ListComponent, typeof ListItemComponent, typeof ListItemTemplateDirective, typeof ListSectionHeaderComponent, typeof ListSectionHeaderDirective, typeof ListHeaderDirective, typeof ListHeaderComponent, typeof ListFooterDirective, typeof ListExperimentalComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<ListModule>;
 }
-
-export { INFINITE_SCROLL_DEBOUNCE, InfiniteScrollDirective, ListComponent, ListExperimentalComponent, ListFooterDirective, ListHeaderComponent, ListHeaderDirective, ListHelper, ListItemColorDirective, ListItemComponent, ListItemTemplateDirective, ListModule, ListSectionHeaderComponent, ListSectionHeaderDirective };
-export type { BoundaryClass, ListShape, ListSwipeAction, LoadOnDemandEvent, LoadOnDemandEventData, Scroll, StandAloneSpacing };
-//# sourceMappingURL=kirbydesign-designsystem-list.d.ts.map
+//# sourceMappingURL=kirbydesign-designsystem-list.d.ts.map