@kirbydesign/designsystem 11.11.4 → 12.0.0-dev-286cdc0

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

@@ -1,71 +1,135 @@
-import * as i0 from '@angular/core';
-import { ElementRef, OnInit, OnDestroy, Renderer2 } from '@angular/core';
-import { NotificationColor } from '@kirbydesign/designsystem/helpers';
-import * as i2 from '@kirbydesign/designsystem/shared';
-import { ResizeObserverService } from '@kirbydesign/designsystem/shared';
-import * as i1 from '@angular/common';
-
-declare class CardFooterComponent {
-    hasPadding: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, { "hasPadding": { "alias": "hasPadding"; "required": false; }; }, {}, never, ["*"], true, never>;
+import * as i0 from "@angular/core";
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from "@angular/core";
+import { NotificationColor } from "@kirbydesign/designsystem/helpers";
+import * as i2 from "@kirbydesign/designsystem/shared";
+import { ResizeObserverService } from "@kirbydesign/designsystem/shared";
+import * as i1 from "@angular/common";
+declare namespace card_footer_component_d_exports {
+  export { CardFooterComponent };
 }
-
-type CardFlagLevel = NotificationColor | 'info' | null;
-
-declare class CardHeaderComponent {
-    title: string;
-    subtitle: string;
-    isTitleBold: boolean;
-    flagged: CardFlagLevel;
-    hasPadding: boolean;
-    get _cssClass(): any[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "kirby-card-header", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "isTitleBold": { "alias": "isTitleBold"; "required": false; }; "flagged": { "alias": "flagged"; "required": false; }; "hasPadding": { "alias": "hasPadding"; "required": false; }; }, {}, never, ["*"], true, never>;
+export declare class CardFooterComponent {
+  hasPadding: boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, {
+    "hasPadding": {
+      "alias": "hasPadding";
+      "required": false;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
-declare class CardAsButtonDirective {
-    private clickableElement;
-    role: string;
-    tabindex: number;
-    _pressed: boolean;
-    constructor(clickableElement: ElementRef);
-    _onKeydownHandler(event: KeyboardEvent): void;
-    _onInactiveHandler(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardAsButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CardAsButtonDirective, "kirby-card[click]", never, {}, {}, never, never, true, never>;
+export type CardFlagLevel = NotificationColor | 'info' | null;
+declare namespace card_header_component_d_exports {
+  export { CardHeaderComponent };
 }
-
-declare class CardComponent implements OnInit, OnDestroy {
-    private elementRef;
-    private resizeObserverService;
-    private renderer;
-    title: string;
-    subtitle: string;
-    _backgroundImage: string;
-    set backgroundImageUrl(value: string);
-    hasPadding: boolean;
-    private sizesSortedByBreakpoint;
-    set sizes(value: {
-        [size: string]: number;
-    });
-    variant: 'elevated' | 'flat' | 'outlined';
-    constructor(elementRef: ElementRef, resizeObserverService: ResizeObserverService, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private sortSizesByBreakpoint;
-    private compareSizesByBreakpoint;
-    private handleResize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "kirby-card", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "backgroundImageUrl": { "alias": "backgroundImageUrl"; "required": false; }; "hasPadding": { "alias": "hasPadding"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["kirby-card-header", "*", "kirby-card-footer"], true, never>;
+export declare class CardHeaderComponent {
+  title: string;
+  subtitle: string;
+  isTitleBold: boolean;
+  flagged: CardFlagLevel;
+  hasPadding: boolean;
+  get _cssClass(): any[];
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "kirby-card-header", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+    };
+    "subtitle": {
+      "alias": "subtitle";
+      "required": false;
+    };
+    "isTitleBold": {
+      "alias": "isTitleBold";
+      "required": false;
+    };
+    "flagged": {
+      "alias": "flagged";
+      "required": false;
+    };
+    "hasPadding": {
+      "alias": "hasPadding";
+      "required": false;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
-declare class CardModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, never, [typeof i1.CommonModule, typeof i2.ThemeColorDirective, typeof CardComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardAsButtonDirective], [typeof CardComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardAsButtonDirective, typeof i2.ThemeColorDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
+declare namespace card_as_button_directive_d_exports {
+  export { CardAsButtonDirective };
 }
-
-export { CardAsButtonDirective, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule };
-export type { CardFlagLevel };
-//# sourceMappingURL=kirbydesign-designsystem-card.d.ts.map
+export declare class CardAsButtonDirective {
+  private clickableElement;
+  role: string;
+  tabindex: number;
+  _pressed: boolean;
+  constructor(clickableElement: ElementRef);
+  _onKeydownHandler(event: KeyboardEvent): void;
+  _onInactiveHandler(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardAsButtonDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<CardAsButtonDirective, "kirby-card[click]", never, {}, {}, never, never, true, never>;
+}
+declare namespace card_component_d_exports {
+  export { CardComponent, CardVariant };
+}
+export type CardVariant = 'elevated' | 'flat' | 'outlined' | 'base' | 'raised' | 'brand';
+export declare class CardComponent implements OnInit, OnDestroy {
+  private elementRef;
+  private resizeObserverService;
+  private renderer;
+  private themeColor;
+  title: string;
+  subtitle: string;
+  _backgroundImage: string;
+  set backgroundImageUrl(value: string);
+  hasPadding: boolean;
+  private sizesSortedByBreakpoint;
+  set sizes(value: {
+    [size: string]: number;
+  });
+  /**
+   * `base`, `raised` and `brand` set the surface directly.
+   * `elevated` (default) and `flat` are raised surfaces, `outlined` is a base surface.
+   * A `themeColor` takes precedence over the surface of the variant.
+   */
+  variant: CardVariant;
+  get hostClasses(): string;
+  private get surface();
+  constructor(elementRef: ElementRef, resizeObserverService: ResizeObserverService, renderer: Renderer2);
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  private sortSizesByBreakpoint;
+  private compareSizesByBreakpoint;
+  private handleResize;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "kirby-card", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+    };
+    "subtitle": {
+      "alias": "subtitle";
+      "required": false;
+    };
+    "backgroundImageUrl": {
+      "alias": "backgroundImageUrl";
+      "required": false;
+    };
+    "hasPadding": {
+      "alias": "hasPadding";
+      "required": false;
+    };
+    "sizes": {
+      "alias": "sizes";
+      "required": false;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+    };
+  }, {}, never, ["kirby-card-header", "*", "kirby-card-footer"], true, never>;
+  static ngAcceptInputType_variant: CardVariant | null | undefined;
+}
+export declare class CardModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, never, [typeof i1.CommonModule, typeof i2.ThemeColorDirective, typeof CardComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardAsButtonDirective], [typeof CardComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardAsButtonDirective, typeof i2.ThemeColorDirective]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
+}
+//# sourceMappingURL=kirbydesign-designsystem-card.d.ts.map

package/types/kirbydesign-designsystem-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-card.d.ts","sources":["../../card/src/card-footer/card-footer.component.ts","../../card/src/card-flag-level.ts","../../card/src/card-header/card-header.component.ts","../../card/src/card-as-button/card-as-button.directive.ts","../../card/src/card.component.ts","../../card/src/card.module.ts"],"mappings":";;;;;;;AAEA,cAMa,mBAAmB;;yCAAnB,mBAAmB;2CAAnB,mBAAmB;AAI/B;;ACVK,KAAM,aAAa,GAAG,iBAAiB;;ACE7C,cAMa,mBAAmB;;;;aAKrB,aAAa;;AAKtB;yCAVW,mBAAmB;2CAAnB,mBAAmB;AAc/B;;ACtBD,cAIa,qBAAqB;AAKpB;;;AAFmC;AAE3B,kCAAkB,UAAU;6BAIvB,aAAa;;yCAT3B,qBAAqB;2CAArB,qBAAqB;AA6BjC;;ACxBD,cAKa,aAAc,YAAW,MAAM,EAAE,SAAS;AAoCnD;AACA;AACA;;;;AA/BF;;;;AAemB;;AAWnB;4BAGsB,UAAU,yBACC,qBAAqB,YAClC,SAAS;;;AAW7B;AAIA;AAIA;yCAzDW,aAAa;2CAAb,aAAa;AAuEzB;;AC7ED,cAIa,UAAU;yCAAV,UAAU;0CAAV,UAAU,iBAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,mBAAA,SAAAA,aAAA,SAAAC,mBAAA,SAAAC,mBAAA,SAAAC,qBAAA,WAAAH,aAAA,SAAAC,mBAAA,SAAAC,mBAAA,SAAAC,qBAAA,SAAA,EAAA,CAAA,mBAAA;0CAAV,UAAU;AAAG;;;;","names":["i3.CardComponent","i4.CardFooterComponent","i5.CardHeaderComponent","i6.CardAsButtonDirective"]}
+{"version":3,"file":"kirbydesign-designsystem-card.d.ts","names":[],"sources":["../../card/src/card-footer/card-footer.component.ts","../../card/src/card-flag-level.ts","../../card/src/card-header/card-header.component.ts","../../card/src/card-as-button/card-as-button.directive.ts","../../card/src/card.component.ts","../../card/src/card.module.ts"],"mappings":";;;;;;;;;qBAQa;EAGX;SAHW,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAmB;MAAA;MAAA;;;;YCNpB,gBAAgB;;;;qBCQf;EACF;EACA;EACA;EAET,SAAS;EAGT;MAGI;SAXO,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAmB;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;;;;;qBCJnB;UAKS;EAJM;EACI;EACiB;EAE3B,YAAA,kBAAkB;EAItC,kBAAkB,OAAO;EAiBzB;SA1BW,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;;;;;YCOD;qBAiBC,yBAAyB,QAAQ;UA4DlC;UACA;UACA;UA7DF;EAEC;EACA;EAGT;MAGI,mBAAmB;EAKvB;UAEQ;MAOJ,MAAM;KAAU;;;;;;;EAepB,SAAS;MAGL;cAKQ;EAaF,YAAA,YAAY,YACZ,uBAAuB,uBACvB,UAAU;EAGpB;EAIA;UAIQ;UAIA;UAIA;SAjFG,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAa;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;SAsCI,2BAAA;;qBCtDjB;SAAA,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,sBAAA,2BAAU,GAAA,qBAAA,GAAA,4BAAA,sBAAA,4BAAA,4BAAA,gCAAA,sBAAA,4BAAA,4BAAA,8BAAA,GAAA;SAAV,MAAA,GAAA,sBAAA"}

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

@@ -1,200 +1,226 @@
-import * as chart_js from 'chart.js';
-import { ChartType as ChartType$1, ChartOptions, ChartDataset as ChartDataset$1, ChartConfiguration, TooltipOptions, Plugin } from 'chart.js';
-import * as i0 from '@angular/core';
-import { ElementRef, AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { AnnotationType, AnnotationTypeRegistry, AnnotationOptions } from 'chartjs-plugin-annotation';
-import * as chartjs_plugin_datalabels_types_options from 'chartjs-plugin-datalabels/types/options';
-
-type ChartHighlightedElements = number[][];
-type ChartType = 'column' | 'bar' | 'line' | 'stock';
-type ChartTypeConfig = {
-    type: ChartType$1;
-    options?: ChartOptions;
+import { ChartConfiguration, ChartDataset as ChartDataset$1, ChartOptions, ChartType as ChartType$1, Plugin, TooltipOptions } from "chart.js";
+import * as i0 from "@angular/core";
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
+import { AnnotationOptions, AnnotationType, AnnotationTypeRegistry } from "chartjs-plugin-annotation";
+export type ChartHighlightedElements = number[][];
+export type ChartType = 'column' | 'bar' | 'line' | 'stock';
+export type ChartTypeConfig = {
+  type: ChartType$1;
+  options?: ChartOptions;
 };
-type ChartTypesConfig = {
-    [key in ChartType]: ChartTypeConfig;
+export type ChartTypesConfig = { [key in ChartType]: ChartTypeConfig; };
+export type ChartLabel = string | string[];
+export type ChartDataLabelOptions = {
+  showMin?: boolean;
+  showMax?: boolean;
+  showCurrent?: boolean;
+  locale?: ChartLocale;
+  valueSuffix?: string;
 };
-type ChartLabel = string | string[];
-type ChartDataLabelOptions = {
-    showMin?: boolean;
-    showMax?: boolean;
-    showCurrent?: boolean;
-    locale?: ChartLocale;
-    valueSuffix?: string;
-};
-type ChartLocale = 'da-DK' | 'en-US';
-type ChartDataset = {
-    kirbyOptions?: {
-        highlightedElements?: number[];
-        isStockChart?: boolean;
-    };
+export type ChartLocale = 'da-DK' | 'en-US';
+export type ChartDataset = {
+  kirbyOptions?: {
+    highlightedElements?: number[];
+    isStockChart?: boolean;
+  };
 } & ChartDataset$1;
-declare function isNumberArray(value: any): value is number[];
-
-declare class ChartConfigService {
-    getTypeConfig(chartType: ChartType): ChartTypeConfig;
-    getAnnotationDefaults(type: AnnotationType): AnnotationTypeRegistry[AnnotationType];
-    chartTypeToChartJSType(chartType: ChartType): ChartType$1;
-    applyInteractionFunctionsExtensions(options: ChartOptions): ChartOptions;
-    getStockChartOptions(dataLabelOptions: ChartDataLabelOptions, locale: ChartLocale): {
-        locale: ChartLocale;
-        plugins: {
-            tooltip: {
-                callbacks: {
-                    title: (tooltipItems: any) => any;
-                    label: (context: any) => string;
-                };
-            };
+export declare function isNumberArray(value: any): value is number[];
+export declare class ChartConfigService {
+  getTypeConfig(chartType: ChartType): ChartTypeConfig;
+  getAnnotationDefaults(type: AnnotationType): AnnotationTypeRegistry[AnnotationType];
+  chartTypeToChartJSType(chartType: ChartType): ChartType$1;
+  applyInteractionFunctionsExtensions(options: ChartOptions): ChartOptions;
+  getStockChartOptions(dataLabelOptions: ChartDataLabelOptions, locale: ChartLocale): {
+    locale: ChartLocale;
+    plugins: {
+      tooltip: {
+        callbacks: {
+          title: (tooltipItems: any) => any;
+          label: (context: any) => string;
         };
-        scales: {
-            y: {
-                ticks: {
-                    callback: (value: any) => string;
-                };
-            };
+      };
+    };
+    scales: {
+      y: {
+        ticks: {
+          callback: (value: any) => string;
         };
+      };
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartConfigService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ChartConfigService>;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChartConfigService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
-
-declare class ChartJSService {
-    protected chartConfigService: ChartConfigService;
-    private chart;
-    private highlightedElements;
-    protected chartType: ChartType;
-    private annotationsDelegate;
-    constructor(chartConfigService: ChartConfigService);
-    renderChart(args: {
-        targetElement: ElementRef<HTMLCanvasElement>;
-        type: ChartType;
-        data: ChartDataset[] | number[];
-        labels?: ChartLabel[];
-        customOptions?: ChartOptions;
-        annotations?: AnnotationOptions[];
-        highlightedElements?: ChartHighlightedElements;
-    }): void;
-    redrawChart(): void;
-    destroyChart(): void;
-    updateData(data: ChartDataset[] | number[]): void;
-    updateLabels(labels: ChartLabel[]): void;
-    updateType(type: ChartType, customOptions?: ChartOptions): void;
-    updateOptions(customOptions: ChartOptions, type: ChartType): void;
-    updateAnnotations(annotations: AnnotationOptions[]): void;
-    updateHighlightedElements(highlightedElements?: ChartHighlightedElements): void;
-    protected createOptionsObject(args: {
-        customOptions?: ChartOptions;
-        annotations?: AnnotationOptions[];
-    }): ChartOptions;
-    protected getDefaultLabels(datasets: ChartDataset[]): ChartLabel | ChartLabel[];
-    private createConfigurationObject;
-    protected createDatasets(data: ChartDataset[] | number[]): ChartDataset[];
-    private destructivelyUpdateType;
-    private nonDestructivelyUpdateType;
-    private initializeNewChart;
-    private addHighlightedElementsToDatasets;
-    private getLabelsToApply;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartJSService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ChartJSService>;
-}
-
-declare const TEST_CHART_TYPES_CONFIG: ChartTypesConfig;
-declare const TEST_CHART_ANNOTATIONS_CONFIG: Omit<AnnotationTypeRegistry, 'label' | 'polygon'>;
-
-declare class BaseChartComponent implements AfterViewInit, OnChanges, OnDestroy {
-    protected chartJSService: ChartJSService;
+export declare class ChartJSService {
+  protected chartConfigService: ChartConfigService;
+  private chart;
+  private highlightedElements;
+  protected chartType: ChartType;
+  private annotationsDelegate;
+  constructor(chartConfigService: ChartConfigService);
+  renderChart(args: {
+    targetElement: ElementRef<HTMLCanvasElement>;
     type: ChartType;
     data: ChartDataset[] | number[];
-    labels: ChartLabel[];
+    labels?: ChartLabel[];
     customOptions?: ChartOptions;
     annotations?: AnnotationOptions[];
     highlightedElements?: ChartHighlightedElements;
-    _height: string;
-    set height(value: string | number);
-    canvasElement: ElementRef<HTMLCanvasElement>;
-    private chartHasBeenRendered;
-    constructor(chartJSService: ChartJSService);
-    ngAfterViewInit(): void;
-    private whenElementHasHeightAndWidth;
-    ngOnChanges(simpleChanges: SimpleChanges): void;
-    protected renderChart(additionalArgs?: any): void;
-    private updateData;
-    private updateLabels;
-    private updateType;
-    private updateCustomOptions;
-    private updateAnnotations;
-    private updateHighlightedElements;
-    private redrawChart;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseChartComponent, "kirby-base-chart", never, { "type": { "alias": "type"; "required": false; }; "data": { "alias": "data"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "customOptions": { "alias": "customOptions"; "required": false; }; "annotations": { "alias": "annotations"; "required": false; }; "highlightedElements": { "alias": "highlightedElements"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, ["*"], true, never>;
+  }): void;
+  redrawChart(): void;
+  destroyChart(): void;
+  updateData(data: ChartDataset[] | number[]): void;
+  updateLabels(labels: ChartLabel[]): void;
+  updateType(type: ChartType, customOptions?: ChartOptions): void;
+  updateOptions(customOptions: ChartOptions, type: ChartType): void;
+  updateAnnotations(annotations: AnnotationOptions[]): void;
+  updateHighlightedElements(highlightedElements?: ChartHighlightedElements): void;
+  protected createOptionsObject(args: {
+    customOptions?: ChartOptions;
+    annotations?: AnnotationOptions[];
+  }): ChartOptions;
+  protected getDefaultLabels(datasets: ChartDataset[]): ChartLabel | ChartLabel[];
+  private createConfigurationObject;
+  protected createDatasets(data: ChartDataset[] | number[]): ChartDataset[];
+  private destructivelyUpdateType;
+  private nonDestructivelyUpdateType;
+  private initializeNewChart;
+  private addHighlightedElementsToDatasets;
+  private getLabelsToApply;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChartJSService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export declare const TEST_CHART_TYPES_CONFIG: ChartTypesConfig;
+export declare const TEST_CHART_ANNOTATIONS_CONFIG: Omit<AnnotationTypeRegistry, 'label' | 'polygon'>;
+export declare class BaseChartComponent implements AfterViewInit, OnChanges, OnDestroy {
+  protected chartJSService: ChartJSService;
+  type: ChartType;
+  data: ChartDataset[] | number[];
+  labels: ChartLabel[];
+  customOptions?: ChartOptions;
+  annotations?: AnnotationOptions[];
+  highlightedElements?: ChartHighlightedElements;
+  _height: string;
+  set height(value: string | number);
+  canvasElement: ElementRef<HTMLCanvasElement>;
+  private chartHasBeenRendered;
+  constructor(chartJSService: ChartJSService);
+  ngAfterViewInit(): void;
+  private whenElementHasHeightAndWidth;
+  ngOnChanges(simpleChanges: SimpleChanges): void;
+  protected renderChart(additionalArgs?: any): void;
+  private updateData;
+  private updateLabels;
+  private updateType;
+  private updateCustomOptions;
+  private updateAnnotations;
+  private updateHighlightedElements;
+  private redrawChart;
+  ngOnDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BaseChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BaseChartComponent, "kirby-base-chart", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+    };
+    "data": {
+      "alias": "data";
+      "required": false;
+    };
+    "labels": {
+      "alias": "labels";
+      "required": false;
+    };
+    "customOptions": {
+      "alias": "customOptions";
+      "required": false;
+    };
+    "annotations": {
+      "alias": "annotations";
+      "required": false;
+    };
+    "highlightedElements": {
+      "alias": "highlightedElements";
+      "required": false;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+declare namespace chart_component_d_exports {
+  export { ChartComponent };
 }
-
-declare class ChartComponent extends BaseChartComponent {
-    type: Exclude<ChartType, 'stock'>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kirby-chart", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+export declare class ChartComponent extends BaseChartComponent {
+  type: Exclude<ChartType, 'stock'>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kirby-chart", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+declare namespace stock_chart_component_d_exports {
+  export { StockChartComponent };
 }
-
-declare class StockChartComponent extends BaseChartComponent {
-    dataLabelOptions?: ChartDataLabelOptions;
-    readonly type = "stock";
-    protected renderChart(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StockChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockChartComponent, "kirby-stock-chart", never, { "dataLabelOptions": { "alias": "dataLabelOptions"; "required": false; }; }, {}, never, ["*"], true, never>;
+export declare class StockChartComponent extends BaseChartComponent {
+  dataLabelOptions?: ChartDataLabelOptions;
+  readonly type = "stock";
+  protected renderChart(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StockChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StockChartComponent, "kirby-stock-chart", never, {
+    "dataLabelOptions": {
+      "alias": "dataLabelOptions";
+      "required": false;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
-declare class ChartsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChartsModule, never, [typeof ChartComponent, typeof StockChartComponent], [typeof ChartComponent, typeof StockChartComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ChartsModule>;
+export declare class ChartsModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChartsModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<ChartsModule, never, [typeof ChartComponent, typeof StockChartComponent], [typeof ChartComponent, typeof StockChartComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<ChartsModule>;
 }
-
 declare class ChartBaseConfig {
-    static baseConfig: ChartConfiguration<ChartType$1>;
-    static tooltipPlugin: Partial<TooltipOptions<'line'>>;
-    static registerPlugins: () => void;
+  static baseConfig: ChartConfiguration<ChartType$1>;
+  static tooltipPlugin: Partial<TooltipOptions<'line'>>;
+  static registerPlugins: () => void;
 }
-
 /**
  * This class is still experimental. Feel free to use it, but please note that it is still subject to breaking changes.
  */
-declare class BarChartConfig extends ChartBaseConfig {
-    private static BAR_CHART_LOCALE_DEFAULT;
-    static baseConfig: ChartConfiguration<ChartType$1>;
+export declare class BarChartConfig extends ChartBaseConfig {
+  private static BAR_CHART_LOCALE_DEFAULT;
+  static baseConfig: ChartConfiguration<ChartType$1>;
 }
-
 interface VerticalLinePlugin extends Plugin {
-    id: string;
-    drawTime: string;
-    line?: {
-        color: string;
-    };
-    defaults?: {
-        width: number;
-        color: string;
-    };
+  id: string;
+  drawTime: string;
+  line?: {
+    color: string;
+  };
+  defaults?: {
+    width: number;
+    color: string;
+  };
 }
-
 /**
  * This class is still experimental. Feel free to use it, but please note that it is still subject to breaking changes.
  */
-declare class StockChartConfig extends ChartBaseConfig {
-    private static STOCK_CHART_LOCALE_DEFAULT;
-    private static scales;
-    private static elements;
-    private static controllers;
-    private static plugins;
-    private static registeredElements;
-    private static pluginsRegistered;
-    static registerPlugins(): void;
-    static baseConfig: ChartConfiguration<ChartType$1>;
-    static tooltipPlugin: Partial<TooltipOptions<'line'>>;
-    static dataLabelsPluginConfig: Partial<chartjs_plugin_datalabels_types_options.Options>;
-    static verticalLinePluginConfig: VerticalLinePlugin;
-    static getDataLabelPosition: (data: chart_js.ScatterDataPoint[], dataIndex: number) => chartjs_plugin_datalabels_types_options.Align | null;
+export declare class StockChartConfig extends ChartBaseConfig {
+  private static STOCK_CHART_LOCALE_DEFAULT;
+  private static scales;
+  private static elements;
+  private static controllers;
+  private static plugins;
+  private static registeredElements;
+  private static pluginsRegistered;
+  static registerPlugins(): void;
+  static baseConfig: ChartConfiguration<ChartType$1>;
+  static tooltipPlugin: Partial<TooltipOptions<'line'>>;
+  static dataLabelsPluginConfig: Partial<import("chartjs-plugin-datalabels/types/options").Options>;
+  static verticalLinePluginConfig: VerticalLinePlugin;
+  static getDataLabelPosition: (data: import("chart.js").ScatterDataPoint[], dataIndex: number) => import("chartjs-plugin-datalabels/types/options").Align | null;
 }
-
-export { BarChartConfig, BaseChartComponent, ChartComponent, ChartConfigService, ChartJSService, ChartsModule, StockChartComponent, StockChartConfig, TEST_CHART_ANNOTATIONS_CONFIG, TEST_CHART_TYPES_CONFIG, isNumberArray };
-export type { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartLabel, ChartLocale, ChartType, ChartTypeConfig, ChartTypesConfig };
-//# sourceMappingURL=kirbydesign-designsystem-chart.d.ts.map
+//# sourceMappingURL=kirbydesign-designsystem-chart.d.ts.map

package/types/kirbydesign-designsystem-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-chart.d.ts","sources":["../../chart/src/shared/charts.types.ts","../../chart/src/shared/chart-config-service/chart-config.service.ts","../../chart/src/shared/chart-js-service/chart-js.service.ts","../../chart/src/shared/chart-js-service/test-utils.ts","../../chart/src/shared/base-chart/base-chart.component.ts","../../chart/src/chart/chart.component.ts","../../chart/src/stock-chart/stock-chart.component.ts","../../chart/src/charts.module.ts","../../chart/src/chart-config/chart-base-config.ts","../../chart/src/chart-config/chart-bar-config/chart-bar-config.ts","../../chart/src/chart-config/chart-stock-config/vertical-line-plugin/vertical-line-plugin.model.ts","../../chart/src/chart-config/chart-stock-config/chart-stock-config.ts"],"mappings":"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","names":["ChartJSType","ChartJSDataset","i1.ChartComponent","i2.StockChartComponent","ChartType","__vertical_line_plugin_vertical_line_plugin_model.VerticalLinePlugin"]}
+{"version":3,"file":"kirbydesign-designsystem-chart.d.ts","names":[],"sources":["../../chart/src/shared/charts.types.ts","../../chart/src/shared/chart-config-service/chart-config.service.ts","../../chart/src/shared/chart-js-service/chart-js.service.ts","../../chart/src/shared/chart-js-service/test-utils.ts","../../chart/src/shared/base-chart/base-chart.component.ts","../../chart/src/chart/chart.component.ts","../../chart/src/stock-chart/stock-chart.component.ts","../../chart/src/charts.module.ts","../../chart/src/chart-config/chart-base-config.ts","../../chart/src/chart-config/chart-bar-config/chart-bar-config.ts","../../chart/src/chart-config/chart-stock-config/vertical-line-plugin/vertical-line-plugin.model.ts","../../chart/src/chart-config/chart-stock-config/chart-stock-config.ts"],"mappings":";;;;YAEY;YAEA;YAEA;EAAoB,MAAM;EAAa,UAAU;;YAEjD,sBACT,OAAO,YAAY;YAEV;YAEA;EACV;EACA;EACA;EACA,SAAS;EACT;;YAGU;YAMA;EACV;IAAiB;IAAgC;;IAC/C;wBAEY,cAAc,aAAa;qBCnB9B;EACJ,cAAc,WAAW,YAAY;EAMrC,sBAAsB,MAAM,iBAAiB,uBAAuB;EAOpE,uBAAuB,WAAW,YAAY;EAI9C,oCAAoC,SAAS,eAAe;EAW5D,qBAAqB,kBAAkB,uBAAuB,QAAQ;;;;;;;;;;;;;;;;;;SA7BlE,MAAA,GAAA,qBAAA;;;qBCMA;YAMW,oBAAoB;UALlC;UACA;YACE,WAAW;UACb;EAEc,YAAA,oBAAoB;EAInC,YAAY;IACjB,eAAe,WAAW;IAC1B,MAAM;IACN,MAAM;IACN,SAAS;IACT,gBAAgB;IAChB,cAAc;IACd,sBAAsB;;EAmBjB;EAIA;EAIA,WAAW,MAAM;EAMjB,aAAa,QAAQ;EAMrB,WAAW,MAAM,WAAW,gBAAgB;EAU5C,cAAc,eAAe,cAAc,MAAM;EAMjD,kBAAkB,aAAa;EAM/B,0BAA0B,sBAAsB;YAc7C,oBAAoB;IAC5B,gBAAgB;IAChB,cAAc;MACZ;YAkBM,iBAAiB,UAAU,iBAAiB,aAAa;UAW3D;YAoBE,eAAe,MAAM,4BAA4B;UASnD;UAcA;UAeA;UAIA;UAmBA;SA7MG,MAAA,GAAA,qBAAA;;;qBCfA,yBAAyB;qBA2JzB,+BAA+B,KAAK;qBCrIpC,8BAA8B,eAAe,WAAW;YAqB7C,gBAAgB;EApB7B,MAAM;EACN,MAAM;EAEN,QAAQ;EAER,gBAAgB;EAChB,cAAc;EACd,sBAAsB;EAG/B;MACa,OAAO;EAKpB,eAAe,WAAW;UAElB;EAEc,YAAA,gBAAgB;EAEtC;UAWQ;EAkBR,YAAY,eAAe;YAuBjB,YAAY;UAcd;UAIA;UAIA;UAIA;UAIA;UAIA;UAIA;EAIR;SArHW,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAkB;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;;;;;qBCdlB,uBAAuB;EACzB,MAAM,QAAQ;SADZ,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAc;MAAA;MAAA;;;;;;;qBCOd,4BAA4B;EAC9B,mBAAmB;WAEnB;YAEC;SALC,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAmB;MAAA;MAAA;;;;qBCPnB;SAAA,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,sBAAA,6BAAY,uBAAA,8BAAA,uBAAA;SAAZ,MAAA,GAAA,sBAAA;;cCTA;SACG,YAAY,mBAAmB;SAC/B,eAAe,QAAQ;SACvB;;;;;qBCMH,uBAAuB;iBACnB;SAED,YAAY,mBAAmB;;UCZ9B,2BAA2B;EAC1C;EACA;EACA;IACE;;EAEF;IACE;IACA;;;;;;qBC2BS,yBAAyB;iBACrB;iBAEA;iBACA;iBACA;iBACA;iBACA;iBAOA;SAED;SAWA,YAAY,mBAAmB;SA4E/B,eAAe,QAAQ;SAgCvB,wBAAsB,0DAAA;SAEtB,0BAFsB;SAItB,uBAAoB,yBAAA,oBAAA,wEAAA"}