@kirbydesign/designsystem 11.0.0 → 11.1.1

package/header/index.d.ts

@@ -1,6 +1,70 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem/header" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-header.d.ts.map
+import * as i0 from '@angular/core';
+import { AfterContentInit, OnChanges, OnInit, ElementRef, TemplateRef, EventEmitter, Injector, SimpleChanges } from '@angular/core';
+import { Subject } from 'rxjs';
+import { AvatarComponent } from '@kirbydesign/designsystem/avatar';
+import { FlagComponent } from '@kirbydesign/designsystem/flag';
+import { ProgressCircleComponent } from '@kirbydesign/designsystem/progress-circle';
+import * as i3 from '@kirbydesign/designsystem/shared';
+import { FitHeadingConfig } from '@kirbydesign/designsystem/shared';
+import * as i2 from '@angular/common';
+
+declare class HeaderActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderActionsDirective, "[kirbyHeaderActions]", never, {}, {}, never, never, false, never>;
+}
+declare class HeaderCustomSectionDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderCustomSectionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderCustomSectionDirective, "[kirbyHeaderCustomSection]", never, {}, {}, never, never, false, never>;
+}
+declare class HeaderTitleActionIconDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTitleActionIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTitleActionIconDirective, "[kirbyHeaderTitleActionIcon]", never, {}, {}, never, never, false, never>;
+}
+declare class HeaderCustomFlagDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderCustomFlagDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderCustomFlagDirective, "[kirbyHeaderCustomFlag]", never, {}, {}, never, never, false, never>;
+}
+declare class HeaderComponent implements AfterContentInit, OnChanges, OnInit {
+    private injector;
+    centered?: boolean;
+    titleMaxLines: number;
+    emphasizeActions: boolean;
+    fitHeadingConfig: FitHeadingConfig;
+    avatar: AvatarComponent;
+    progressCircle: ProgressCircleComponent;
+    flag: FlagComponent;
+    titleElement?: ElementRef<HTMLHeadingElement>;
+    actionsElement?: ElementRef<HTMLDivElement>;
+    actionsTemplate?: TemplateRef<HeaderActionsDirective>;
+    customSectionTemplate?: TemplateRef<HeaderCustomSectionDirective>;
+    customFlagTemplate?: TemplateRef<HeaderCustomFlagDirective>;
+    titleActionIconTemplate: TemplateRef<HeaderTitleActionIconDirective>;
+    title?: string | null;
+    value?: string | null;
+    valueUnit?: string | null;
+    subtitle1?: string | string[] | null;
+    subtitle2?: string | string[] | null;
+    hasInteractiveTitle?: boolean;
+    titleClick: EventEmitter<PointerEvent>;
+    title$: Subject<string>;
+    get _subtitles1(): string[];
+    get _subtitles2(): string[];
+    onTitleClick(event: PointerEvent): void;
+    _actionGroupInjector: Injector;
+    private actionGroupConfig;
+    constructor(injector: Injector);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kirby-header", never, { "centered": { "alias": "centered"; "required": false; }; "titleMaxLines": { "alias": "titleMaxLines"; "required": false; }; "emphasizeActions": { "alias": "emphasizeActions"; "required": false; }; "title": { "alias": "title"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueUnit": { "alias": "valueUnit"; "required": false; }; "subtitle1": { "alias": "subtitle1"; "required": false; }; "subtitle2": { "alias": "subtitle2"; "required": false; }; "hasInteractiveTitle": { "alias": "hasInteractiveTitle"; "required": false; }; }, { "titleClick": "titleClick"; }, ["avatar", "progressCircle", "flag", "actionsTemplate", "customSectionTemplate", "customFlagTemplate", "titleActionIconTemplate"], ["kirby-avatar,kirby-progress-circle", "kirby-flag"], false, never>;
+}
+
+declare class HeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HeaderModule, [typeof HeaderComponent, typeof HeaderActionsDirective, typeof HeaderCustomSectionDirective, typeof HeaderTitleActionIconDirective, typeof HeaderCustomFlagDirective], [typeof i2.CommonModule, typeof i3.FitHeadingDirective], [typeof HeaderComponent, typeof HeaderActionsDirective, typeof HeaderCustomSectionDirective, typeof HeaderTitleActionIconDirective, typeof HeaderCustomFlagDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HeaderModule>;
+}
+
+export { HeaderActionsDirective, HeaderComponent, HeaderCustomFlagDirective, HeaderCustomSectionDirective, HeaderModule, HeaderTitleActionIconDirective };
+//# sourceMappingURL=index.d.ts.map

