@kirbydesign/designsystem 11.11.2 → 12.0.0

package/fesm2022/kirbydesign-designsystem-config.mjs

@@ -1,110 +1,64 @@
-import { InjectionToken, makeEnvironmentProviders, provideAppInitializer, inject } from '@angular/core';
-import { provideIonicAngular, isPlatform, AnimationController, PopoverController, ModalController as ModalController$1 } from '@ionic/angular/standalone';
-import { ConfigToken, AngularDelegate, provideComponentInputBinding } from '@ionic/angular/common';
-import { GestureController } from '@kirbydesign/designsystem/gesture';
-import { LoadingOverlayService } from '@kirbydesign/designsystem/loading-overlay';
-import { ModalController, ActionSheetHelper, ModalHelper, AlertHelper, CanDismissHelper } from '@kirbydesign/designsystem/modal';
-import { ResizeObserverFactory, ResizeObserverService, TextResizeObserverService } from '@kirbydesign/designsystem/shared';
-import { ToastHelper, ToastController } from '@kirbydesign/designsystem/toast';
-
-/**
- * Injection token for provided Kirby configuration.
- */
-const KIRBY_CONFIG = new InjectionToken('KIRBY_CONFIG');
-/**
- *
- * @param features - Additional features to be provided to the Kirby environment:
- * @see {@link withGlobalSetup} for setting up global configuration.
- */
+import { InjectionToken, inject, makeEnvironmentProviders, provideAppInitializer } from "@angular/core";
+import { AnimationController, ModalController, PopoverController, isPlatform, provideIonicAngular } from "@ionic/angular";
+import { AngularDelegate, ConfigToken, provideComponentInputBinding } from "@ionic/angular/common";
+import { GestureController } from "@kirbydesign/designsystem/gesture";
+import { LoadingOverlayService } from "@kirbydesign/designsystem/loading-overlay";
+import { ActionSheetHelper, AlertHelper, CanDismissHelper, ModalController as ModalController$1, ModalHelper } from "@kirbydesign/designsystem/modal";
+import { ResizeObserverFactory, ResizeObserverService, TextResizeObserverService } from "@kirbydesign/designsystem/shared";
+import { ToastController, ToastHelper } from "@kirbydesign/designsystem/toast";
+const KIRBY_CONFIG = new InjectionToken("KIRBY_CONFIG");
 function provideKirby(...features) {
-    return makeEnvironmentProviders([
-        ModalController,
-        ActionSheetHelper,
-        ModalHelper,
-        AlertHelper,
-        ToastHelper,
-        ToastController,
-        LoadingOverlayService,
-        ResizeObserverFactory,
-        ResizeObserverService,
-        CanDismissHelper,
-        GestureController,
-        ...patchIonicProviders(),
-        features,
-    ]);
+	return makeEnvironmentProviders([
+		ModalController$1,
+		ActionSheetHelper,
+		ModalHelper,
+		AlertHelper,
+		ToastHelper,
+		ToastController,
+		LoadingOverlayService,
+		ResizeObserverFactory,
+		ResizeObserverService,
+		CanDismissHelper,
+		GestureController,
+		...patchIonicProviders(),
+		features
+	]);
 }
-/**
- * Sets up global configuration when used with the provideKirby EnvironmentProvider function.
- * Should be called exactly once per application when bootstrapping, to set up Kirby in the browsers runtime.
- *
- * @param config - (Optional) Additional configuration via the `KirbyConfig` object.
- */
 function withGlobalSetup(config) {
-    setGlobalConfig(config);
-    const ionicConfig = {
-        ...getBaseIonicConfig(),
-    };
-    if (config?.focusManager) {
-        ionicConfig.focusManagerPriority = ['heading'];
-    }
-    return makeEnvironmentProviders([
-        provideIonicAngular(ionicConfig),
-        provideAppInitializer(() => inject(TextResizeObserverService).initialize()),
-    ]);
+	setGlobalConfig(config);
+	const ionicConfig = { ...getBaseIonicConfig() };
+	if (config?.focusManager) ionicConfig.focusManagerPriority = ["heading"];
+	return makeEnvironmentProviders([provideIonicAngular(ionicConfig), provideAppInitializer(() => inject(TextResizeObserverService).initialize())]);
 }
-/**
- * Retrieves the global Kirby configuration object from the window object.
- */
 function getGlobalConfig() {
-    return window.__KIRBY_CONFIG__;
+	return window.__KIRBY_CONFIG__;
 }
