@kirbydesign/designsystem 8.11.2 → 8.11.3-rc.1

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

@@ -12,5 +12,5 @@ export declare class AccordionItemComponent implements OnChanges {
     _titleId: string;
     _contentId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "kirby-accordion-item", never, { "title": "title"; "isExpanded": "isExpanded"; "isDisabled": "isDisabled"; "disabledTitle": "disabledTitle"; }, { "toggle": "toggle"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "kirby-accordion-item", never, { "title": { "alias": "title"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "disabledTitle": { "alias": "disabledTitle"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], false, never>;
 }

package/action-group/action-group.component.d.ts

@@ -1,12 +1,12 @@
 import { AfterContentInit, ElementRef, InjectionToken, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare type ActionGroupConfig = {
+export type ActionGroupConfig = {
     isCondensed?: boolean;
     defaultVisibleActions?: number;
     maxVisibleActions?: number;
 };
 export declare const ACTIONGROUP_CONFIG: InjectionToken<ActionGroupConfig>;
-declare type CollapsedAction = {
+type CollapsedAction = {
     button: HTMLButtonElement;
     text: string;
 };
@@ -34,6 +34,6 @@ export declare class ActionGroupComponent implements AfterContentInit, OnChanges
     private toggleMenu;
     private populateMenu;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionGroupComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "kirby-action-group", never, { "visibleActions": "visibleActions"; "align": "align"; }, {}, ["buttonElements", "buttons"], ["button[kirby-button]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "kirby-action-group", never, { "visibleActions": { "alias": "visibleActions"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, ["buttonElements", "buttons"], ["button[kirby-button]"], true, never>;
 }
 export {};

package/avatar/avatar.component.d.ts

@@ -1,4 +1,3 @@
-import { OnInit } from '@angular/core';
 import { BrandColor, NotificationColor } from '@kirbydesign/core';
 import * as i0 from "@angular/core";
 export declare enum AvatarSize {
@@ -7,17 +6,15 @@ export declare enum AvatarSize {
     MD = "md",
     LG = "lg"
 }
-export declare class AvatarComponent implements OnInit {
+export declare class AvatarComponent {
     imageSrc: string;
     altText: string;
-    shadow: boolean;
     stroke: boolean;
     text: string;
     overlay: boolean;
     size: AvatarSize | `${AvatarSize}`;
     themeColor: NotificationColor | BrandColor | 'medium' | 'white' | 'dark' | 'light' | 'semi-light';
-    get _cssClass(): ("medium" | "success" | "warning" | "primary" | "secondary" | "tertiary" | "danger" | "light" | "dark" | "white" | "semi-light" | "xs" | "sm" | "md" | "lg" | AvatarSize)[];
-    ngOnInit(): void;
+    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"; "stroke": "stroke"; "text": "text"; "overlay": "overlay"; "size": "size"; "themeColor": "themeColor"; }, {}, never, ["kirby-icon", "kirby-badge"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kirby-avatar", never, { "imageSrc": { "alias": "imageSrc"; "required": false; }; "altText": { "alias": "altText"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "text": { "alias": "text"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "size": { "alias": "size"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, {}, never, ["kirby-icon", "kirby-badge"], true, never>;
 }

package/badge/badge.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export type BadgeSize = 'sm' | 'md';
+export declare class BadgeComponent {
+    text: string;
+    size: BadgeSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kirby-badge", never, { "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/badge/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@kirbydesign/designsystem/badge" />
+export * from './public_api';

package/badge/public_api.d.ts

@@ -0,0 +1 @@
+export { BadgeSize, BadgeComponent } from './badge.component';

package/button/button.component.d.ts

@@ -7,13 +7,11 @@ export declare enum ButtonSize {
     MD = "md",
     LG = "lg"
 }
-export declare type AttentionLevel = '1' | '2' | '3' | '4';
+export type AttentionLevel = '1' | '2' | '3';
 export declare class ButtonComponent implements AfterContentInit {
     private elementRef;
     private renderer;
-    private _attentionLevel?;
-    get attentionLevel(): AttentionLevel | undefined;
-    set attentionLevel(level: AttentionLevel | undefined);
+    attentionLevel: AttentionLevel;
     noDecoration: boolean;
     get isButtonFloating(): boolean;
     get isIconOnly(): boolean;
@@ -35,5 +33,5 @@ export declare class ButtonComponent implements AfterContentInit {
     private wrapTextNode;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": "attentionLevel"; "noDecoration": "noDecoration"; "themeColor": "themeColor"; "expand": "expand"; "isFloating": "isFloating"; "size": "size"; "showIconOnly": "showIconOnly"; }, {}, ["iconElementRef"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": { "alias": "attentionLevel"; "required": false; }; "noDecoration": { "alias": "noDecoration"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "isFloating": { "alias": "isFloating"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showIconOnly": { "alias": "showIconOnly"; "required": false; }; }, {}, ["iconElementRef"], ["*"], true, never>;
 }

package/calendar/calendar.component.d.ts

@@ -4,7 +4,7 @@ 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 type Locale = LocaleDateFns;
 export declare class CalendarComponent implements OnInit, AfterViewInit, OnChanges {
     private calendarHelper;
     calendarContainer: ElementRef;
@@ -98,5 +98,5 @@ export declare class CalendarComponent implements OnInit, AfterViewInit, OnChang
     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"; "locales": "locales"; "customLocales": "customLocales"; "usePopover": "usePopover"; "yearNavigatorOptions": "yearNavigatorOptions"; "selectedDate": "selectedDate"; "disabledDates": "disabledDates"; "enabledDates": "enabledDates"; "todayDate": "todayDate"; "minDate": "minDate"; "maxDate": "maxDate"; }, { "dateChange": "dateChange"; "dateSelect": "dateSelect"; "yearSelect": "yearSelect"; "previousMonthClicked": "previousMonthClicked"; "nextMonthClicked": "nextMonthClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kirby-calendar", never, { "timezone": { "alias": "timezone"; "required": false; }; "disableWeekends": { "alias": "disableWeekends"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "disableFutureDates": { "alias": "disableFutureDates"; "required": false; }; "alwaysEnableToday": { "alias": "alwaysEnableToday"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "customLocales": { "alias": "customLocales"; "required": false; }; "usePopover": { "alias": "usePopover"; "required": false; }; "yearNavigatorOptions": { "alias": "yearNavigatorOptions"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "enabledDates": { "alias": "enabledDates"; "required": false; }; "todayDate": { "alias": "todayDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "dateChange": "dateChange"; "dateSelect": "dateSelect"; "yearSelect": "yearSelect"; "previousMonthClicked": "previousMonthClicked"; "nextMonthClicked": "nextMonthClicked"; }, never, never, true, never>;
 }

package/calendar/options/calendar-year-navigator-config.d.ts

@@ -1,4 +1,4 @@
-export declare type CalendarYearNavigatorConfig = {
+export type CalendarYearNavigatorConfig = {
     from: number | Date;
     to: number | Date;
 };

package/card/card-flag-level.d.ts

@@ -1,2 +1,2 @@
 import { NotificationColor } from '@kirbydesign/designsystem/helpers';
-export declare type CardFlagLevel = NotificationColor | 'info' | null;
+export type CardFlagLevel = NotificationColor | 'info' | null;

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

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class CardFooterComponent {
     hasPadding: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, { "hasPadding": "hasPadding"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, { "hasPadding": { "alias": "hasPadding"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -7,5 +7,5 @@ export declare class CardHeaderComponent {
     flagged: CardFlagLevel;
     hasPadding: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "kirby-card-header", never, { "title": "title"; "subtitle": "subtitle"; "isTitleBold": "isTitleBold"; "flagged": "flagged"; "hasPadding": "hasPadding"; }, {}, never, ["*"], false, 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, ["*"], false, never>;
 }

package/card/card.component.d.ts

@@ -22,5 +22,5 @@ export declare class CardComponent implements OnInit, OnDestroy {
     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"; "flat": "flat"; }, {}, never, ["kirby-card-header", "*", "kirby-card-footer"], false, 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; }; "flat": { "alias": "flat"; "required": false; }; }, {}, never, ["kirby-card-header", "*", "kirby-card-footer"], false, never>;
 }

package/chart/chart/chart.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 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": "type"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "kirby-chart", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/chart/shared/base-chart/base-chart.component.d.ts

@@ -30,5 +30,5 @@ export declare class BaseChartComponent implements AfterViewInit, OnChanges {
     private redrawChart;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseChartComponent, "kirby-base-chart", never, { "type": "type"; "data": "data"; "labels": "labels"; "customOptions": "customOptions"; "annotations": "annotations"; "highlightedElements": "highlightedElements"; "height": "height"; }, {}, never, ["*"], false, 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, ["*"], false, never>;
 }

package/chart/shared/charts.types.d.ts

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

package/chart/stock-chart/stock-chart.component.d.ts

@@ -5,5 +5,5 @@ export declare class StockChartComponent extends BaseChartComponent {
     readonly type = "stock";
     protected renderChart(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockChartComponent, "kirby-stock-chart", never, { "dataLabelOptions": "dataLabelOptions"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockChartComponent, "kirby-stock-chart", never, { "dataLabelOptions": { "alias": "dataLabelOptions"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/checkbox/checkbox.component.d.ts

@@ -1,18 +1,22 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent {
+export declare class CheckboxComponent implements AfterViewInit {
+    private ionicElementPartHelper;
+    private ionCheckboxElement?;
     checked: boolean;
     attentionLevel: '1' | '2';
     text: string;
-    size?: 'xs' | 'sm' | 'md';
+    size: 'xs' | 'sm' | 'md';
     hasError: boolean;
     disabled: boolean;
     get _isDisabled(): string;
     get isAttentionLevel1(): boolean;
     get isAttentionLevel2(): boolean;
     checkedChange: EventEmitter<boolean>;
+    constructor(ionicElementPartHelper: IonicElementPartHelper);
+    ngAfterViewInit(): void;
     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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "kirby-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "attentionLevel": { "alias": "attentionLevel"; "required": false; }; "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
 }

package/data-table/sortable/sortable.component.d.ts

@@ -13,5 +13,5 @@ export declare class TableSortableComponent implements AfterViewInit {
     spanElement: ElementRef;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableSortableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableSortableComponent, "th[sortable]", never, { "sortable": "sortable"; "active": "active"; "sortDirection": "sortDirection"; "iconAlignment": "iconAlignment"; "alignment": "alignment"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableSortableComponent, "th[sortable]", never, { "sortable": { "alias": "sortable"; "required": false; }; "active": { "alias": "active"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "iconAlignment": { "alias": "iconAlignment"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/data-table/table/table.component.d.ts

@@ -5,5 +5,5 @@ export declare class TableComponent {
     get hasFixedLayout(): boolean;
     set fixedLayout(fixed: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "table[kirby-table]", never, { "fixedLayout": "fixedLayout"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "table[kirby-table]", never, { "fixedLayout": { "alias": "fixedLayout"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/data-table/table-row/table-row.component.d.ts

@@ -7,5 +7,5 @@ export declare class TableRowComponent {
     get isSelectable(): boolean;
     set selectable(selectable: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableRowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableRowComponent, "tr[kirby-tr]", never, { "selectable": "selectable"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableRowComponent, "tr[kirby-tr]", never, { "selectable": { "alias": "selectable"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/divider/divider.component.d.ts

@@ -2,5 +2,5 @@ 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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "kirby-divider", never, { "hasMargin": { "alias": "hasMargin"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dropdown/dropdown.component.d.ts

@@ -124,5 +124,5 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     private unlistenAllSlottedItems;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "focusedIndex": "focusedIndex"; "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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": { "alias": "items"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "focusedIndex": { "alias": "focusedIndex"; "required": false; }; "itemTextProperty": { "alias": "itemTextProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popout": { "alias": "popout"; "required": false; }; "attentionLevel": { "alias": "attentionLevel"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "usePopover": { "alias": "usePopover"; "required": false; }; }, { "change": "change"; }, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never, false, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class EmptyStateComponent implements AfterContentInit {
      */
     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"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "kirby-empty-state", never, { "iconName": { "alias": "iconName"; "required": false; }; "customIconName": { "alias": "customIconName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, {}, ["slottedButtons"], ["*"], false, never>;
 }

package/esm2022/accordion/accordion-item.component.mjs

@@ -0,0 +1,65 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@kirbydesign/designsystem/icon";
+// Counter for generating unique element ids
+let uniqueId = 0;
+export class AccordionItemComponent {
+    constructor() {
+        this.isExpanded = false;
+        this.isDisabled = false;
+        this.toggle = new EventEmitter();
+        // IDs used for a11y labelling
+        this._titleId = `kirby-accordion-item-title-${++uniqueId}`;
+        this._contentId = `kirby-accordion-item-content-${uniqueId}`;
+    }
+    ngOnChanges() {
+        if (this.isDisabled) {
+            this.isExpanded = false;
+        }
+    }
+    getTitle() {
+        if (this.isDisabled && !!this.disabledTitle) {
+            return this.disabledTitle;
+        }
+        else {
+            return this.title;
+        }
+    }
+    _onToggleExpanded(event) {
+        event.preventDefault();
+        if (this.isDisabled)
+            return;
+        this.isExpanded = !this.isExpanded && !this.isDisabled;
+        this.toggle.emit(this.isExpanded);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: AccordionItemComponent, selector: "kirby-accordion-item", inputs: { title: "title", isExpanded: "isExpanded", isDisabled: "isDisabled", disabledTitle: "disabledTitle" }, outputs: { toggle: "toggle" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"content-layer\">\n  <div\n    (click)=\"_onToggleExpanded($event)\"\n    (keydown.ENTER)=\"_onToggleExpanded($event)\"\n    (keydown.space)=\"_onToggleExpanded($event)\"\n    class=\"header\"\n    role=\"button\"\n    [class.disabled]=\"isDisabled\"\n    [tabindex]=\"isDisabled ? -1 : 0\"\n    [class.expanded]=\"isExpanded\"\n    [attr.aria-disabled]=\"isDisabled ? true : undefined\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"_contentId\"\n    [id]=\"_titleId\"\n  >\n    <span class=\"state-layer\" aria-hidden=\"true\"></span>\n    <div class=\"title\">{{ getTitle() }}</div>\n    <kirby-icon name=\"arrow-down\"></kirby-icon>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative;display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium)}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}.header{display:flex;align-items:center;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.title{flex-grow:2}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body{padding:0 16px 16px}.disabled{pointer-events:none}.disabled .kirby-icon{color:var(--kirby-semi-dark)}.disabled .title{color:var(--kirby-text-color-semi-dark)}.expanded .title{font-weight:700}.expanded .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name", "customName"] }], animations: [
+            trigger('isExpanded', [
+                state('true', style({ height: '*', visibility: 'visible' })),
+                state('false', style({ height: '0px', visibility: 'hidden' })),
+                transition('true <=> false', animate('0.2s')),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kirby-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('isExpanded', [
+                            state('true', style({ height: '*', visibility: 'visible' })),
+                            state('false', style({ height: '0px', visibility: 'hidden' })),
+                            transition('true <=> false', animate('0.2s')),
+                        ]),
+                    ], template: "<div class=\"content-layer\">\n  <div\n    (click)=\"_onToggleExpanded($event)\"\n    (keydown.ENTER)=\"_onToggleExpanded($event)\"\n    (keydown.space)=\"_onToggleExpanded($event)\"\n    class=\"header\"\n    role=\"button\"\n    [class.disabled]=\"isDisabled\"\n    [tabindex]=\"isDisabled ? -1 : 0\"\n    [class.expanded]=\"isExpanded\"\n    [attr.aria-disabled]=\"isDisabled ? true : undefined\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"_contentId\"\n    [id]=\"_titleId\"\n  >\n    <span class=\"state-layer\" aria-hidden=\"true\"></span>\n    <div class=\"title\">{{ getTitle() }}</div>\n    <kirby-icon name=\"arrow-down\"></kirby-icon>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative;display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium)}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}.header{display:flex;align-items:center;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.title{flex-grow:2}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body{padding:0 16px 16px}.disabled{pointer-events:none}.disabled .kirby-icon{color:var(--kirby-semi-dark)}.disabled .title{color:var(--kirby-text-color-semi-dark)}.expanded .title{font-weight:700}.expanded .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], disabledTitle: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ25zeXN0ZW0vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9hY2NvcmRpb24vc3JjL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7OztBQUd2Qiw0Q0FBNEM7QUFDNUMsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO0FBZWpCLE1BQU0sT0FBTyxzQkFBc0I7SUFibkM7UUFlVyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFM0IsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBd0J0RSw4QkFBOEI7UUFDOUIsYUFBUSxHQUFHLDhCQUE4QixFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ3RELGVBQVUsR0FBRyxnQ0FBZ0MsUUFBUSxFQUFFLENBQUM7S0FDekQ7SUF6QkMsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzNDLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUMzQjthQUFNO1lBQ0wsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWM7UUFDOUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFVBQVU7WUFBRSxPQUFPO1FBRTVCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN2RCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEMsQ0FBQztpSUEzQlUsc0JBQXNCO3FIQUF0QixzQkFBc0IsZ09DM0JuQyw2NkJBK0JBLDg0RERaYztZQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7Z0JBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztnQkFDNUQsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO2dCQUM5RCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQzlDLENBQUM7U0FDSDs7MkZBRVUsc0JBQXNCO2tCQWJsQyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQzs0QkFDNUQsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDOzRCQUM5RCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO3lCQUM5QyxDQUFDO3FCQUNIOzhCQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2ljb24nO1xuXG4vLyBDb3VudGVyIGZvciBnZW5lcmF0aW5nIHVuaXF1ZSBlbGVtZW50IGlkc1xubGV0IHVuaXF1ZUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2lyYnktYWNjb3JkaW9uLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2lzRXhwYW5kZWQnLCBbXG4gICAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHsgaGVpZ2h0OiAnKicsIHZpc2liaWxpdHk6ICd2aXNpYmxlJyB9KSksXG4gICAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7IGhlaWdodDogJzBweCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ3RydWUgPD0+IGZhbHNlJywgYW5pbWF0ZSgnMC4ycycpKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZFRpdGxlOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSB0b2dnbGU6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBnZXRUaXRsZSgpIHtcbiAgICBpZiAodGhpcy5pc0Rpc2FibGVkICYmICEhdGhpcy5kaXNhYmxlZFRpdGxlKSB7XG4gICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZFRpdGxlO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy50aXRsZTtcbiAgICB9XG4gIH1cblxuICBfb25Ub2dnbGVFeHBhbmRlZChldmVudDogVUlFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKHRoaXMuaXNEaXNhYmxlZCkgcmV0dXJuO1xuXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZCAmJiAhdGhpcy5pc0Rpc2FibGVkO1xuICAgIHRoaXMudG9nZ2xlLmVtaXQodGhpcy5pc0V4cGFuZGVkKTtcbiAgfVxuXG4gIC8vIElEcyB1c2VkIGZvciBhMTF5IGxhYmVsbGluZ1xuICBfdGl0bGVJZCA9IGBraXJieS1hY2NvcmRpb24taXRlbS10aXRsZS0keysrdW5pcXVlSWR9YDtcbiAgX2NvbnRlbnRJZCA9IGBraXJieS1hY2NvcmRpb24taXRlbS1jb250ZW50LSR7dW5pcXVlSWR9YDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250ZW50LWxheWVyXCI+XG4gIDxkaXZcbiAgICAoY2xpY2spPVwiX29uVG9nZ2xlRXhwYW5kZWQoJGV2ZW50KVwiXG4gICAgKGtleWRvd24uRU5URVIpPVwiX29uVG9nZ2xlRXhwYW5kZWQoJGV2ZW50KVwiXG4gICAgKGtleWRvd24uc3BhY2UpPVwiX29uVG9nZ2xlRXhwYW5kZWQoJGV2ZW50KVwiXG4gICAgY2xhc3M9XCJoZWFkZXJcIlxuICAgIHJvbGU9XCJidXR0b25cIlxuICAgIFtjbGFzcy5kaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICBbdGFiaW5kZXhdPVwiaXNEaXNhYmxlZCA/IC0xIDogMFwiXG4gICAgW2NsYXNzLmV4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxuICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCA/IHRydWUgOiB1bmRlZmluZWRcIlxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNFeHBhbmRlZFwiXG4gICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJfY29udGVudElkXCJcbiAgICBbaWRdPVwiX3RpdGxlSWRcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJzdGF0ZS1sYXllclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57eyBnZXRUaXRsZSgpIH19PC9kaXY+XG4gICAgPGtpcmJ5LWljb24gbmFtZT1cImFycm93LWRvd25cIj48L2tpcmJ5LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjb250ZW50XCJcbiAgICByb2xlPVwicmVnaW9uXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiX3RpdGxlSWRcIlxuICAgIFtpZF09XCJfY29udGVudElkXCJcbiAgICBbQGlzRXhwYW5kZWRdPVwiISFpc0V4cGFuZGVkXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWJvZHlcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/accordion/accordion.directive.mjs

@@ -0,0 +1,14 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AccordionDirective {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: AccordionDirective, selector: "[kirbyAccordion], kirby-accordion", exportAs: ["kirby-accordion"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyAccordion], kirby-accordion',
+                    exportAs: 'kirby-accordion',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8sa0JBQWtCO2lJQUFsQixrQkFBa0I7cUhBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUNBQW1DO29CQUM3QyxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdba2lyYnlBY2NvcmRpb25dLCBraXJieS1hY2NvcmRpb24nLFxuICBleHBvcnRBczogJ2tpcmJ5LWFjY29yZGlvbicsXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkRpcmVjdGl2ZSB7fVxuIl19

package/esm2022/accordion/accordion.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { IconModule } from '@kirbydesign/designsystem/icon';
+import { AccordionItemComponent } from './accordion-item.component';
+import { AccordionDirective } from './accordion.directive';
+import * as i0 from "@angular/core";
+const declarations = [AccordionDirective, AccordionItemComponent];
+export class AccordionModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: AccordionModule, declarations: [AccordionDirective, AccordionItemComponent], imports: [IconModule], exports: [AccordionDirective, AccordionItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionModule, imports: [IconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: AccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...declarations],
+                    imports: [IconModule],
+                    exports: [...declarations],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFM0QsTUFBTSxZQUFZLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0FBT2xFLE1BQU0sT0FBTyxlQUFlO2lJQUFmLGVBQWU7a0lBQWYsZUFBZSxpQkFQTixrQkFBa0IsRUFBRSxzQkFBc0IsYUFJcEQsVUFBVSxhQUpBLGtCQUFrQixFQUFFLHNCQUFzQjtrSUFPbkQsZUFBZSxZQUhoQixVQUFVOzsyRkFHVCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsWUFBWSxDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxDQUFDLEdBQUcsWUFBWSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnQGtpcmJ5ZGVzaWduL2Rlc2lnbnN5c3RlbS9pY29uJztcblxuaW1wb3J0IHsgQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEFjY29yZGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYWNjb3JkaW9uLmRpcmVjdGl2ZSc7XG5cbmNvbnN0IGRlY2xhcmF0aW9ucyA9IFtBY2NvcmRpb25EaXJlY3RpdmUsIEFjY29yZGlvbkl0ZW1Db21wb25lbnRdO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5kZWNsYXJhdGlvbnNdLFxuICBpbXBvcnRzOiBbSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFsuLi5kZWNsYXJhdGlvbnNdLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Nb2R1bGUge31cbiJdfQ==