@kirbydesign/designsystem 5.2.2 → 6.0.0-rc.0

package/icons/svg/more.svg

@@ -1,7 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com -->
-    <g id="more" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M13.5002,12.0002 C13.5002,12.8282 12.8282,13.5002 12.0002,13.5002 C11.1712,13.5002 10.5002,12.8282 10.5002,12.0002 C10.5002,11.1712 11.1712,10.5002 12.0002,10.5002 C12.8282,10.5002 13.5002,11.1712 13.5002,12.0002 Z M19.5002,12.0002 C19.5002,12.8282 18.8282,13.5002 18.0002,13.5002 C17.1712,13.5002 16.5002,12.8282 16.5002,12.0002 C16.5002,11.1712 17.1712,10.5002 18.0002,10.5002 C18.8282,10.5002 19.5002,11.1712 19.5002,12.0002 Z M7.5002,12.0002 C7.5002,12.8282 6.8282,13.5002 6.0002,13.5002 C5.1712,13.5002 4.5002,12.8282 4.5002,12.0002 C4.5002,11.1712 5.1712,10.5002 6.0002,10.5002 C6.8282,10.5002 7.5002,11.1712 7.5002,12.0002 Z" id="icon-color" fill="currentColor" fill-rule="nonzero"></path>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="s-ion-icon">
+<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+<path d="M13.5002,12.0002 C13.5002,12.8282 12.8282,13.5002 12.0002,13.5002 C11.1712,13.5002 10.5002,12.8282 10.5002,12.0002 C10.5002,11.1712 11.1712,10.5002 12.0002,10.5002 C12.8282,10.5002 13.5002,11.1712 13.5002,12.0002 M20.5002,12.0002 C20.5002,12.8282 19.8282,13.5002 19.0002,13.5002 C18.1712,13.5002 17.5002,12.8282 17.5002,12.0002 C17.5002,11.1712 18.1712,10.5002 19.0002,10.5002 C19.8282,10.5002 20.5002,11.1712 20.5002,12.0002 M6.5002,12.0002 C6.5002,12.8282 5.8282,13.5002 5.0002,13.5002 C4.1712,13.5002 3.5002,12.8282 3.5002,12.0002 C3.5002,11.1712 4.1712,10.5002 5.0002,10.5002 C5.8282,10.5002 6.5002,11.1712 6.5002,12.0002" id="icon-color" fill="currentColor" fill-rule="nonzero"></path>
+</g>
+</svg>

package/kirbydesign-designsystem.d.ts

@@ -1,118 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@kirbydesign/designsystem" />
 export * from './index';