-/**
- * Private method to set the global Kirby configuration object on the window object.
- *
- * @param config - `KirbyConfig` object to configure Kirby globally.
- */
 function setGlobalConfig(config) {
-    if (getGlobalConfig()) {
-        console.warn(`Global Kirby configuration is already provided through withGlobalSetup() elsewhere.
+	if (getGlobalConfig()) console.warn(`Global Kirby configuration is already provided through withGlobalSetup() elsewhere.
 Overwriting the existing configuration is not recommended. Consider removing duplicate calls.`);
-    }
-    window.__KIRBY_CONFIG__ = config ?? {};
+	window.__KIRBY_CONFIG__ = config ?? {};
 }
-/**
- * Returns the base Ionic configuration object with common defaults.
- */
 function getBaseIonicConfig() {
-    const shouldHaveNoopAnimation = !isPlatform('hybrid');
-    const navAnimationConfig = shouldHaveNoopAnimation && {
-        navAnimation: () => new AnimationController().create(),
-    };
-    return {
-        mode: 'ios',
-        ...navAnimationConfig,
-    };
+	return {
+		mode: "ios",
+		...!isPlatform("hybrid") && { navAnimation: () => new AnimationController().create() }
+	};
 }
-/**
- * Return same Ionic Angular providers as provideIonicAngular, but exclude the APP_INITIALIZER token.
- * https://github.com/ionic-team/ionic-framework/blob/v8.6.1/packages/angular/standalone/src/providers/ionic-angular.ts#L15
- * This is to ensure that we only initialize Ionic once in `withGlobalSetup`, where we use provideIonicAngular as intended,
- * but still allow other Angular contexts (e.g. Micro Frontends) to call provideKirby to get needed Kirby and Ionic config and providers in their context.
- */
 function patchIonicProviders() {
-    return [
-        {
-            provide: ConfigToken,
-            useValue: { ...getBaseIonicConfig(), ...window?.Ionic?.config },
-        },
-        provideComponentInputBinding(),
-        AngularDelegate,
-        PopoverController,
-        ModalController$1,
-    ];
+	return [
+		{
+			provide: ConfigToken,
+			useValue: {
+				...getBaseIonicConfig(),
+				...window?.Ionic?.config
+			}
+		},
+		provideComponentInputBinding(),
+		AngularDelegate,
+		PopoverController,
+		ModalController
+	];
 }
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { KIRBY_CONFIG, getGlobalConfig, provideKirby, withGlobalSetup };
-//# sourceMappingURL=kirbydesign-designsystem-config.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-config.mjs.map

package/fesm2022/kirbydesign-designsystem-config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-config.mjs","sources":["../../config/src/provide-kirby.ts","../../config/src/kirbydesign-designsystem-config.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  inject,\n  InjectionToken,\n  makeEnvironmentProviders,\n  provideAppInitializer,\n  Provider,\n} from '@angular/core';\nimport { AnimationController, isPlatform, provideIonicAngular } from '@ionic/angular/standalone';\nimport { provideComponentInputBinding } from '@ionic/angular/common';\nimport {\n  ModalController as IonModalController,\n  PopoverController as IonPopoverController,\n} from '@ionic/angular/standalone';\nimport {\n  AngularDelegate as IonAngularDelegate,\n  ConfigToken as IonConfigToken,\n} from '@ionic/angular/common';\nimport type { IonicConfig } from '@ionic/core';\nimport { GestureController } from '@kirbydesign/designsystem/gesture';\nimport { LoadingOverlayService } from '@kirbydesign/designsystem/loading-overlay';\nimport {\n  ActionSheetHelper,\n  AlertHelper,\n  CanDismissHelper,\n  ModalController,\n  ModalHelper,\n} from '@kirbydesign/designsystem/modal';\nimport {\n  ResizeObserverFactory,\n  ResizeObserverService,\n  TextResizeObserverService,\n} from '@kirbydesign/designsystem/shared';\nimport { ToastController, ToastHelper } from '@kirbydesign/designsystem/toast';\n\n/**\n * Configuration object for global configuration of Kirby.\n */\nexport interface KirbyConfig {\n  moduleRootRoutePath?: string;\n\n  /**\n   * Activate focus management for components rendered in a kirby-router-outlet.\n   * When a kirby-page enters the view, focus will be set to the pages primary heading (h1) inside the pages toolbar.\n   */\n  focusManager?: boolean;\n\n  /**\n   * Set the HTML documents title to match the title of any kirby-page entering the view.\n   */\n  setHtmlDocTitle?: boolean;\n}\n\n/**\n * Injection token for provided Kirby configuration.\n */\nexport const KIRBY_CONFIG = new InjectionToken<KirbyConfig>('KIRBY_CONFIG');\n\n/**\n *\n * @param features - Additional features to be provided to the Kirby environment:\n * @see {@link withGlobalSetup} for setting up global configuration.\n */\nexport function provideKirby(\n  ...features: Provider[] | EnvironmentProviders[]\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    ModalController,\n    ActionSheetHelper,\n    ModalHelper,\n    AlertHelper,\n    ToastHelper,\n    ToastController,\n    LoadingOverlayService,\n    ResizeObserverFactory,\n    ResizeObserverService,\n    CanDismissHelper,\n    GestureController,\n    ...patchIonicProviders(),\n    features,\n  ]);\n}\n\n/**\n * Sets up global configuration when used with the provideKirby EnvironmentProvider function.\n * Should be called exactly once per application when bootstrapping, to set up Kirby in the browsers runtime.\n *\n * @param config - (Optional) Additional configuration via the `KirbyConfig` object.\n */\nexport function withGlobalSetup(config?: KirbyConfig): EnvironmentProviders {\n  setGlobalConfig(config);\n\n  const ionicConfig: IonicConfig = {\n    ...getBaseIonicConfig(),\n  };\n\n  if (config?.focusManager) {\n    ionicConfig.focusManagerPriority = ['heading'];\n  }\n\n  return makeEnvironmentProviders([\n    provideIonicAngular(ionicConfig),\n    provideAppInitializer(() => inject(TextResizeObserverService).initialize()),\n  ]);\n}\n\n/**\n * Retrieves the global Kirby configuration object from the window object.\n */\nexport function getGlobalConfig(): KirbyConfig | undefined {\n  return (window as any).__KIRBY_CONFIG__ as KirbyConfig | undefined;\n}\n\n/**\n * Private method to set the global Kirby configuration object on the window object.\n *\n * @param config - `KirbyConfig` object to configure Kirby globally.\n */\nfunction setGlobalConfig(config: KirbyConfig | undefined): void {\n  if (getGlobalConfig()) {\n    console.warn(\n      `Global Kirby configuration is already provided through withGlobalSetup() elsewhere.\nOverwriting the existing configuration is not recommended. Consider removing duplicate calls.`\n    );\n  }\n\n  (window as any).__KIRBY_CONFIG__ = config ?? {};\n}\n\n/**\n * Returns the base Ionic configuration object with common defaults.\n */\nfunction getBaseIonicConfig(): IonicConfig {\n  const shouldHaveNoopAnimation = !isPlatform('hybrid');\n  const navAnimationConfig: IonicConfig = shouldHaveNoopAnimation && {\n    navAnimation: () => new AnimationController().create(),\n  };\n\n  return {\n    mode: 'ios',\n    ...navAnimationConfig,\n  };\n}\n\n/**\n * Return same Ionic Angular providers as provideIonicAngular, but exclude the APP_INITIALIZER token.\n * https://github.com/ionic-team/ionic-framework/blob/v8.6.1/packages/angular/standalone/src/providers/ionic-angular.ts#L15\n * This is to ensure that we only initialize Ionic once in `withGlobalSetup`, where we use provideIonicAngular as intended,\n * but still allow other Angular contexts (e.g. Micro Frontends) to call provideKirby to get needed Kirby and Ionic config and providers in their context.\n */\nfunction patchIonicProviders(): Provider[] {\n  return [\n    {\n      provide: IonConfigToken,\n      useValue: { ...getBaseIonicConfig(), ...(window as any)?.Ionic?.config },\n    },\n    provideComponentInputBinding(),\n    IonAngularDelegate,\n    IonPopoverController,\n    IonModalController,\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["IonConfigToken","IonAngularDelegate","IonPopoverController","IonModalController"],"mappings":";;;;;;;;;AAqDA;;AAEG;MACU,YAAY,GAAG,IAAI,cAAc,CAAc,cAAc;AAE1E;;;;AAIG;AACG,SAAU,YAAY,CAC1B,GAAG,QAA6C,EAAA;AAEhD,IAAA,OAAO,wBAAwB,CAAC;QAC9B,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,WAAW;QACX,WAAW;QACX,eAAe;QACf,qBAAqB;QACrB,qBAAqB;QACrB,qBAAqB;QACrB,gBAAgB;QAChB,iBAAiB;AACjB,QAAA,GAAG,mBAAmB,EAAE;QACxB,QAAQ;AACT,KAAA,CAAC;AACJ;AAEA;;;;;AAKG;AACG,SAAU,eAAe,CAAC,MAAoB,EAAA;IAClD,eAAe,CAAC,MAAM,CAAC;AAEvB,IAAA,MAAM,WAAW,GAAgB;AAC/B,QAAA,GAAG,kBAAkB,EAAE;KACxB;AAED,IAAA,IAAI,MAAM,EAAE,YAAY,EAAE;AACxB,QAAA,WAAW,CAAC,oBAAoB,GAAG,CAAC,SAAS,CAAC;IAChD;AAEA,IAAA,OAAO,wBAAwB,CAAC;QAC9B,mBAAmB,CAAC,WAAW,CAAC;QAChC,qBAAqB,CAAC,MAAM,MAAM,CAAC,yBAAyB,CAAC,CAAC,UAAU,EAAE,CAAC;AAC5E,KAAA,CAAC;AACJ;AAEA;;AAEG;SACa,eAAe,GAAA;IAC7B,OAAQ,MAAc,CAAC,gBAA2C;AACpE;AAEA;;;;AAIG;AACH,SAAS,eAAe,CAAC,MAA+B,EAAA;IACtD,IAAI,eAAe,EAAE,EAAE;QACrB,OAAO,CAAC,IAAI,CACV,CAAA;AACwF,6FAAA,CAAA,CACzF;IACH;AAEC,IAAA,MAAc,CAAC,gBAAgB,GAAG,MAAM,IAAI,EAAE;AACjD;AAEA;;AAEG;AACH,SAAS,kBAAkB,GAAA;AACzB,IAAA,MAAM,uBAAuB,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrD,MAAM,kBAAkB,GAAgB,uBAAuB,IAAI;QACjE,YAAY,EAAE,MAAM,IAAI,mBAAmB,EAAE,CAAC,MAAM,EAAE;KACvD;IAED,OAAO;AACL,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,GAAG,kBAAkB;KACtB;AACH;AAEA;;;;;AAKG;AACH,SAAS,mBAAmB,GAAA;IAC1B,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAEA,WAAc;AACvB,YAAA,QAAQ,EAAE,EAAE,GAAG,kBAAkB,EAAE,EAAE,GAAI,MAAc,EAAE,KAAK,EAAE,MAAM,EAAE;AACzE,SAAA;AACD,QAAA,4BAA4B,EAAE;QAC9BC,eAAkB;QAClBC,iBAAoB;QACpBC,iBAAkB;KACnB;AACH;;ACjKA;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-config.mjs","names":[],"sources":["../../config/src/provide-kirby.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  inject,\n  InjectionToken,\n  makeEnvironmentProviders,\n  provideAppInitializer,\n  Provider,\n} from '@angular/core';\nimport { AnimationController, isPlatform, provideIonicAngular } from '@ionic/angular';\nimport { provideComponentInputBinding } from '@ionic/angular/common';\nimport {\n  ModalController as IonModalController,\n  PopoverController as IonPopoverController,\n} from '@ionic/angular';\nimport {\n  AngularDelegate as IonAngularDelegate,\n  ConfigToken as IonConfigToken,\n} from '@ionic/angular/common';\nimport type { IonicConfig } from '@ionic/core';\nimport { GestureController } from '@kirbydesign/designsystem/gesture';\nimport { LoadingOverlayService } from '@kirbydesign/designsystem/loading-overlay';\nimport {\n  ActionSheetHelper,\n  AlertHelper,\n  CanDismissHelper,\n  ModalController,\n  ModalHelper,\n} from '@kirbydesign/designsystem/modal';\nimport {\n  ResizeObserverFactory,\n  ResizeObserverService,\n  TextResizeObserverService,\n} from '@kirbydesign/designsystem/shared';\nimport { ToastController, ToastHelper } from '@kirbydesign/designsystem/toast';\n\n/**\n * Configuration object for global configuration of Kirby.\n */\nexport interface KirbyConfig {\n  moduleRootRoutePath?: string;\n\n  /**\n   * Activate focus management for components rendered in a kirby-router-outlet.\n   * When a kirby-page enters the view, focus will be set to the pages primary heading (h1) inside the pages toolbar.\n   */\n  focusManager?: boolean;\n\n  /**\n   * Set the HTML documents title to match the title of any kirby-page entering the view.\n   */\n  setHtmlDocTitle?: boolean;\n}\n\n/**\n * Injection token for provided Kirby configuration.\n */\nexport const KIRBY_CONFIG = new InjectionToken<KirbyConfig>('KIRBY_CONFIG');\n\n/**\n *\n * @param features - Additional features to be provided to the Kirby environment:\n * @see {@link withGlobalSetup} for setting up global configuration.\n */\nexport function provideKirby(\n  ...features: Provider[] | EnvironmentProviders[]\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    ModalController,\n    ActionSheetHelper,\n    ModalHelper,\n    AlertHelper,\n    ToastHelper,\n    ToastController,\n    LoadingOverlayService,\n    ResizeObserverFactory,\n    ResizeObserverService,\n    CanDismissHelper,\n    GestureController,\n    ...patchIonicProviders(),\n    features,\n  ]);\n}\n\n/**\n * Sets up global configuration when used with the provideKirby EnvironmentProvider function.\n * Should be called exactly once per application when bootstrapping, to set up Kirby in the browsers runtime.\n *\n * @param config - (Optional) Additional configuration via the `KirbyConfig` object.\n */\nexport function withGlobalSetup(config?: KirbyConfig): EnvironmentProviders {\n  setGlobalConfig(config);\n\n  const ionicConfig: IonicConfig = {\n    ...getBaseIonicConfig(),\n  };\n\n  if (config?.focusManager) {\n    ionicConfig.focusManagerPriority = ['heading'];\n  }\n\n  return makeEnvironmentProviders([\n    provideIonicAngular(ionicConfig),\n    provideAppInitializer(() => inject(TextResizeObserverService).initialize()),\n  ]);\n}\n\n/**\n * Retrieves the global Kirby configuration object from the window object.\n */\nexport function getGlobalConfig(): KirbyConfig | undefined {\n  return (window as any).__KIRBY_CONFIG__ as KirbyConfig | undefined;\n}\n\n/**\n * Private method to set the global Kirby configuration object on the window object.\n *\n * @param config - `KirbyConfig` object to configure Kirby globally.\n */\nfunction setGlobalConfig(config: KirbyConfig | undefined): void {\n  if (getGlobalConfig()) {\n    console.warn(\n      `Global Kirby configuration is already provided through withGlobalSetup() elsewhere.\nOverwriting the existing configuration is not recommended. Consider removing duplicate calls.`\n    );\n  }\n\n  (window as any).__KIRBY_CONFIG__ = config ?? {};\n}\n\n/**\n * Returns the base Ionic configuration object with common defaults.\n */\nfunction getBaseIonicConfig(): IonicConfig {\n  const shouldHaveNoopAnimation = !isPlatform('hybrid');\n  const navAnimationConfig: IonicConfig = shouldHaveNoopAnimation && {\n    navAnimation: () => new AnimationController().create(),\n  };\n\n  return {\n    mode: 'ios',\n    ...navAnimationConfig,\n  };\n}\n\n/**\n * Return same Ionic Angular providers as provideIonicAngular, but exclude the APP_INITIALIZER token.\n * https://github.com/ionic-team/ionic-framework/blob/v8.6.1/packages/angular/standalone/src/providers/ionic-angular.ts#L15\n * This is to ensure that we only initialize Ionic once in `withGlobalSetup`, where we use provideIonicAngular as intended,\n * but still allow other Angular contexts (e.g. Micro Frontends) to call provideKirby to get needed Kirby and Ionic config and providers in their context.\n */\nfunction patchIonicProviders(): Provider[] {\n  return [\n    {\n      provide: IonConfigToken,\n      useValue: { ...getBaseIonicConfig(), ...(window as any)?.Ionic?.config },\n    },\n    provideComponentInputBinding(),\n    IonAngularDelegate,\n    IonPopoverController,\n    IonModalController,\n  ];\n}\n"],"mappings":";;;;;;;;AAwDA,MAAa,eAAe,IAAI,eAA4B,cAAc;AAO1E,SAAgB,aACd,GAAG,UAA6C;CAEhD,OAAO,yBAAyB;EAC9B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG,oBAAmB;EACtB;CACD,CAAA;AACH;AAQA,SAAgB,gBAAgB,QAAoB;CAClD,gBAAgB,MAAM;CAEtB,MAAM,cAA2B,EAC/B,GAAG,mBAAkB,EACtB;CAED,IAAI,QAAQ,cACV,YAAY,uBAAuB,CAAC,SAAS;CAG/C,OAAO,yBAAyB,CAC9B,oBAAoB,WAAW,GAC/B,4BAA4B,OAAO,yBAAyB,CAAC,CAAC,WAAU,CAAE,CAC3E,CAAA;AACH;AAKA,SAAgB,kBAAe;CAC7B,OAAQ,OAAe;AACzB;AAOA,SAAS,gBAAgB,QAA+B;CACtD,IAAI,gBAAe,GACjB,QAAQ,KACN;8FACwF;CAI3F,OAAe,mBAAmB,UAAU,CAAA;AAC/C;AAKA,SAAS,qBAAkB;CAMzB,OAAO;EACL,MAAM;EACN,GANsC,CADP,WAAW,QAAQ,KACe,EACjE,oBAAoB,IAAI,oBAAmB,CAAE,CAAC,OAAM,EACrD;CAKA;AACH;AAQA,SAAS,sBAAmB;CAC1B,OAAO;EACL;GACE,SAAS;GACT,UAAU;IAAE,GAAG,mBAAkB;IAAI,GAAI,QAAgB,OAAO;GAAM;EACvE;EACD,6BAA4B;EAC5B;EACA;EACA;CACD;AACH"}

package/fesm2022/kirbydesign-designsystem-data-table.mjs

@@ -1,85 +1,182 @@
-import * as i0 from '@angular/core';
-import { ViewChild, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { IconComponent } from '@kirbydesign/designsystem/icon';
-
-class TableSortableComponent {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.sortable = false;
-        this.active = false;
-        this.sortDirection = 'asc';
-        this.iconAlignment = 'end';
-        this.alignment = 'start';
-    }
-    get isActive() {
-        return this.sortable && this.active;
-    }
-    _getAlignmentClasses() {
-        const alignmentClasses = [];
-        if (this.iconAlignment === 'start') {
-            alignmentClasses.push('row-reverse');
-        }
-        alignmentClasses.push(`align-${this.alignment}`);
-        return alignmentClasses;
-    }
-    ngAfterViewInit() {
-        if (this.spanElement) {
-            this.renderer.setAttribute(this.spanElement.nativeElement, 'data-text', this.spanElement.nativeElement.textContent);
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TableSortableComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TableSortableComponent, isStandalone: true, selector: "th[sortable]", inputs: { sortable: "sortable", active: "active", sortDirection: "sortDirection", iconAlignment: "iconAlignment", alignment: "alignment" }, host: { properties: { "class.sortable": "this.sortable", "class.active": "this.isActive" } }, viewQueries: [{ propertyName: "spanElement", first: true, predicate: ["span"], descendants: true }], ngImport: i0, template: "@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TableSortableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'th[sortable]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, IconComponent], template: "@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { sortable: [{
-                type: HostBinding,
-                args: ['class.sortable']
-            }, {
-                type: Input
-            }], active: [{
-                type: Input
-            }], sortDirection: [{
-                type: Input
-            }], iconAlignment: [{
-                type: Input
-            }], alignment: [{
-                type: Input
-            }], isActive: [{
-                type: HostBinding,
-                args: ['class.active']
-            }], spanElement: [{
-                type: ViewChild,
-                args: ['span']
-            }] } });
-
-/**
- * @deprecated 'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.
- * Please import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.
- */
-class DataTableModule {
-    constructor() {
-        console.warn(`'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Input, NgModule, ViewChild, ViewEncapsulation } from "@angular/core";
+import * as i1 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import { IconComponent } from "@kirbydesign/designsystem/icon";
+var TableSortableComponent = class TableSortableComponent {
+	constructor(renderer) {
+		this.renderer = renderer;
+		this.sortable = false;
+		this.active = false;
+		this.sortDirection = "asc";
+		this.iconAlignment = "end";
+		this.alignment = "start";
+	}
+	get isActive() {
+		return this.sortable && this.active;
+	}
+	_getAlignmentClasses() {
+		const alignmentClasses = [];
+		if (this.iconAlignment === "start") alignmentClasses.push("row-reverse");
+		alignmentClasses.push(`align-${this.alignment}`);
+		return alignmentClasses;
+	}
+	ngAfterViewInit() {
+		if (this.spanElement) this.renderer.setAttribute(this.spanElement.nativeElement, "data-text", this.spanElement.nativeElement.textContent);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: TableSortableComponent,
+			deps: [{ token: i0.Renderer2 }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: TableSortableComponent,
+			isStandalone: true,
+			selector: "th[sortable]",
+			inputs: {
+				sortable: "sortable",
+				active: "active",
+				sortDirection: "sortDirection",
+				iconAlignment: "iconAlignment",
+				alignment: "alignment"
+			},
+			host: { properties: {
+				"class.sortable": "this.sortable",
+				"class.active": "this.isActive"
+			} },
+			viewQueries: [{
+				propertyName: "spanElement",
+				first: true,
+				predicate: ["span"],
+				descendants: true
+			}],
+			ngImport: i0,
+			template: "@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n",
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: i1.NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "component",
+					type: IconComponent,
+					selector: "kirby-icon",
+					inputs: ["size", "name"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TableSortableComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "th[sortable]",
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [CommonModule, IconComponent],
+			template: "@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.Renderer2 }],
+	propDecorators: {
+		sortable: [{
+			type: HostBinding,
+			args: ["class.sortable"]
+		}, { type: Input }],
+		active: [{ type: Input }],
+		sortDirection: [{ type: Input }],
+		iconAlignment: [{ type: Input }],
+		alignment: [{ type: Input }],
+		isActive: [{
+			type: HostBinding,
+			args: ["class.active"]
+		}],
+		spanElement: [{
+			type: ViewChild,
+			args: ["span"]
+		}]
+	}
+});
+var DataTableModule = class DataTableModule {
+	constructor() {
+		console.warn(`'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.
 Please import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.`);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: DataTableModule, imports: [TableSortableComponent], exports: [TableSortableComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTableModule, imports: [TableSortableComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [TableSortableComponent],
-                    exports: [TableSortableComponent],
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: DataTableModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: DataTableModule,
+			imports: [TableSortableComponent],
+			exports: [TableSortableComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: DataTableModule,
+			imports: [TableSortableComponent]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DataTableModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [TableSortableComponent],
+			exports: [TableSortableComponent]
+		}]
+	}],
+	ctorParameters: () => []
+});
 export { DataTableModule, TableSortableComponent };
-//# sourceMappingURL=kirbydesign-designsystem-data-table.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-data-table.mjs.map

package/fesm2022/kirbydesign-designsystem-data-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-data-table.mjs","sources":["../../data-table/src/sortable/sortable.component.ts","../../data-table/src/sortable/sortable.component.html","../../data-table/src/data-table.module.ts","../../data-table/src/kirbydesign-designsystem-data-table.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'th[sortable]',\n  templateUrl: './sortable.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, IconComponent],\n})\nexport class TableSortableComponent implements AfterViewInit {\n  constructor(private renderer: Renderer2) {}\n\n  @HostBinding('class.sortable')\n  @Input()\n  sortable = false;\n\n  @Input() active = false;\n\n  @Input() sortDirection: 'asc' | 'desc' = 'asc';\n  @Input() iconAlignment: 'start' | 'end' = 'end';\n  @Input() alignment: 'start' | 'center' | 'end' = 'start';\n\n  @HostBinding('class.active')\n  get isActive() {\n    return this.sortable && this.active;\n  }\n\n  _getAlignmentClasses() {\n    const alignmentClasses: string[] = [];\n\n    if (this.iconAlignment === 'start') {\n      alignmentClasses.push('row-reverse');\n    }\n\n    alignmentClasses.push(`align-${this.alignment}`);\n\n    return alignmentClasses;\n  }\n\n  @ViewChild('span') spanElement: ElementRef;\n\n  ngAfterViewInit(): void {\n    if (this.spanElement) {\n      this.renderer.setAttribute(\n        this.spanElement.nativeElement,\n        'data-text',\n        this.spanElement.nativeElement.textContent\n      );\n    }\n  }\n}\n","@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { TableSortableComponent } from './sortable/sortable.component';\n\n/**\n * @deprecated 'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.\n * Please import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.\n */\n@NgModule({\n  imports: [TableSortableComponent],\n  exports: [TableSortableComponent],\n})\nexport class DataTableModule {\n  constructor() {\n    console.warn(`'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.\nPlease import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-data-table.mjs","names":[],"sources":["../../data-table/src/sortable/sortable.component.ts","../../data-table/src/sortable/sortable.component.html","../../data-table/src/data-table.module.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'th[sortable]',\n  templateUrl: './sortable.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, IconComponent],\n})\nexport class TableSortableComponent implements AfterViewInit {\n  constructor(private renderer: Renderer2) {}\n\n  @HostBinding('class.sortable')\n  @Input()\n  sortable = false;\n\n  @Input() active = false;\n\n  @Input() sortDirection: 'asc' | 'desc' = 'asc';\n  @Input() iconAlignment: 'start' | 'end' = 'end';\n  @Input() alignment: 'start' | 'center' | 'end' = 'start';\n\n  @HostBinding('class.active')\n  get isActive() {\n    return this.sortable && this.active;\n  }\n\n  _getAlignmentClasses() {\n    const alignmentClasses: string[] = [];\n\n    if (this.iconAlignment === 'start') {\n      alignmentClasses.push('row-reverse');\n    }\n\n    alignmentClasses.push(`align-${this.alignment}`);\n\n    return alignmentClasses;\n  }\n\n  @ViewChild('span') spanElement: ElementRef;\n\n  ngAfterViewInit(): void {\n    if (this.spanElement) {\n      this.renderer.setAttribute(\n        this.spanElement.nativeElement,\n        'data-text',\n        this.spanElement.nativeElement.textContent\n      );\n    }\n  }\n}\n","@if (!sortable) {\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n} @else {\n  <button [ngClass]=\"_getAlignmentClasses()\">\n    <span #span><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    <kirby-icon\n      class=\"sortable-icon\"\n      [name]=\"sortDirection === 'asc' ? 'arrow-up-fill' : 'arrow-down-fill'\"\n    ></kirby-icon>\n  </button>\n}\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { TableSortableComponent } from './sortable/sortable.component';\n\n/**\n * @deprecated 'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.\n * Please import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.\n */\n@NgModule({\n  imports: [TableSortableComponent],\n  exports: [TableSortableComponent],\n})\nexport class DataTableModule {\n  constructor() {\n    console.warn(`'DataTableModule' has been deprecated in favor of the standalone 'TableSortableComponent'.\nPlease import 'TableSortableComponent' instead. 'DataTableModule' will be removed in Kirby v11.`);\n  }\n}\n"],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-divider.mjs

@@ -1,20 +1,47 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class DividerComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: DividerComponent, isStandalone: true, selector: "kirby-divider", inputs: { hasMargin: "hasMargin" }, ngImport: i0, template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}hr{margin-top:8px;margin-bottom:8px;border:0;border-top:1px solid var(--kirby-divider-color, var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DividerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}hr{margin-top:8px;margin-bottom:8px;border:0;border-top:1px solid var(--kirby-divider-color, var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}\n"] }]
-        }], propDecorators: { hasMargin: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+var DividerComponent = class DividerComponent {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: DividerComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: DividerComponent,
+			isStandalone: true,
+			selector: "kirby-divider",
+			inputs: { hasMargin: "hasMargin" },
+			ngImport: i0,
+			template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n",
+			styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:1px solid var(--kirby-divider-color, var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DividerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-divider",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n",
+			styles: ["hr{margin-top:var(--kirby-spacing-xxs);margin-bottom:var(--kirby-spacing-xxs);border:0;border-top:1px solid var(--kirby-divider-color, var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}\n"]
+		}]
+	}],
+	propDecorators: { hasMargin: [{ type: Input }] }
+});
 export { DividerComponent };
-//# sourceMappingURL=kirbydesign-designsystem-divider.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-divider.mjs.map

package/fesm2022/kirbydesign-designsystem-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-divider.mjs","sources":["../../divider/src/divider.component.ts","../../divider/src/divider.component.html","../../divider/src/kirbydesign-designsystem-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'kirby-divider',\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent {\n  @Input()\n  hasMargin: boolean;\n}\n","<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAQa,gBAAgB,CAAA;kIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,6GCR7B,iEACA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iEAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA;;sBAG9C;;;AETH;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-divider.mjs","names":[],"sources":["../../divider/src/divider.component.ts","../../divider/src/divider.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'kirby-divider',\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent {\n  @Input()\n  hasMargin: boolean;\n}\n","<hr role=\"presentation\" [class.no-margin]=\"!hasMargin\" />\n"],"mappings":";;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAAhB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,WAAA,YAAA;GAAA,UAAA;GAAA,UCR7B;GACA,QAAA,CAAA,0MAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;ADOa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAN5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,0MAAA;EAAA,CAAA;;CAG9C,gBAAA,EAAA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA,EAAA"}