package/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../header/src/header.component.ts","../../header/src/header.module.ts"],"sourcesContent":[null,null],"names":[],"mappings":";;;;;;;;;;AA0BA,cAAA,sBAAA;;;AAIsC;AAEtC,cAAA,4BAAA;;;AAI4C;AAE5C,cAAA,8BAAA;;;AAI8C;AAE9C,cAAA,yBAAA;;;AAIyC;AAEzC,cAAA,eAAA,YAAA,gBAAA,EAAA,SAAA,EAAA,MAAA;AAyEc;;;AA5DH;;;;;AAcT,mBAAA,UAAA,CAAA,kBAAA;AAGA,qBAAA,UAAA,CAAA,cAAA;AAGA,sBAAA,WAAA,CAAA,sBAAA;AAGA,4BAAA,WAAA,CAAA,4BAAA;AAKA,yBAAA,WAAA,CAAA,yBAAA;AAGA,6BAAA,WAAA,CAAA,8BAAA;AAES;AACA;AACA;;;;AAKC,gBAAA,YAAA,CAAA,YAAA;AAEV,YAAA,OAAA;AAEA;AAIA;;;;AAYoB,0BAAA,QAAA;AAEpB;AAsBA;AAWA,yBAAA,aAAA;;;AAKD;;AC/ID,cAAA,YAAA;;;;AAK4B;;;;"}

package/helpers/index.d.ts

@@ -1,6 +1,96 @@
+export { BrandColor, Color, ColorHelper, DesignTokenHelper, KirbyColor, NotificationColor, ThemeColor, ThemeColorDefinition, ThemeColorExtended, ThemeColorVariant, camelToKebabCase, capitalizeFirstLetter, kebabToCamelCase, kebabToTitleCase } from '@kirbydesign/core';
+import { UnobserveFn, WindowRef } from '@kirbydesign/designsystem/types';
+import * as i0 from '@angular/core';
+import { Renderer2, ElementRef } from '@angular/core';
+import { ChartConfiguration, ChartConfigurationCustomTypesPerDataset } from 'chart.js';
+
+declare const elementHasAncestor: (element: HTMLElement, ancestorNodeName: string, stopNodeName?: string) => any;
+declare function getIonModalDialogAncestor(currentElement: HTMLElement): HTMLElement | undefined;
+
 /**
- * Generated bundle index. Do not edit.
+ * Creates a MutationObserver and observes content changes in a given element.
+ * The provided callback is called when changes are detected.
+ *
+ * @returns function - an unobserve function that can be called to disconnect the created observer.
  */