-export { AccordionItemComponent as ɵeo } from './lib/components/accordion/accordion-item.component';
-export { AccordionDirective as ɵen } from './lib/components/accordion/accordion.directive';
-export { ProxyCmp as ɵa } from './lib/components/angular-component-lib/utils';
-export { AppComponent as ɵc } from './lib/components/app/app.component';
-export { AppModule as ɵb } from './lib/components/app/app.module';
-export { AvatarComponent as ɵdh } from './lib/components/avatar/avatar.component';
-export { ButtonComponent as ɵbc } from './lib/components/button/button.component';
-export { CalendarComponent as ɵdi } from './lib/components/calendar/calendar.component';
-export { CalendarHelper as ɵdj } from './lib/components/calendar/helpers/calendar.helper';
-export { CardFooterComponent as ɵcs } from './lib/components/card/card-footer/card-footer.component';
-export { CardHeaderComponent as ɵcr } from './lib/components/card/card-header/card-header.component';
-export { CardComponent as ɵcq } from './lib/components/card/card.component';
-export { ChartDeprecatedHelper as ɵcu } from './lib/components/chart-deprecated/chart-deprecated-helper';
-export { ChartDeprecatedComponent as ɵct } from './lib/components/chart-deprecated/chart-deprecated.component';
-export { ACTIVITYGAUGE_OPTIONS as ɵdb, ActivityGaugeOptions as ɵdc } from './lib/components/chart-deprecated/options/activitygauge';
-export { AREASPLINE_OPTIONS as ɵcx, AreaSplineOptions as ɵcy } from './lib/components/chart-deprecated/options/areaspline';
-export { DONUT_OPTIONS as ɵcv, DonutOptions as ɵcw } from './lib/components/chart-deprecated/options/donut';
-export { TIMESERIES_OPTIONS as ɵcz, TimeSeriesOptions as ɵda } from './lib/components/chart-deprecated/options/timeseries';
-export { ChartJSService as ɵco } from './lib/components/chart/chart-js/chart-js.service';
-export { ChartComponent as ɵcn } from './lib/components/chart/chart.component';
-export { ChartModule as ɵcm } from './lib/components/chart/chart.module';
-export { ChartConfigService as ɵcp } from './lib/components/chart/configs/chart-config.service';
-export { CheckboxComponent as ɵdk } from './lib/components/checkbox/checkbox.component';
-export { ChipComponent as ɵdp } from './lib/components/chip/chip.component';
-export { DividerComponent as ɵed } from './lib/components/divider/divider.component';
-export { DropdownComponent as ɵef } from './lib/components/dropdown/dropdown.component';
-export { KeyboardHandlerService as ɵeh } from './lib/components/dropdown/keyboard-handler.service';
-export { EmptyStateComponent as ɵdv } from './lib/components/empty-state/empty-state.component';
-export { FabSheetComponent as ɵec } from './lib/components/fab-sheet/fab-sheet.component';
-export { FlagComponent as ɵek } from './lib/components/flag/flag.component';
-export { DateInputDirective as ɵdr } from './lib/components/form-field/directives/date/date-input.directive';
-export { DecimalMaskDirective as ɵds } from './lib/components/form-field/directives/decimal-mask/decimal-mask.directive';
-export { FormFieldMessageComponent as ɵev } from './lib/components/form-field/form-field-message/form-field-message.component';
-export { FormFieldComponent as ɵdw } from './lib/components/form-field/form-field.component';
-export { InputCounterComponent as ɵdx } from './lib/components/form-field/input-counter/input-counter.component';
-export { InputComponent as ɵea } from './lib/components/form-field/input/input.component';
-export { TextareaComponent as ɵeb } from './lib/components/form-field/textarea/textarea.component';
-export { BreakpointHelperService as ɵdf } from './lib/components/grid/breakpoint-helper.service';
-export { GridComponent as ɵde } from './lib/components/grid/grid.component';
-export { IconRegistryService as ɵbe } from './lib/components/icon/icon-registry.service';
-export { ICON_SETTINGS as ɵbg, IconSettings as ɵbf } from './lib/components/icon/icon-settings';
-export { IconComponent as ɵbd } from './lib/components/icon/icon.component';
-export { IconModule as ɵbp } from './lib/components/icon/icon.module';
-export { ItemGroupComponent as ɵes } from './lib/components/item-group/item-group.component';
-export { ItemSlidingComponent as ɵep } from './lib/components/item-sliding/item-sliding.component';
-export { ItemComponent as ɵbs } from './lib/components/item/item.component';
-export { ItemModule as ɵbr } from './lib/components/item/item.module';
-export { LabelComponent as ɵbt } from './lib/components/item/label/label.component';
-export { InfiniteScrollDirective as ɵca } from './lib/components/list/directives/infinite-scroll.directive';
-export { ListItemColorDirective as ɵcl } from './lib/components/list/directives/list-item-color.directive';
-export { ListHelper as ɵby } from './lib/components/list/helpers/list-helper';
-export { ListExperimentalComponent as ɵck } from './lib/components/list/list-experimental/list-experimental.component';
-export { ListHeaderComponent as ɵcj } from './lib/components/list/list-header/list-header.component';
-export { ListItemComponent as ɵch } from './lib/components/list/list-item/list-item.component';
-export { ListSectionHeaderComponent as ɵci } from './lib/components/list/list-section-header/list-section-header.component';
-export { ListComponent as ɵbx } from './lib/components/list/list.component';
-export { ListFlexItemDirective as ɵcc, ListFooterDirective as ɵcg, ListHeaderDirective as ɵce, ListItemDirective as ɵcb, ListItemTemplateDirective as ɵcd, ListSectionHeaderDirective as ɵcf } from './lib/components/list/list.directive';
-export { ListModule as ɵbw } from './lib/components/list/list.module';
-export { GroupByPipe as ɵbz } from './lib/components/list/pipes/group-by.pipe';
-export { LoadingOverlayComponent as ɵei } from './lib/components/loading-overlay/loading-overlay.component';
-export { LoadingOverlayService as ɵfb } from './lib/components/loading-overlay/loading-overlay.service';
-export { ActionSheetComponent as ɵdl } from './lib/components/modal/action-sheet/action-sheet.component';
-export { AlertComponent as ɵew } from './lib/components/modal/alert/alert.component';
-export { ModalFooterComponent as ɵdm } from './lib/components/modal/footer/modal-footer.component';
-export { ModalCompactWrapperComponent as ɵex } from './lib/components/modal/modal-wrapper/compact/modal-compact-wrapper.component';
-export { ModalWrapperComponent as ɵba } from './lib/components/modal/modal-wrapper/modal-wrapper.component';
-export { ActionSheetHelper as ɵj } from './lib/components/modal/services/action-sheet.helper';
-export { AlertHelper as ɵk } from './lib/components/modal/services/alert.helper';
-export { ModalAnimationBuilderService as ɵg } from './lib/components/modal/services/modal-animation-builder.service';
-export { ModalNavigationService as ɵl } from './lib/components/modal/services/modal-navigation.service';
-export { ModalController as ɵe } from './lib/components/modal/services/modal.controller';
-export { ModalHelper as ɵf } from './lib/components/modal/services/modal.helper';
-export { Modal as ɵbb } from './lib/components/modal/services/modal.interfaces';
-export { PageFooterComponent as ɵz } from './lib/components/page/page-footer/page-footer.component';
-export { PageActionsComponent as ɵv, PageActionsDirective as ɵq, PageComponent as ɵw, PageContentComponent as ɵu, PageContentDirective as ɵr, PageProgressComponent as ɵs, PageTitleComponent as ɵt, PageTitleDirective as ɵo, PageToolbarTitleDirective as ɵp } from './lib/components/page/page.component';
-export { PageModule as ɵn } from './lib/components/page/page.module';
-export { PopoverComponent as ɵeg } from './lib/components/popover/popover.component';
-export { ProgressCircleRingComponent as ɵey } from './lib/components/progress-circle/progress-circle-ring.component';
-export { ProgressCircleComponent as ɵej } from './lib/components/progress-circle/progress-circle.component';
-export { RadioGroupComponent as ɵdy } from './lib/components/radio/radio-group/radio-group.component';
-export { RadioComponent as ɵdz } from './lib/components/radio/radio.component';
-export { RangeComponent as ɵeq } from './lib/components/range/range.component';
-export { ReorderListComponent as ɵee } from './lib/components/reorder-list/reorder-list.component';
-export { RouterOutletComponent as ɵd } from './lib/components/router-outlet/router-outlet.component';
-export { RouterOutletModule as ɵm } from './lib/components/router-outlet/router-outlet.module';
-export { SectionHeaderComponent as ɵet } from './lib/components/section-header/section-header.component';
-export { SegmentedControlComponent as ɵdo } from './lib/components/segmented-control/segmented-control.component';
-export { ComponentLoaderDirective as ɵdg } from './lib/components/shared/component-loader.directive';
-export { ResizeObserverFactory as ɵbi } from './lib/components/shared/resize-observer/resize-observer.factory';
-export { ResizeObserverService as ɵbh } from './lib/components/shared/resize-observer/resize-observer.service';
-export { SlideButtonComponent as ɵdt } from './lib/components/slide-button/slide-button.component';
-export { SlideDirective as ɵel, SlidesComponent as ɵem } from './lib/components/slides/slides.component';
-export { SpinnerComponent as ɵbn } from './lib/components/spinner/spinner.component';
-export { SpinnerModule as ɵbm } from './lib/components/spinner/spinner.module';
-export { StockChartDeprecatedComponent as ɵdd } from './lib/components/stock-chart-deprecated/stock-chart-deprecated.component';
-export { TabButtonComponent as ɵbq } from './lib/components/tabs/tab-button/tab-button.component';
-export { TabsComponent as ɵx } from './lib/components/tabs/tabs.component';
-export { TabsModule as ɵbo } from './lib/components/tabs/tabs.module';
-export { TabsService as ɵy } from './lib/components/tabs/tabs.service';
-export { ToastController as ɵfa } from './lib/components/toast/services/toast.controller';
-export { ToastHelper as ɵez } from './lib/components/toast/services/toast.helper';
-export { ToggleButtonComponent as ɵbv } from './lib/components/toggle-button/toggle-button.component';
-export { ToggleButtonModule as ɵbu } from './lib/components/toggle-button/toggle-button.module';
-export { ToggleComponent as ɵdu } from './lib/components/toggle/toggle.component';
-export { appInitialize as ɵfc, customElementsInitializer as ɵfd } from './lib/custom-elements-initializer';
-export { ElementAsButtonDirective as ɵer } from './lib/directives/element-as-button/element-as-button.directive';
-export { FitHeadingDirective as ɵbk } from './lib/directives/fit-heading/fit-heading.directive';
-export { FitHeadingModule as ɵbj } from './lib/directives/fit-heading/fit-heading.module';
-export { KeyHandlerDirective as ɵeu } from './lib/directives/key-handler/key-handler.directive';
-export { ModalRouterLinkDirective as ɵdn } from './lib/directives/modal-router-link/modal-router-link.directive';
-export { ThemeColorDirective as ɵdq } from './lib/directives/theme-color/theme-color.directive';
-export { LineClampHelper as ɵbl } from './lib/helpers/line-clamp-helper';
-export { PlatformService as ɵh } from './lib/helpers/platform.service';
-export { WindowRef as ɵi } from './lib/types/window-ref';

