@kirbydesign/designsystem 5.0.2 → 5.0.6

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

@@ -1,11 +1,15 @@
 import { ElementRef } from '@angular/core';
 import { ChartOptions } from 'chart.js';
 import { AnnotationOptions } from 'chartjs-plugin-annotation';
-import { ChartDataset, ChartHighlightedElements, ChartType } from '../chart.types';
+import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartType } from '../chart.types';
 import { ChartConfigService } from '../configs/chart-config.service';
 export declare class ChartJSService {
     private chartConfigService;
     private chart;
+    private dataLabelOptions;
+    private highlightedElements;
+    private chartType;
+    private locale;
     constructor(chartConfigService: ChartConfigService);
     renderChart(args: {
         targetElement: ElementRef<HTMLCanvasElement>;
@@ -14,12 +18,14 @@ export declare class ChartJSService {
         dataLabels?: string[] | string[][];
         customOptions?: ChartOptions;
         annotations?: AnnotationOptions[];
+        dataLabelOptions?: ChartDataLabelOptions;
         highlightedElements?: ChartHighlightedElements;
     }): void;
     redrawChart(): void;
     updateData(data: ChartDataset[] | number[]): void;
     updateDataLabels(dataLabels: string[] | string[][]): void;
     updateType(type: ChartType, customOptions?: ChartOptions): void;
+    setDataLabelOptions(dataLabelOptions: ChartDataLabelOptions): void;
     updateOptions(customOptions: ChartOptions, type: ChartType): void;
     updateAnnotations(annotations: AnnotationOptions[]): void;
     updateHighlightedElements(highlightedElements?: ChartHighlightedElements): void;
@@ -31,8 +37,18 @@ export declare class ChartJSService {
     private applyDefaultsToAnnotations;
     private createAnnotationPluginOptionsObject;
     private applyInteractionFunctionsExtensions;
+    private createStockOptionsObject;
     private createOptionsObject;
+    private getDefaultStockLabels;
     private createConfigurationObject;
     private addHighlightedElementsToDatasets;
     private createDatasets;
+    /**
+     * Decorate ChartDataset with properties to allow for datalabels.
+     *
+     * @param data
+     * @returns ChartDataset[]
+     */
+    addDataLabelsData(data: ChartDataset[] | number[]): ChartDataset[];
+    private locateValueIndexInDataset;
 }

package/lib/components/chart/chart-js/chartjs-plugin-marker/chartjs-plugin-marker.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    id: string;
+    afterInit: (chart: any) => void;
+    getOption: (chart: any, category: any, name: any) => any;
+    getXScale: (chart: any) => any;
+    getYScale: (chart: any) => any;
+    afterEvent: (chart: any, event: any) => boolean;
+    doDraw: (chart: any) => boolean;
+    beforeDraw: (chart: any) => any;
+    drawTraceLine: (chart: any) => void;
+    drawTracePoints: (chart: any) => void;
+    interpolateValues: (chart: any) => void;
+};
+export default _default;

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

@@ -2,13 +2,14 @@ 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 { ChartDataset, ChartHighlightedElements, ChartType } from './chart.types';
+import { ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartType } from './chart.types';
 export declare class ChartComponent implements AfterViewInit, OnChanges {
     private chartJSService;
     type: ChartType;
     data: ChartDataset[] | number[];
     dataLabels?: string[] | string[][];
     customOptions?: ChartOptions;
+    dataLabelOptions?: ChartDataLabelOptions;
     annotations?: AnnotationOptions[];
     highlightedElements?: ChartHighlightedElements;
     _height: string;

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

@@ -1,6 +1,6 @@
 import { ChartDataset as ChartJSDataset, ChartOptions, ChartType as ChartJSType } from 'chart.js';
 export declare type ChartHighlightedElements = number[][];
-export declare type ChartType = 'column' | 'bar' | 'line';
+export declare type ChartType = 'column' | 'bar' | 'line' | 'stock';
 export declare type ChartTypeConfig = {
     type: ChartJSType;
     options?: ChartOptions;
@@ -8,6 +8,14 @@ export declare type ChartTypeConfig = {
 export declare type ChartTypesConfig = {
     [key in ChartType]: ChartTypeConfig;
 };
+export declare type ChartDataLabelOptions = {
+    showMin?: boolean;
+    showMax?: boolean;
+    showCurrent?: boolean;
+    locale?: ChartLocale;
+    valueSuffix?: string;
+};
+export declare type ChartLocale = 'da-DK' | 'en-US';
 export declare type ChartDataset = {
     kirbyOptions?: {
         highlightedElements?: number[];

package/lib/components/chart/configs/global-defaults.config.d.ts

@@ -35,5 +35,11 @@ export declare const CHART_GLOBAL_DEFAULTS: {
         legend: {
             display: boolean;
         };
+        datalabels: {
+            display: boolean;
+        };
+        tooltip: {
+            enabled: boolean;
+        };
     };
 };

package/lib/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './chart-deprecated';
 export * from './chart';
 export * from './stock-chart-deprecated';
 export * from './calendar';
+export * from './item-sliding';
 export { CheckboxComponent } from './checkbox/checkbox.component';
 export { ChipComponent } from './chip/chip.component';
 export { DividerComponent } from './divider/divider.component';
@@ -24,8 +25,10 @@ export * from './reorder-list';
 export * from './modal';
 export * from './page';
 export { HorizontalDirection, PopoverComponent } from './popover/popover.component';
+export { ItemSlidingComponent } from './item-sliding/item-sliding.component';
 export * from './router-outlet';
 export * from './shared';
+export { SectionHeaderComponent } from './section-header/section-header.component';
 export { SegmentedControlComponent, SegmentedControlMode } from './segmented-control/segmented-control.component';
 export { SegmentItem } from './segmented-control/segment-item';
 export { SlideButtonComponent } from './slide-button/slide-button.component';

package/lib/components/item-sliding/index.d.ts

@@ -0,0 +1,2 @@
+export * from './item-sliding.types';
+export * from './item-sliding.component';

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

@@ -0,0 +1,7 @@
+import { ItemSlidingSide, ItemSwipeAction } from './item-sliding.types';
+export declare class ItemSlidingComponent {
+    swipeActions: ItemSwipeAction[];
+    _side: 'start' | 'end';
+    set side(value: ItemSlidingSide);
+    get _hasSwipeActions(): boolean;
+}

package/lib/components/item-sliding/item-sliding.types.d.ts

@@ -0,0 +1,10 @@
+export declare type ItemSlidingSide = 'left' | 'right';
+export declare type ItemSwipeActionType = 'success' | 'warning' | 'danger';
+export declare type ItemSwipeActionSlots = 'start' | 'end';
+export declare type ItemSwipeAction = {
+    title: string;
+    onSelected: () => void;
+    icon?: string;
+    type?: ItemSwipeActionType;
+    isDisabled?: boolean;
+};

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

@@ -1,2 +1,5 @@
+import { IonList } from '@ionic/angular';
 export declare class ListExperimentalComponent {
+    list: IonList;
+    closeAllSlidingItems(e: MouseEvent): void;
 }

package/lib/components/list/list-swipe-action.type.d.ts

@@ -1,11 +1,10 @@
-export declare type ListSwipeActionType = 'success' | 'warning' | 'danger';
-export declare type ListSwipeDirection = 'right' | 'left';
-export declare type ListSwipeEnd = 'start' | 'end';
-export interface ListSwipeAction {
+import { ItemSlidingSide as ListSwipeDirection, ItemSwipeAction } from '../item-sliding/item-sliding.types';
+declare type ListSwipeActionBaseTypes = Pick<ItemSwipeAction, 'title' | 'icon' | 'type' | 'isDisabled'>;
+export declare type ListSwipeAction = {
+    [Property in keyof ListSwipeActionBaseTypes]: ((item: any) => ListSwipeActionBaseTypes[Property]) | ListSwipeActionBaseTypes[Property];
+} & {
     position: ListSwipeDirection;
-    title: ((item: any) => string) | string;
-    icon?: ((item: any) => string) | string;
-    type?: ((item: any) => ListSwipeActionType) | ListSwipeActionType;
     onSelected: (item: any) => void;
-    isDisabled?: ((item: any) => boolean) | boolean;
-}
+};
+export { ItemSwipeActionType as ListSwipeActionType, ItemSwipeActionSlots as ListSwipeEnd, } from '../item-sliding/item-sliding.types';
+export { ListSwipeDirection };

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

@@ -0,0 +1,2 @@
+export declare class SectionHeaderComponent {
+}

package/lib/helpers/deep-copy.d.ts

@@ -1 +1,9 @@
-export declare function deepCopy(obj: Object): any;
+/**
+ * Do a deep copy of object that supports the composite data type Function
+ *
+ * @see https://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-deep-clone-an-object-in-javascript#answer-122704
+ *
+ * @param obj
+ * @returns obj
+ */
+export declare function deepCopy<T>(obj: T): T;

package/lib/helpers/element-has-ancestor.d.ts

@@ -0,0 +1 @@
+export declare const elementHasAncestor: (element: HTMLElement, ancestorNodeName: string, stopNodeName?: string) => any;

package/lib/helpers/index.d.ts

@@ -1,3 +1,4 @@
+export * from './element-has-ancestor';
 export * from './color-helper';
 export * from './design-token-helper';
 export * from './string-helper';

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "5.0.2",
+  "version": "5.0.6",
   "dependencies": {
     "chart.js": "3.3.2",
-    "chartjs-plugin-annotation": "1.0.2",
+    "chartjs-adapter-date-fns": "^2.0.0",
+    "chartjs-plugin-annotation": "^1.0.2",
+    "chartjs-plugin-datalabels": "^2.0.0",
     "@ionic/angular": "5.5.2",
-    "@kirbydesign/core": "0.0.11",
+    "@kirbydesign/core": "0.0.13",
     "date-fns": "2.21.1",
     "date-fns-tz": "1.1.4",
     "highcharts": "8.0.4",
     "@fontsource/roboto": "4.2.1",
     "inputmask": "5.0.5",
+    "ts-deepcopy": "^0.1.4",
     "tslib": "^2.0.0"
   },
   "peerDependencies": {

package/scss/_global-styles.scss

@@ -6,6 +6,10 @@
 @use 'base/line-clamp';
 @use 'base/list';
 
+:root {
+  --when-merging-pull-request: 'should run publish workflow';
+}
+
 :root,
 :host {
   --kirby-font-family: 'Roboto';

package/testing-base/kirbydesign-designsystem-testing-base.d.ts

@@ -3,7 +3,7 @@
  */
 export * from './public_api';
 export { MockAccordionItemComponent as ɵb } from './lib/components/mock.accordion-item.component';
-export { MockActionSheetComponent as ɵbi } from './lib/components/mock.action-sheet.component';
+export { MockActionSheetComponent as ɵbj } from './lib/components/mock.action-sheet.component';
 export { MockAppComponent as ɵc } from './lib/components/mock.app.component';
 export { MockAvatarComponent as ɵd } from './lib/components/mock.avatar.component';
 export { MockButtonComponent as ɵe } from './lib/components/mock.button.component';
@@ -26,35 +26,37 @@ export { MockGridComponent as ɵx } from './lib/components/mock.grid.component';
 export { MockIconComponent as ɵy } from './lib/components/mock.icon.component';
 export { MockInputCounterComponent as ɵv } from './lib/components/mock.input-counter.component';
 export { MockInputComponent as ɵu } from './lib/components/mock.input.component';
-export { MockItemGroupComponent as ɵbb } from './lib/components/mock.item-group.component';
+export { MockItemGroupComponent as ɵbc } from './lib/components/mock.item-group.component';
+export { MockItemSlidingComponent as ɵbb } from './lib/components/mock.item-sliding.component';
 export { MockItemComponent as ɵz } from './lib/components/mock.item.component';
 export { MockLabelComponent as ɵba } from './lib/components/mock.label.component';
-export { MockListExperimentalComponent as ɵbc } from './lib/components/mock.list-experimental.component';
-export { MockListHeaderComponent as ɵbd } from './lib/components/mock.list-header.component';
-export { MockListItemComponent as ɵbe } from './lib/components/mock.list-item.component';
-export { MockListSectionHeaderComponent as ɵbf } from './lib/components/mock.list-section-header.component';
-export { MockListComponent as ɵbg } from './lib/components/mock.list.component';
-export { MockLoadingOverlayComponent as ɵbh } from './lib/components/mock.loading-overlay.component';
-export { MockModalFooterComponent as ɵbj } from './lib/components/mock.modal-footer.component';
-export { MockPageFooterComponent as ɵbk } from './lib/components/mock.page-footer.component';
-export { MockPageActionsComponent as ɵbs, MockPageActionsDirective as ɵbn, MockPageComponent as ɵbt, MockPageContentComponent as ɵbr, MockPageContentDirective as ɵbo, MockPageProgressComponent as ɵbp, MockPageTitleComponent as ɵbq, MockPageTitleDirective as ɵbl, MockPageToolbarTitleDirective as ɵbm } from './lib/components/mock.page.component';
-export { MockPopoverComponent as ɵbu } from './lib/components/mock.popover.component';
-export { MockProgressCircleComponent as ɵbv } from './lib/components/mock.progress-circle.component';
-export { MockRadioGroupComponent as ɵbw } from './lib/components/mock.radio-group.component';
-export { MockRadioComponent as ɵbx } from './lib/components/mock.radio.component';
-export { MockRangeComponent as ɵby } from './lib/components/mock.range.component';
-export { MockReorderListComponent as ɵbz } from './lib/components/mock.reorder-list.component';
-export { MockRouterOutletComponent as ɵca } from './lib/components/mock.router-outlet.component';
-export { MockSegmentedControlComponent as ɵcb } from './lib/components/mock.segmented-control.component';
-export { MockSlideButtonComponent as ɵcc } from './lib/components/mock.slide-button.component';
-export { MockSpinnerComponent as ɵcd } from './lib/components/mock.spinner.component';
-export { MockTabButtonComponent as ɵce } from './lib/components/mock.tab-button.component';
-export { MockTabsComponent as ɵcf } from './lib/components/mock.tabs.component';
+export { MockListExperimentalComponent as ɵbd } from './lib/components/mock.list-experimental.component';
+export { MockListHeaderComponent as ɵbe } from './lib/components/mock.list-header.component';
+export { MockListItemComponent as ɵbf } from './lib/components/mock.list-item.component';
+export { MockListSectionHeaderComponent as ɵbg } from './lib/components/mock.list-section-header.component';
+export { MockListComponent as ɵbh } from './lib/components/mock.list.component';
+export { MockLoadingOverlayComponent as ɵbi } from './lib/components/mock.loading-overlay.component';
+export { MockModalFooterComponent as ɵbk } from './lib/components/mock.modal-footer.component';
+export { MockPageFooterComponent as ɵbl } from './lib/components/mock.page-footer.component';
+export { MockPageActionsComponent as ɵbt, MockPageActionsDirective as ɵbo, MockPageComponent as ɵbu, MockPageContentComponent as ɵbs, MockPageContentDirective as ɵbp, MockPageProgressComponent as ɵbq, MockPageTitleComponent as ɵbr, MockPageTitleDirective as ɵbm, MockPageToolbarTitleDirective as ɵbn } from './lib/components/mock.page.component';
+export { MockPopoverComponent as ɵbv } from './lib/components/mock.popover.component';
+export { MockProgressCircleComponent as ɵbw } from './lib/components/mock.progress-circle.component';
+export { MockRadioGroupComponent as ɵbx } from './lib/components/mock.radio-group.component';
+export { MockRadioComponent as ɵby } from './lib/components/mock.radio.component';
+export { MockRangeComponent as ɵbz } from './lib/components/mock.range.component';
+export { MockReorderListComponent as ɵca } from './lib/components/mock.reorder-list.component';
+export { MockRouterOutletComponent as ɵcb } from './lib/components/mock.router-outlet.component';
+export { MockSectionHeaderComponent as ɵcc } from './lib/components/mock.section-header.component';
+export { MockSegmentedControlComponent as ɵcd } from './lib/components/mock.segmented-control.component';
+export { MockSlideButtonComponent as ɵce } from './lib/components/mock.slide-button.component';
+export { MockSpinnerComponent as ɵcf } from './lib/components/mock.spinner.component';
+export { MockTabButtonComponent as ɵcg } from './lib/components/mock.tab-button.component';
+export { MockTabsComponent as ɵch } from './lib/components/mock.tabs.component';
 export { MockTextareaComponent as ɵw } from './lib/components/mock.textarea.component';
-export { MockToggleButtonComponent as ɵch } from './lib/components/mock.toggle-button.component';
-export { MockToggleComponent as ɵcg } from './lib/components/mock.toggle.component';
-export { MockAccordionDirective as ɵcl } from './lib/directives/mock.accordion.directive';
-export { MockFitHeadingDirective as ɵck } from './lib/directives/mock.fit-heading.directive';
-export { MockThemeColorDirective as ɵcj } from './lib/directives/mock.theme-color.directive';
+export { MockToggleButtonComponent as ɵcj } from './lib/components/mock.toggle-button.component';
+export { MockToggleComponent as ɵci } from './lib/components/mock.toggle.component';
+export { MockAccordionDirective as ɵcn } from './lib/directives/mock.accordion.directive';
+export { MockFitHeadingDirective as ɵcm } from './lib/directives/mock.fit-heading.directive';
+export { MockThemeColorDirective as ɵcl } from './lib/directives/mock.theme-color.directive';
 export { MOCK_COMPONENTS as ɵa } from './lib/mock-components';
-export { MOCK_DIRECTIVES as ɵci } from './lib/mock-directives';
+export { MOCK_DIRECTIVES as ɵck } from './lib/mock-directives';