-/// <amd-module name="@kirbydesign/designsystem/helpers" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-helpers.d.ts.map
+declare function observeContent(observedElement: HTMLElement, contentChangedCallback: () => void): UnobserveFn;
+
+declare class PlatformService {
+    private windowRef;
+    constructor(windowRef: WindowRef);
+    isTouch(): any;
+    isPhabletOrBigger(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PlatformService>;
+}
+
+declare const chartConfigHasType: (config: ChartConfiguration | ChartConfigurationCustomTypesPerDataset) => config is ChartConfiguration;
+
+declare function deepCopy<Tp>(tgt: Tp): Tp;
+
+/**
+ * Performs a deep merge of objects and returns new object. Does not modify
+ * objects (immutable).
+ * It merges from into object to the left
+ *  eg. mergeDeep({a: 'will be overridden', b: 'some val'}, {a: 'new val'}) =>  {a: 'new val', b: 'some val'}
+ *
+ * @param originalObject object - Object to override,
+ * @param overrideObject object - Object to override "toOverride" values with
+ * @param config object - Configuration for how to merge.
+ *  mergeArrays determines if it should merge or override arrays
+ * @returns object - New object with merged key/values
+ */
+declare function mergeDeep(originalObject: any, overrideObject: any, config?: {
+    mergeArrays: boolean;
+}): any;
+declare function mergeDeepAll(...objects: object[]): object;
+
+declare class UniqueIdGenerator {
+    private scope;
+    private static registry;
+    private id;
+    private constructor();
+    static scopedTo(scope: string): UniqueIdGenerator;
+    next(): string;
+}
+
+declare class LineClampHelper {
+    private renderer;
+    constructor(renderer: Renderer2);
+    setMaxLines(element: Element, maxLines: number): void;
+    setLineHeight(element: Element, lineHeight: string): void;
+    removeLineClamp(element: Element): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineClampHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LineClampHelper>;
+}
+
+declare namespace KirbyAnimation {
+    enum Duration {
+        QUICK,
+        SHORT,
+        LONG,
+        EXTRA_LONG
+    }
+    const Easing: {
+        static: string;
+        enter: string;
+        exit: string;
+        enterExit: string;
+        motion: string;
+        modal: {
+            enter: string;
+            exit: string;
+        };
+    };
+}
+
+declare class IonicElementPartHelper {
+    private renderer;
+    constructor(renderer: Renderer2);
+    setPart(partName: string, ionicElementRef: ElementRef, selector: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonicElementPartHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IonicElementPartHelper>;
+}
+
+export { IonicElementPartHelper, KirbyAnimation, LineClampHelper, PlatformService, UniqueIdGenerator, chartConfigHasType, deepCopy, elementHasAncestor, getIonModalDialogAncestor, mergeDeep, mergeDeepAll, observeContent };
+//# sourceMappingURL=index.d.ts.map

package/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../helpers/src/element-ancestor-utils.ts","../../helpers/src/content-mutation-observer.ts","../../helpers/src/platform.service.ts","../../helpers/src/chart-config-has-type.ts","../../helpers/src/deep-copy.ts","../../helpers/src/merge-deep.ts","../../helpers/src/unique-id-generator.helper.ts","../../helpers/src/line-clamp-helper.ts","../../helpers/src/kirby-animation.ts","../../helpers/src/ionic-element-part-helper.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;AAaA,cAAA,kBAAA,YAAA,WAAA;AAoBA,iBAAA,yBAAA,iBAAA,WAAA,GAAA,WAAA;;ACHA;;;;;AAKG;AACH,iBAAA,cAAA,kBAAA,WAAA,uCAAA,WAAA;;AC/BA,cAAA,eAAA;AAIc;AAAQ,2BAAA,SAAA;;;;;AAWrB;;ACXD,cAAA,kBAAA,WAAA,kBAAA,GAAA,uCAAA,eAAA,kBAAA;;ACgBA,iBAAA,QAAA;;ACzBA;;;;;;;;;;;AAWG;AACH,iBAAA,SAAA;;;AAuBA,iBAAA,YAAA;;ACnCA,cAAA,iBAAA;AAIsB;AAHpB;;;AAKA,oCAAA,iBAAA;AASA;AAGD;;ACVD,cAAA,eAAA;AAEc;AAAQ,0BAAA,SAAA;;;;;;AAiBrB;;ACxBD,kBAAA,cAAA;AACE;;;;;AAMC;AACM;;;;;;;;;;;AACR;;ACTD,cAAA,sBAAA;AAEc;AAAQ,0BAAA,SAAA;;;;AAcrB;;;;"}

package/helpers/scss/index.d.ts

@@ -1,6 +1,9 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem/helpers/scss" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-helpers-scss.d.ts.map
+declare class ScssHelper {
+    static BREAKPOINT_SCREEN_L: number;
+    static BREAKPOINT_CARD_S: number;
+    static BREAKPOINT_CARD_M: number;
+    static BREAKPOINT_CARD_L: number;
+}
+
+export { ScssHelper };
+//# sourceMappingURL=index.d.ts.map

package/helpers/scss/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../../helpers/scss/src/scss-helper.ts"],"sourcesContent":[null],"names":[],"mappings":"AACA,cAAA,UAAA;AAEE;AACA;AACA;AACA;AACD;;;;"}

package/icon/index.d.ts

@@ -1,6 +1,68 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, OnChanges, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
+import * as i2 from '@kirbydesign/designsystem/shared';
+import * as i3 from '@ionic/angular/standalone';
+
+interface Icon {
+    name: string;
+    svg?: string;
+}
+interface IconSettings {
+    icons: Icon[];
+}
+
+declare const DEFAULT_BUILT_IN_ICONS_URL = "assets/kirby/icons/svg/";
 /**
- * Generated bundle index. Do not edit.
+ * Token used to configure base URL for path to built-in icons. Default is 'assets/kirby/icons/svg'.
  */
-/// <amd-module name="@kirbydesign/designsystem/icon" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-icon.d.ts.map
+declare const BUILT_IN_ICONS_URL: InjectionToken<string>;
+declare class IconRegistryService {
+    private builtInIconsUrl;
+    private iconRegistry;
+    constructor(builtInIconsUrl: string);
+    addIcon(iconName: string, svgPath: string): void;
+    addIcons(icons: Icon[]): void;
+    private addDefaultIcons;
+    getIcons(): Icon[];
+    getIcon(name: string): Icon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconRegistryService>;
+}
+
+declare enum IconSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+declare class IconComponent implements OnChanges {
+    private iconRegistryService;
+    private elementRef;
+    private renderer;
+    defaultIcon: Icon;
+    private _icon;
+    private element;
+    size: IconSize | `${IconSize}`;
+    name: string;
+    get icon(): Icon;
+    set icon(icon: Icon);
+    private warnAboutMissingIcon;
+    constructor(iconRegistryService: IconRegistryService, elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
+    private setAriaHiddenIfNoLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kirby-icon", never, { "size": { "alias": "size"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class IconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof IconComponent], [typeof i2.ThemeColorDirective, typeof i3.IonIcon], [typeof IconComponent, typeof i2.ThemeColorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
+}
+
+declare const kirbyIconSettings: IconSettings;
+declare const defaultIcons: string[];
+
+export { BUILT_IN_ICONS_URL, DEFAULT_BUILT_IN_ICONS_URL, IconComponent, IconModule, IconRegistryService, IconSize, defaultIcons, kirbyIconSettings };
+export type { Icon, IconSettings };
+//# sourceMappingURL=index.d.ts.map

package/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../icon/src/icon-settings.ts","../../icon/src/icon-registry.service.ts","../../icon/src/icon.component.ts","../../icon/src/icon.module.ts","../../icon/src/kirby-icon-settings.ts"],"sourcesContent":[null,null,null,null,null],"names":[],"mappings":";;;;;;;;AAGC;;;AAIA;;ACFD;AAEA;;AAEG;AACH;AAIA;AAM0C;;AAAQ;;AAYzC;AAUP;;AAeA;;;AAID;;AC/CD;AACE;AACA;AACA;AACA;AACD;AAED;AAkDI;AACA;AACA;;;;AArCF;;;AAQA;AAoBA;AAOU;AAOV;AAUA;;;AAMD;;ACzFD;;;;AAK0B;;ACH1B;AAqIA;;;"}

package/icons/svg/top-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5423511,2.01855439 L15.4608269,4.94188022 C15.759058,5.24049399 15.7540708,5.71930573 15.4488577,6.01174128 C15.2992434,6.15589965 15.1037475,6.22797884 14.9092489,6.22797884 C14.7087658,6.22797884 14.5082827,6.15178084 14.3566735,6.00041455 L12.7897134,4.43011801 L12.7896262,7.65065532 C15.8841726,7.84776016 18.2821283,9.23709495 18.2821283,10.9217 L18.2785446,11.0499377 C18.2909073,11.1039537 18.2974377,11.1601929 18.2974377,11.2179574 L18.2974377,19.1003385 C18.2974377,19.1538763 18.291828,19.2061039 18.2811645,19.2564656 C18.2765289,19.339797 18.2576214,19.4242498 18.2231081,19.506025 C17.5333531,21.1403221 14.9651938,22.1767 12.1641062,22.1767 C8.70526794,22.1767 6.91248826,21.2777016 5.89189641,19.6050415 C5.84507632,19.5283075 5.81367943,19.4464896 5.79683042,19.3632032 C5.76680811,19.2817583 5.75,19.1930113 5.75,19.1003385 L5.75,15.2732784 L5.76725897,11.0995643 C5.76746717,11.049197 5.77263555,11.0000097 5.78229947,10.9524635 L5.78212831,10.9217 C5.78212831,9.24251634 8.1646747,7.85670551 11.2447755,7.6525953 L11.2446966,4.37760317 L9.67075448,5.95407793 C9.36953108,6.25475111 8.88178855,6.25681051 8.57857028,5.96540466 C8.2743546,5.67296911 8.26837,5.19415737 8.56660114,4.89554361 L11.4391952,2.01855439 C11.7294469,1.72714854 12.2520994,1.72714854 12.5423511,2.01855439 Z M16.7980565,17.0346879 C15.6284933,17.7585762 13.9432869,18.1767 12.1641062,18.1767 C9.89115533,18.1767 8.33766978,17.7884795 7.24998829,17.0476062 L7.24998829,18.9447 C8.00054615,20.0712802 9.30981143,20.6767 12.1641062,20.6767 C14.3559893,20.6767 16.3147372,19.9145998 16.7980565,19.0127897 L16.7980565,17.0346879 Z M7.25895835,13.0489381 L7.251,14.9467 C8.00054615,16.0712802 9.30981143,16.6767 12.1641062,16.6767 C14.3559893,16.6767 16.3147372,15.9145998 16.7980369,15.0127897 L16.7971457,13.054007 C15.6507241,13.7653549 13.9414047,14.2167 12.0321283,14.2167 C10.1183209,14.2167 8.40542055,13.7632101 7.25895835,13.0489381 Z M12.7893799,9.15422024 L12.7897134,10.0441982 C12.7897134,10.4612278 12.4436057,10.8 12.0167063,10.8 C11.5908043,10.8 11.2446966,10.4612278 11.2446966,10.0441982 L11.2439431,9.15653176 C8.92033298,9.33372836 7.28212831,10.2625503 7.28212831,10.9217 C7.28212831,11.6531582 9.29946855,12.7167 12.0321283,12.7167 C14.7647881,12.7167 16.7821283,11.6531582 16.7821283,10.9217 C16.7821283,10.2596291 15.129371,9.32549034 12.7893799,9.15422024 Z"/></svg>

package/index.d.ts

@@ -1,6 +1,222 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem" />
-export * from './public-api';
-//# sourceMappingURL=kirbydesign-designsystem.d.ts.map
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ThemeColor } from '@kirbydesign/core';
+import * as i4 from '@angular/router';
+import { Params } from '@angular/router';
+import * as i26 from '@kirbydesign/designsystem/modal';
+import { ModalNavigationService, ModalController } from '@kirbydesign/designsystem/modal';
+export * from '@kirbydesign/designsystem/modal';
+import * as i23 from '@kirbydesign/designsystem/accordion';
+export * from '@kirbydesign/designsystem/accordion';
+import * as i42 from '@kirbydesign/designsystem/avatar';
+export * from '@kirbydesign/designsystem/avatar';
+import * as i44 from '@kirbydesign/designsystem/button';
+export * from '@kirbydesign/designsystem/button';
+import * as i43 from '@kirbydesign/designsystem/calendar';
+export * from '@kirbydesign/designsystem/calendar';
+import * as i17 from '@kirbydesign/designsystem/card';
+export * from '@kirbydesign/designsystem/card';
+import * as i40 from '@kirbydesign/designsystem/checkbox';
+export * from '@kirbydesign/designsystem/checkbox';
+import { KirbyConfig } from '@kirbydesign/designsystem/config';
+export * from '@kirbydesign/designsystem/config';
+import * as i47 from '@kirbydesign/designsystem/data-table';
+export * from '@kirbydesign/designsystem/data-table';
+import * as i27 from '@kirbydesign/designsystem/divider';
+export * from '@kirbydesign/designsystem/divider';
+import * as i20 from '@kirbydesign/designsystem/dropdown';
+export * from '@kirbydesign/designsystem/dropdown';
+import * as i19 from '@kirbydesign/designsystem/empty-state';
+export * from '@kirbydesign/designsystem/empty-state';
+import * as i37 from '@kirbydesign/designsystem/fab-sheet';
+export * from '@kirbydesign/designsystem/fab-sheet';
+import * as i45 from '@kirbydesign/designsystem/flag';
+export * from '@kirbydesign/designsystem/flag';
+import * as i21 from '@kirbydesign/designsystem/form-field';
+export * from '@kirbydesign/designsystem/form-field';
+export * from '@kirbydesign/designsystem/helpers';
+export * from '@kirbydesign/designsystem/helpers/scss';
+import * as i11 from '@kirbydesign/designsystem/icon';
+export * from '@kirbydesign/designsystem/icon';
+import * as i12 from '@kirbydesign/designsystem/item';
+export * from '@kirbydesign/designsystem/item';
+import * as i25 from '@kirbydesign/designsystem/item-group';
+export * from '@kirbydesign/designsystem/item-group';
+import * as i34 from '@kirbydesign/designsystem/item-sliding';
+export * from '@kirbydesign/designsystem/item-sliding';
+import * as i5 from '@kirbydesign/designsystem/kirby-app';
+export * from '@kirbydesign/designsystem/kirby-app';
+import * as i14 from '@kirbydesign/designsystem/list';
+export * from '@kirbydesign/designsystem/list';
+import * as i36 from '@kirbydesign/designsystem/loading-overlay';
+export * from '@kirbydesign/designsystem/loading-overlay';
+import * as i7 from '@kirbydesign/designsystem/page';
+export * from '@kirbydesign/designsystem/page';
+import * as i30 from '@kirbydesign/designsystem/popover';
+export * from '@kirbydesign/designsystem/popover';
+import * as i31 from '@kirbydesign/designsystem/progress-circle';
+export * from '@kirbydesign/designsystem/progress-circle';
+import * as i18 from '@kirbydesign/designsystem/radio';
+export * from '@kirbydesign/designsystem/radio';
+import * as i33 from '@kirbydesign/designsystem/range';
+export * from '@kirbydesign/designsystem/range';
+import * as i35 from '@kirbydesign/designsystem/reorder-list';
+export * from '@kirbydesign/designsystem/reorder-list';
+import * as i6 from '@kirbydesign/designsystem/router-outlet';
+export * from '@kirbydesign/designsystem/router-outlet';
+import * as i32 from '@kirbydesign/designsystem/section-header';
+export * from '@kirbydesign/designsystem/section-header';
+import * as i28 from '@kirbydesign/designsystem/shared';
+export * from '@kirbydesign/designsystem/shared';
+import * as i22 from '@kirbydesign/designsystem/slide';
+export * from '@kirbydesign/designsystem/slide';
+import * as i39 from '@kirbydesign/designsystem/slide-button';
+export * from '@kirbydesign/designsystem/slide-button';
+import * as i16 from '@kirbydesign/designsystem/spinner';
+export * from '@kirbydesign/designsystem/spinner';
+import * as i10 from '@kirbydesign/designsystem/tabs';
+export * from '@kirbydesign/designsystem/tabs';
+import * as i9 from '@kirbydesign/designsystem/tab-navigation';
+export * from '@kirbydesign/designsystem/tab-navigation';
+export * from '@kirbydesign/designsystem/toast';
+import * as i38 from '@kirbydesign/designsystem/toggle';
+export * from '@kirbydesign/designsystem/toggle';
+import * as i13 from '@kirbydesign/designsystem/toggle-button';
+export * from '@kirbydesign/designsystem/toggle-button';
+export * from '@kirbydesign/designsystem/types';
+import * as i15 from '@kirbydesign/designsystem/chart';
+export * from '@kirbydesign/designsystem/chart';
+import * as i24 from '@kirbydesign/designsystem/action-group';
+export * from '@kirbydesign/designsystem/action-group';
+import * as i8 from '@kirbydesign/designsystem/header';
+export * from '@kirbydesign/designsystem/header';
+import * as i3 from '@angular/common';
+import * as i41 from '@kirbydesign/designsystem/menu';
+import * as i46 from '@kirbydesign/designsystem/badge';
+
+type SegmentItemBadge = {
+    content?: string;
+    icon?: string;
+    description?: string;
+    themeColor: ThemeColor;
+};
+interface SegmentItem {
+    id: string;
+    text: string;
+    ariaLabel?: string;
+    badge?: SegmentItemBadge;
+}
+
+declare enum SegmentedControlMode {
+    chip = "chip",
+    compactChip = "compactChip",
+    default = "default"
+}
+declare class SegmentedControlComponent<TItem extends SegmentItem = SegmentItem> implements ControlValueAccessor {
+    private ionSegmentElement;
+    /**
+     * Ensure that the click actually did originate from within the segment-button.
+     * We do not want to react to clicks on e.g. segment-btn-wrapper or badge.
+     */
+    preventOutsideClick(event: TouchEvent): void;
+    mode: SegmentedControlMode | `${SegmentedControlMode}`;
+    get _modeCssClass(): string;
+    private _items;
+    get items(): TItem[];
+    set items(value: TItem[]);
+    protected isDisabled: boolean;
+    /**
+     * After upgrading to Ionic standalone components (Ionic v.7.6.6)
+     * there is a lifecycle bug between Angular/Ionic/Stencil that prevents
+     * the value of the segment component to be reflected in the checked state
+     * of it's slotted segment buttons.
+     * This has been patched here: https://github.com/ionic-team/ionic-framework/pull/28837
+     * However the patch doesn't fix the problem if `items` are updated after first initialization
+     * and the ion-segment-button(s) are re-rerendered.
+     */
+    private ensureIonSegmentSelected;
+    private _selectedIndex;
+    get selectedIndex(): number;
+    set selectedIndex(index: number);
+    selectedIndexChange: EventEmitter<number>;
+    private _value;
+    get value(): NoInfer<TItem>;
+    set value(value: NoInfer<TItem>);
+    isSmallSize: boolean;
+    set size(size: 'sm' | 'md');
+    private _disableChangeOnSwipe;
+    get disableChangeOnSwipe(): boolean;
+    set disableChangeOnSwipe(value: boolean);
+    segmentSelect: EventEmitter<TItem>;
+    onSegmentSelect(selectedId: string): void;
+    focusNativeButton(event: UIEvent): void;
+    private _segmentElementHasFocus;
+    getTabIndex(item: TItem, index: number): number;
+    _onFocusInOut(): void;
+    private onChange;
+    private onTouched;
+    /**
+     * Sets the segmented control's value. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param value New value to be written to the model.
+     */
+    writeValue(value: NoInfer<TItem>): void;
+    /**
+     * Saves a callback function to be invoked when the segmented control's value
+     * changes from user input. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the value changes.
+     */
+    registerOnChange(fn: (value: NoInfer<TItem>) => void): void;
+    /**
+     * Saves a callback function to be invoked when the segmented control is blurred
+     * by the user. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the component has been touched.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Disables the segmented control. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent<any>, "kirby-segmented-control", never, { "mode": { "alias": "mode"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disableChangeOnSwipe": { "alias": "disableChangeOnSwipe"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "segmentSelect": "segmentSelect"; }, never, never, true, never>;
+}
+
+declare class KeyHandlerDirective {
+    private element;
+    constructor(element: ElementRef);
+    keyEvent(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyHandlerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyHandlerDirective, "[keyHandler]", never, {}, {}, never, never, false, never>;
+}
+
+declare class ModalRouterLinkDirective implements OnInit {
+    private modalNavigationService;
+    private elementRef;
+    constructor(modalNavigationService: ModalNavigationService, elementRef: ElementRef);
+    ngOnInit(): void;
+    path: string | string[];
+    queryParams?: Params;
+    onClick(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalRouterLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalRouterLinkDirective, "[kirbyModalRouterLink]", never, { "path": { "alias": "kirbyModalRouterLink"; "required": false; }; "queryParams": { "alias": "kirbyModalQueryParams"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class KirbyModule {
+    constructor(modalController: ModalController, config?: KirbyConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KirbyModule, [null, { optional: true; }]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KirbyModule, [typeof ModalRouterLinkDirective, typeof KeyHandlerDirective], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.KirbyAppModule, typeof i6.RouterOutletModule, typeof i7.PageModule, typeof i8.HeaderModule, typeof i9.TabNavigationModule, typeof i10.TabsModule, typeof i11.IconModule, typeof i12.ItemModule, typeof i13.ToggleButtonModule, typeof i14.ListModule, typeof i15.ChartsModule, typeof i16.SpinnerModule, typeof i17.CardModule, typeof i18.RadioModule, typeof i19.EmptyStateModule, typeof i20.DropdownModule, typeof i21.FormFieldModule, typeof i22.SlideModule, typeof i23.AccordionModule, typeof i8.HeaderModule, typeof i24.ActionGroupComponent, typeof i25.ItemGroupComponent, typeof i26.ModalCompactWrapperComponent, typeof i21.TextareaComponent, typeof i21.InputComponent, typeof i21.AffixDirective, typeof i27.DividerComponent, typeof i28.ThemeColorDirective, typeof SegmentedControlComponent, typeof i26.AlertComponent, typeof i30.PopoverComponent, typeof i31.ProgressCircleRingComponent, typeof i26.ModalWrapperComponent, typeof i32.SectionHeaderComponent, typeof i33.RangeComponent, typeof i34.ItemSlidingComponent, typeof i31.ProgressCircleComponent, typeof i35.ReorderListComponent, typeof i36.LoadingOverlayComponent, typeof i37.FabSheetComponent, typeof i38.ToggleComponent, typeof i39.SlideButtonComponent, typeof SegmentedControlComponent, typeof i40.CheckboxComponent, typeof i41.MenuComponent, typeof i26.ActionSheetComponent, typeof i26.ModalFooterComponent, typeof i42.AvatarComponent, typeof i43.CalendarComponent, typeof i44.ButtonComponent, typeof i28.ComponentLoaderDirective, typeof i45.FlagComponent, typeof i46.BadgeComponent, typeof i26.ModalComponent, typeof i47.TableSortableComponent], [typeof i5.KirbyAppModule, typeof i6.RouterOutletModule, typeof i7.PageModule, typeof i8.HeaderModule, typeof i9.TabNavigationModule, typeof i10.TabsModule, typeof i11.IconModule, typeof i12.ItemModule, typeof i13.ToggleButtonModule, typeof i14.ListModule, typeof i15.ChartsModule, typeof i16.SpinnerModule, typeof i17.CardModule, typeof i18.RadioModule, typeof i19.EmptyStateModule, typeof i20.DropdownModule, typeof i21.FormFieldModule, typeof i22.SlideModule, typeof i23.AccordionModule, typeof i8.HeaderModule, typeof i24.ActionGroupComponent, typeof i25.ItemGroupComponent, typeof i26.ModalCompactWrapperComponent, typeof i21.TextareaComponent, typeof i21.InputComponent, typeof i21.AffixDirective, typeof i27.DividerComponent, typeof i28.ThemeColorDirective, typeof SegmentedControlComponent, typeof i26.AlertComponent, typeof i30.PopoverComponent, typeof i31.ProgressCircleRingComponent, typeof i26.ModalWrapperComponent, typeof i32.SectionHeaderComponent, typeof i33.RangeComponent, typeof i34.ItemSlidingComponent, typeof i31.ProgressCircleComponent, typeof i35.ReorderListComponent, typeof i36.LoadingOverlayComponent, typeof i37.FabSheetComponent, typeof i38.ToggleComponent, typeof i39.SlideButtonComponent, typeof SegmentedControlComponent, typeof i40.CheckboxComponent, typeof i41.MenuComponent, typeof i26.ActionSheetComponent, typeof i26.ModalFooterComponent, typeof i42.AvatarComponent, typeof i43.CalendarComponent, typeof i44.ButtonComponent, typeof i28.ComponentLoaderDirective, typeof i45.FlagComponent, typeof i46.BadgeComponent, typeof i26.ModalComponent, typeof i47.TableSortableComponent, typeof ModalRouterLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KirbyModule>;
+}
+
+export { KeyHandlerDirective, KirbyModule, ModalRouterLinkDirective, SegmentedControlComponent, SegmentedControlMode };
+export type { SegmentItem };
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../src/lib/components/segmented-control/segment-item.ts","../src/lib/components/segmented-control/segmented-control.component.ts","../src/lib/directives/key-handler/key-handler.directive.ts","../src/lib/directives/modal-router-link/modal-router-link.directive.ts","../src/lib/kirby.module.ts"],"sourcesContent":[null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;;AAWC;;ACOD;AACE;AACA;AACA;AACD;AAED;;AAoBE;;;AAGG;;AAUM;AAET;;AAUA;AAIA;;AAQA;;;;;;;;AAQG;AACH;;;AAqBA;AAQU;;AAGV;;;AAWA;;;AASA;AAIU;;;;AAqBV;;;;AA0BA;;;;;AAKG;;AAOH;;;;;;AAMG;AACH;AAIA;;;;;;AAMG;AACH;AAIA;;;;;AAKG;AACH;;;AAGD;;AC5OD;AAMc;AAAQ;;;;AAYrB;;AChBD;AAMI;AACA;AADQ;AAIV;AAI+B;;AAK/B;;;AAOD;;AC8GD;AAQI;;;;AAKH;;;"}

package/item/index.d.ts

@@ -1,6 +1,53 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem/item" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-item.d.ts.map
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i3 from '@kirbydesign/designsystem/icon';
+import * as i4 from '@angular/common';
+import * as i5 from '@ionic/angular/standalone';
+
+declare enum ItemSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md"
+}
+declare class ItemComponent implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    private _linkAttributesToForward;
+    disabled: boolean;
+    selected: boolean;
+    disclosure: 'link' | 'arrow-more' | 'arrow-down' | 'arrow-up' | null;
+    selectable: boolean;
+    reorderable: boolean;
+    size: ItemSize | `${ItemSize}`;
+    href: string;
+    rotateIcon: boolean;
+    private checkbox;
+    private radio;
+    private toggle;
+    private button;
+    private ionItem;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    onMouseDown(event: MouseEvent): void;
+    get _renderButton(): boolean;
+    get _renderLink(): string;
+    private containsNestedInteractives;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "kirby-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "href": { "alias": "href"; "required": false; }; "rotateIcon": { "alias": "rotateIcon"; "required": false; }; }, {}, ["checkbox", "radio", "toggle", "button"], ["[slot='outside']", "*"], false, never>;
+}
+
+declare class LabelComponent {
+    direction: 'vertical' | 'horizontal';
+    get _direction(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "kirby-label", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class ItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItemModule, [typeof ItemComponent, typeof LabelComponent], [typeof i3.IconModule, typeof i4.CommonModule, typeof i5.IonItem, typeof i5.IonReorder, typeof i5.IonLabel], [typeof ItemComponent, typeof LabelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItemModule>;
+}
+
+export { ItemComponent, ItemModule, ItemSize, LabelComponent };
+//# sourceMappingURL=index.d.ts.map

package/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../item/src/item.component.ts","../../item/src/label/label.component.ts","../../item/src/item.module.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;;;;AAmBA,aAAA,QAAA;AACE;AACA;AACA;AACD;AAED,cAAA,aAAA,YAAA,aAAA;AA4CI;AACA;;;;;;;AApBF,UAAA,QAAA,MAAA,QAAA;;;;;;;;;AAuBA;;;;AAgCA;;;AAGD;;AC1GD,cAAA,cAAA;AAQE;AAEA;;;AAID;;ACPD,cAAA,UAAA;;;;AAK0B;;;;"}

package/item-group/index.d.ts

@@ -1,6 +1,10 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem/item-group" />
-export * from './public_api';
-//# sourceMappingURL=kirbydesign-designsystem-item-group.d.ts.map
+import * as i0 from '@angular/core';
+
+declare class ItemGroupComponent {
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemGroupComponent, "kirby-item-group", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ItemGroupComponent };
+//# sourceMappingURL=index.d.ts.map

package/item-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../item-group/src/item-group.component.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,cAAA,kBAAA;;;;AAOC;;;;"}