package/lib/components/accordion/accordion-item.component.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 export declare class AccordionItemComponent {
     title: string;
     isExpanded: boolean;
     _titleId: string;
     _contentId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "kirby-accordion-item", never, { "title": "title"; "isExpanded": "isExpanded"; }, {}, never, ["*"]>;
 }

package/lib/components/accordion/accordion.directive.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class AccordionDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionDirective, "[kirbyAccordion], kirby-accordion", ["kirby-accordion"], {}, {}, never>;
 }

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

@@ -1,5 +1,6 @@
 import { AfterContentInit } from '@angular/core';
 import { ModalController } from '../modal/services/modal.controller';
+import * as i0 from "@angular/core";
 export declare class AppComponent implements AfterContentInit {
     private modalController;
     private ionAppElement;
@@ -7,4 +8,6 @@ export declare class AppComponent implements AfterContentInit {
     constructor(modalController: ModalController);
     ngAfterContentInit(): void;
     registerInputs(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppComponent, "kirby-app", never, {}, {}, ["routerOutlet"], ["*"]>;
 }

package/lib/components/app/app.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./app.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
 export declare class AppModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppModule, [typeof i1.AppComponent], [typeof i2.CommonModule, typeof i3.IonicModule], [typeof i1.AppComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppModule>;
 }

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

@@ -1,4 +1,5 @@
 import { BrandColor, NotificationColor } from '@kirbydesign/core';
+import * as i0 from "@angular/core";
 export declare enum AvatarSize {
     XS = "xs",
     SM = "sm",
@@ -11,7 +12,9 @@ export declare class AvatarComponent {
     shadow: boolean;
     text: string;
     overlay: boolean;
-    size: AvatarSize;
+    size: AvatarSize | `${AvatarSize}`;
     themeColor: NotificationColor | BrandColor | 'medium' | 'white' | 'dark' | 'light' | 'semi-light';
-    get _cssClass(): ("medium" | "success" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark" | "white" | "semi-light" | AvatarSize)[];
+    get _cssClass(): ("medium" | "success" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark" | "white" | "semi-light" | "xs" | "sm" | "md" | "lg" | AvatarSize)[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kirby-avatar", never, { "imageSrc": "imageSrc"; "altText": "altText"; "shadow": "shadow"; "text": "text"; "overlay": "overlay"; "size": "size"; "themeColor": "themeColor"; }, {}, never, ["kirby-icon", "kirby-badge"]>;
 }

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

@@ -1,6 +1,7 @@
 import { AfterContentInit, ElementRef } from '@angular/core';
 import { NotificationColor } from '@kirbydesign/core';
 import { IconComponent } from '../icon/icon.component';
+import * as i0 from "@angular/core";
 export declare enum ButtonSize {
     SM = "sm",
     MD = "md",
@@ -19,16 +20,18 @@ export declare class ButtonComponent implements AfterContentInit {
     get isIconLeft(): boolean;
     private _isIconRight;
     get isIconRight(): boolean;
-    get _cssClass(): ("success" | "warning" | "danger" | ButtonSize)[];
+    get _cssClass(): ("success" | "warning" | "danger" | "sm" | "md" | "lg" | ButtonSize)[];
     set attentionLevel(level: '1' | '2' | '3' | '4');
     set isDestructive(state: boolean);
     themeColor: NotificationColor;
     expand: 'full' | 'block';
     isFloating: boolean;
-    size: ButtonSize;
+    size: ButtonSize | `${ButtonSize}`;
     icon: IconComponent;
     iconElementRef: ElementRef<HTMLElement>;
     private hasText;
     constructor(elementRef: ElementRef<HTMLElement>);
     ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": "attentionLevel"; "isDestructive": "isDestructive"; "themeColor": "themeColor"; "expand": "expand"; "isFloating": "isFloating"; "size": "size"; }, {}, ["icon", "iconElementRef"], ["*"]>;
 }

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

@@ -3,6 +3,7 @@ import { Locale as LocaleDateFns } from 'date-fns';
 import { CalendarCell } from './helpers/calendar-cell.model';
 import { CalendarHelper } from './helpers/calendar.helper';
 import { CalendarYearNavigatorConfig } from './options/calendar-year-navigator-config';
+import * as i0 from "@angular/core";
 export declare type Locale = LocaleDateFns;
 export declare class CalendarComponent implements OnInit, AfterViewInit, OnChanges {
     private calendarHelper;
@@ -87,4 +88,6 @@ export declare class CalendarComponent implements OnInit, AfterViewInit, OnChang
     private subtractTimezoneOffset;
     private getDateFromNavigableYear;
     private getYearsBetweenDates;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kirby-calendar", never, { "timezone": "timezone"; "disableWeekends": "disableWeekends"; "disablePastDates": "disablePastDates"; "disableFutureDates": "disableFutureDates"; "alwaysEnableToday": "alwaysEnableToday"; "customLocales": "customLocales"; "usePopover": "usePopover"; "yearNavigatorOptions": "yearNavigatorOptions"; "selectedDate": "selectedDate"; "disabledDates": "disabledDates"; "todayDate": "todayDate"; "minDate": "minDate"; "maxDate": "maxDate"; }, { "dateChange": "dateChange"; "dateSelect": "dateSelect"; "yearSelect": "yearSelect"; }, never, never>;
 }

package/lib/components/calendar/helpers/calendar.helper.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { WindowRef } from '../../../types/window-ref';
 import { CalendarOptions } from './calendar-options.model';
+import * as i0 from "@angular/core";
 export declare class CalendarHelper {
     private windowRef;
     private embeddedView;
@@ -18,4 +19,6 @@ export declare class CalendarHelper {
     private validateMessage;
     private validateDateSelectedMessage;
     private validateNavigateMonthMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarHelper>;
 }

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

@@ -1,5 +1,8 @@
 import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class CardFooterComponent implements OnInit {
     constructor();
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, {}, {}, never, ["*"]>;
 }

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

@@ -1,8 +1,11 @@
 import { NotificationColor } from '@kirbydesign/core';
+import * as i0 from "@angular/core";
 export declare type CardFlagLevel = NotificationColor | 'info' | null;
 export declare class CardHeaderComponent {
     title: string;
     subtitle: string;
     isTitleBold: boolean;
     flagged: CardFlagLevel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "kirby-card-header", never, { "title": "title"; "subtitle": "subtitle"; "isTitleBold": "isTitleBold"; "flagged": "flagged"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,6 @@
 import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ResizeObserverService } from '../shared/resize-observer/resize-observer.service';
+import * as i0 from "@angular/core";
 export declare class CardComponent implements OnInit, OnDestroy {
     private elementRef;
     private resizeObserverService;
@@ -22,4 +23,6 @@ export declare class CardComponent implements OnInit, OnDestroy {
     private sortSizesByBreakpoint;
     private compareSizesByBreakpoint;
     private handleResize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "kirby-card", never, { "title": "title"; "subtitle": "subtitle"; "backgroundImageUrl": "backgroundImageUrl"; "hasPadding": "hasPadding"; "sizes": "sizes"; "mode": "mode"; }, {}, never, ["kirby-card-header", "*", "kirby-card-footer"]>;
 }

package/lib/components/chart/chart-js/chart-js.service.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef } from '@angular/core';
 import { ChartOptions } from 'chart.js';
 import { AnnotationOptions } from 'chartjs-plugin-annotation';
-import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartType } from '../chart.types';
+import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartLabel, ChartType } from '../chart.types';
 import { ChartConfigService } from '../configs/chart-config.service';
+import * as i0 from "@angular/core";
 export declare class ChartJSService {
     private chartConfigService;
     private chart;
@@ -15,7 +16,7 @@ export declare class ChartJSService {
         targetElement: ElementRef<HTMLCanvasElement>;
         type: ChartType;
         data: ChartDataset[] | number[];
-        labels?: string[] | string[][];
+        labels?: ChartLabel[];
         customOptions?: ChartOptions;
         annotations?: AnnotationOptions[];
         dataLabelOptions?: ChartDataLabelOptions;
@@ -23,7 +24,7 @@ export declare class ChartJSService {
     }): void;
     redrawChart(): void;
     updateData(data: ChartDataset[] | number[]): void;
-    updateLabels(labels: string[] | string[][]): void;
+    updateLabels(labels: ChartLabel[]): void;
     updateType(type: ChartType, customOptions?: ChartOptions): void;
     setDataLabelOptions(dataLabelOptions: ChartDataLabelOptions): void;
     updateOptions(customOptions: ChartOptions, type: ChartType): void;
@@ -40,6 +41,7 @@ export declare class ChartJSService {
     private createStockOptionsObject;
     private createOptionsObject;
     private getDefaultStockLabels;
+    private getLabelsToApply;
     private createConfigurationObject;
     private addHighlightedElementsToDatasets;
     private createDatasets;
@@ -51,4 +53,6 @@ export declare class ChartJSService {
      */
     addDataLabelsData(data: ChartDataset[] | number[]): ChartDataset[];
     private locateValueIndexInDataset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartJSService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChartJSService>;
 }

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

@@ -2,15 +2,13 @@ import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/co
 import { ChartOptions } from 'chart.js';
 import { AnnotationOptions } from 'chartjs-plugin-annotation';
 import { ChartJSService } from './chart-js/chart-js.service';
-import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartType } from './chart.types';
+import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartLabel, ChartType } from './chart.types';
+import * as i0 from "@angular/core";
 export declare class ChartComponent implements AfterViewInit, OnChanges {
     private chartJSService;
     type: ChartType;
     data: ChartDataset[] | number[];
-    private _labels;
-    get labels(): string[] | string[][];
-    set labels(value: string[] | string[][]);
-    set dataLabels(value: string[] | string[][]);
+    labels: ChartLabel[];
     customOptions?: ChartOptions;
     dataLabelOptions?: ChartDataLabelOptions;
     annotations?: AnnotationOptions[];
@@ -31,4 +29,6 @@ export declare class ChartComponent implements AfterViewInit, OnChanges {
     private updateAnnotations;
     private updateHighlightedElements;
     private redrawChart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kirby-chart", never, { "type": "type"; "data": "data"; "labels": "labels"; "customOptions": "customOptions"; "dataLabelOptions": "dataLabelOptions"; "annotations": "annotations"; "highlightedElements": "highlightedElements"; "height": "height"; }, {}, never, ["*"]>;
 }

package/lib/components/chart/chart.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./chart.component";
 export declare class ChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ChartModule, [typeof i1.ChartComponent], never, [typeof i1.ChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ChartModule>;
 }

package/lib/components/chart/chart.types.d.ts

@@ -8,6 +8,7 @@ export declare type ChartTypeConfig = {
 export declare type ChartTypesConfig = {
     [key in ChartType]: ChartTypeConfig;
 };
+export declare type ChartLabel = string | string[];
 export declare type ChartDataLabelOptions = {
     showMin?: boolean;
     showMax?: boolean;

package/lib/components/chart/configs/chart-config.service.d.ts

@@ -1,11 +1,14 @@
 import { ChartType as ChartJSType } from 'chart.js';
 import { AnnotationType, AnnotationTypeRegistry } from 'chartjs-plugin-annotation';
 import { ChartType, ChartTypeConfig } from '../chart.types';
+import * as i0 from "@angular/core";
 export declare class ChartConfigService {
     getTypeConfig(chartType: ChartType): ChartTypeConfig;
     getAnnotationDefaults(type: AnnotationType): AnnotationTypeRegistry[AnnotationType];
     getInteractionFunctionsExtensions(): {
-        onHover: (_event: import("chart.js").ChartEvent, activeElements: import("chart.js").ActiveElement[], _chart: import("chart.js").Chart<"line" | "bar" | "bubble" | "pie" | "scatter" | "doughnut" | "polarArea" | "radar", (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint)[], unknown>, callback: (event: import("chart.js").ChartEvent, elements: import("chart.js").ActiveElement[], chart: import("chart.js").Chart<"line" | "bar" | "bubble" | "pie" | "scatter" | "doughnut" | "polarArea" | "radar", (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint)[], unknown>) => void) => void;
+        onHover: (_event: import("chart.js").ChartEvent, activeElements: import("chart.js").ActiveElement[], _chart: import("chart.js").Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint)[], unknown>, callback: (event: import("chart.js").ChartEvent, elements: import("chart.js").ActiveElement[], chart: import("chart.js").Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint)[], unknown>) => void) => void;
     };
     chartTypeToChartJSType(chartType: ChartType): ChartJSType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChartConfigService>;
 }

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

@@ -2,3 +2,4 @@ export * from './chart.types';
 export { ChartComponent } from './chart.component';
 export { ChartOptions, ChartEvent, ActiveElement, Chart } from 'chart.js';
 export { AnnotationOptions } from 'chartjs-plugin-annotation';
+export { ChartModule } from './chart.module';

package/lib/components/chart-deprecated/chart-deprecated-helper.d.ts

@@ -1,7 +1,10 @@
 import { ElementRef } from '@angular/core';
 import { Options } from 'highcharts';
+import * as i0 from "@angular/core";
 export declare class ChartDeprecatedHelper {
     chartContainer: ElementRef;
     init(chartContainer: ElementRef): void;
     renderChart(options: Options): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartDeprecatedHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChartDeprecatedHelper>;
 }

package/lib/components/chart-deprecated/chart-deprecated.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import { Options, XAxisBreaksOptions } from 'highcharts';
 import { ChartDeprecatedHelper } from './chart-deprecated-helper';
 import { ChartDeprecatedType } from './chart-deprecated-type';
+import * as i0 from "@angular/core";
 export declare class ChartDeprecatedComponent implements OnChanges {
     private chartHelper;
     private hostElement;
@@ -28,4 +29,6 @@ export declare class ChartDeprecatedComponent implements OnChanges {
     private setActivitygaugeInput;
     private setTimeseriesInput;
     private setSeries;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartDeprecatedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartDeprecatedComponent, "kirby-chart-deprecated", never, { "data": "data"; "categories": "categories"; "breaks": "breaks"; "height": "height"; "type": "type"; "description": "description"; "showDataLabels": "showDataLabels"; "options": "options"; }, {}, never, never>;
 }

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class CheckboxComponent {
     checked: boolean;
     attentionLevel: '1' | '2';
@@ -12,4 +13,6 @@ export declare class CheckboxComponent {
     checkedChange: EventEmitter<boolean>;
     onChecked(checked: boolean): void;
     _labelId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "kirby-checkbox", never, { "checked": "checked"; "attentionLevel": "attentionLevel"; "text": "text"; "size": "size"; "hasError": "hasError"; "disabled": "disabled"; }, { "checkedChange": "checkedChange"; }, never, never>;
 }

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

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class ChipComponent {
     text: string;
     isSelected: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kirby-chip", never, { "text": "text"; "isSelected": "isSelected"; }, {}, never, never>;
 }

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

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class DividerComponent {
     hasMargin: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "kirby-divider", never, { "hasMargin": "hasMargin"; }, {}, never, never>;
 }

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

@@ -2,6 +2,7 @@ import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, ElementRef, Even
 import { ControlValueAccessor } from '@angular/forms';
 import { HorizontalDirection, PopoverComponent } from '../popover/popover.component';
 import { KeyboardHandlerService } from './keyboard-handler.service';
+import * as i0 from "@angular/core";
 export declare class DropdownComponent implements AfterContentChecked, AfterViewInit, OnDestroy, ControlValueAccessor {
     private renderer;
     private elementRef;
@@ -20,8 +21,8 @@ export declare class DropdownComponent implements AfterContentChecked, AfterView
     set selectedIndex(value: number);
     itemTextProperty: string;
     placeholder: string;
-    set popout(direction: HorizontalDirection);
-    get popout(): HorizontalDirection;
+    set popout(direction: HorizontalDirection | `${HorizontalDirection}`);
+    get popout(): HorizontalDirection | `${HorizontalDirection}`;
     attentionLevel: '1' | '2' | '3' | '4';
     readonly attentionLevelOpen = "2";
     expand?: 'block';
@@ -116,4 +117,6 @@ export declare class DropdownComponent implements AfterContentChecked, AfterView
     _onArrowKeys(event: KeyboardEvent): boolean;
     _onHomeEndKeys(event: KeyboardEvent): boolean;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; }, { "change": "change"; }, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never>;
 }

package/lib/components/dropdown/keyboard-handler.service.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class KeyboardHandlerService {
     handle(event: KeyboardEvent, items: any[] | string[], selectedIndex: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardHandlerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardHandlerService>;
 }

package/lib/components/empty-state/empty-state.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class EmptyStateComponent implements AfterContentInit {
     iconName: string;
     customIconName: string;
@@ -11,4 +12,6 @@ export declare class EmptyStateComponent implements AfterContentInit {
      * level 1.
      */
     private enforceAttentionLevelRules;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "kirby-empty-state", never, { "iconName": "iconName"; "customIconName": "customIconName"; "title": "title"; "subtitle": "subtitle"; }, {}, ["slottedButtons"], ["*"]>;
 }

package/lib/components/fab-sheet/fab-sheet.component.d.ts

@@ -1,6 +1,7 @@
 import { AfterContentInit, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { IonFab } from '@ionic/angular';
 import { ActionSheetComponent } from '../modal/action-sheet/action-sheet.component';
+import * as i0 from "@angular/core";
 export declare class FabSheetComponent implements AfterContentInit, AfterViewInit {
     private renderer;
     private document;
@@ -18,4 +19,6 @@ export declare class FabSheetComponent implements AfterContentInit, AfterViewIni
     ngAfterContentInit(): void;
     hideActions(fab: IonFab): void;
     onFabClick(fab: IonFab): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FabSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FabSheetComponent, "kirby-fab-sheet", never, { "disabled": "disabled"; "horizontalAlignment": "horizontalAlignment"; }, {}, ["actionSheet"], ["kirby-icon", "kirby-action-sheet"]>;
 }

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

@@ -1,5 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class FlagComponent {
     size: 'xs' | 'sm' | 'md';
     themeColor: 'success' | 'warning' | 'danger' | 'semi-light' | 'transparent';
     get _cssClass(): ("transparent" | "success" | "warning" | "danger" | "semi-light" | "xs" | "sm" | "md")[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlagComponent, "kirby-flag", never, { "size": "size"; "themeColor": "themeColor"; }, {}, never, ["*"]>;
 }

package/lib/components/form-field/directives/date/date-input.directive.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import 'inputmask/lib/extensions/inputmask.date.extensions';
+import * as i0 from "@angular/core";
 export declare class DateInputDirective implements AfterViewInit {
     private elementRef;
     private renderer;
@@ -14,4 +15,6 @@ export declare class DateInputDirective implements AfterViewInit {
     private appendMaskingElement;
     private wrapElement;
     private updateMask;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateInputDirective, "[kirby-input][type=\"date\"]", never, {}, {}, never>;
 }

package/lib/components/form-field/directives/decimal-mask/decimal-mask.directive.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import 'inputmask/lib/extensions/inputmask.numeric.extensions';
+import * as i0 from "@angular/core";
 interface InputMask {
     unmaskedvalue: () => string;
     setValue: (val: string) => void;
@@ -30,5 +31,7 @@ export declare class DecimalMaskDirective implements ControlValueAccessor, OnIni
     private initMask;
     private getMax;
     private getMin;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecimalMaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalMaskDirective, "[kirby-decimal-mask]", never, { "min": "min"; "max": "max"; "precision": "precision"; "setMaxOnOverflow": "setMaxOnOverflow"; "allowMinus": "allowMinus"; "disableGroupSeperator": "disableGroupSeperator"; "maxlength": "maxlength"; }, {}, never>;
 }
 export {};

package/lib/components/form-field/form-field-message/form-field-message.component.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class FormFieldMessageComponent {
     text: string;
     position: 'left' | 'right';
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldMessageComponent, "kirby-form-field-message", never, { "text": "text"; "position": "position"; }, {}, never, ["*"]>;
 }

package/lib/components/form-field/form-field.component.d.ts

@@ -2,6 +2,7 @@ import { AfterContentChecked, AfterContentInit, ElementRef, OnDestroy, OnInit, R
 import { PlatformService } from '../../helpers/platform.service';
 import { WindowRef } from '../../types/window-ref';
 import { InputCounterComponent } from './input-counter/input-counter.component';
+import * as i0 from "@angular/core";
 export declare class FormFieldComponent implements AfterContentChecked, AfterContentInit, OnInit, OnDestroy {
     private platform;
     private renderer;
@@ -28,4 +29,6 @@ export declare class FormFieldComponent implements AfterContentChecked, AfterCon
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "kirby-form-field", never, { "label": "label"; "message": "message"; }, {}, ["counter", "radioGroupComponent", "radioGroupElement", "input", "textarea"], ["kirby-input-counter", "input[kirby-input]", "textarea[kirby-textarea]", "kirby-radio-group"]>;
 }