@kirbydesign/designsystem 4.0.16 → 4.0.20

package/lib/components/card/card.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ElementRef, Renderer2, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ResizeObserverService } from '../shared/resize-observer/resize-observer.service';
 export declare class CardComponent implements OnInit, OnDestroy {
     private elementRef;

package/lib/components/list/index.d.ts

@@ -6,7 +6,6 @@ export { ListItemComponent } from './list-item/list-item.component';
 export { BoundaryClass } from './list-item/list-item.component';
 export { LoadOnDemandEvent } from './list.event';
 export { ListSwipeAction, ListSwipeActionType, ListSwipeEnd } from './list-swipe-action.type';
-export { VirtualScrollerSettings } from './list-virtual-scroll-settings.type';
 export { InfiniteScrollDirective } from './directives/infinite-scroll.directive';
 export { ListItemColorDirective } from './directives/list-item-color.directive';
 export { ListFlexItemDirective } from './list.directive';

package/lib/components/list/list.component.d.ts

@@ -1,12 +1,10 @@
 import { AfterViewInit, EventEmitter, OnChanges, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
-import { IDatasource } from 'ngx-ui-scroll';
 import { ThemeColor } from '@kirbydesign/core';
 import { ItemComponent } from '../item/item.component';
 import { InfiniteScrollDirective } from './directives/infinite-scroll.directive';
 import { ListHelper } from './helpers/list-helper';
 import { BoundaryClass } from './list-item/list-item.component';
 import { ListSwipeAction } from './list-swipe-action.type';
-import { VirtualScrollerSettings } from './list-virtual-scroll-settings.type';
 import { LoadOnDemandEvent, LoadOnDemandEventData } from './list.event';
 import { GroupByPipe } from './pipes/group-by.pipe';
 export declare type ListShape = 'square' | 'rounded' | 'none';
@@ -15,12 +13,30 @@ export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
     private groupBy;
     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>;
+    /**
+     * 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:
@@ -33,31 +49,38 @@ export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
     get isShapeRounded(): boolean;
     get isShapeNone(): boolean;
     hasItemSpacing: boolean;
-    useVirtualScroll: boolean;
-    virtualScrollViewportHeight: number;
-    virtualScrollSettings: VirtualScrollerSettings;
-    virtualScrollTimeout: number;
-    _virtualScrollData: IDatasource;
-    private getVirtualDataset;
-    private getItemsSlice;
     /**
      * 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>;
     kirbyItems: ItemComponent[];
     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;
     _isSelectable: boolean;
     _isLoading: boolean;
     _groupedItems: any[];
-    _virtualGroupedItems: any[];
     _selectedItem: any;
     constructor(listHelper: ListHelper, groupBy: GroupByPipe);
     ngOnInit(): void;

package/lib/components/reorder-list/reorder-list.component.d.ts

@@ -1,6 +1,7 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { ReorderEvent } from './reorder-event';
 export declare class ReorderListComponent implements OnChanges, OnDestroy {
+    private cdr;
     items: any[];
     subItemsName: string;
     getItemTextDefault: (item: any) => string;
@@ -10,6 +11,7 @@ export declare class ReorderListComponent implements OnChanges, OnDestroy {
     reorderGroupContainer: QueryList<ElementRef>;
     private observer;
     reorderActive: boolean;
+    constructor(cdr: ChangeDetectorRef);
     ngOnChanges(): void;
     private setupDomListener;
     doReorder(ev: CustomEvent): void;

package/lib/directives/element-as-button/element-as-button.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { CardComponent } from '../../components/card/card.component';
+export declare class ElementAsButtonDirective implements OnInit {
+    private card;
+    private clickableElement;
+    role: string;
+    tabindex: number;
+    constructor(card: CardComponent, clickableElement: ElementRef);
+    ngOnInit(): void;
+    _onKeydownHandler(event: KeyboardEvent): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "4.0.16",
+  "version": "4.0.20",
   "dependencies": {
     "chart.js": "3.3.2",
     "chartjs-plugin-annotation": "1.0.2",
@@ -10,7 +10,6 @@
     "date-fns-tz": "1.1.4",
     "highcharts": "8.0.4",
     "@fontsource/roboto": "4.2.1",
-    "ngx-ui-scroll": "^2.0.1",
     "inputmask": "5.0.5",
     "tslib": "^2.0.0"
   },