@kirbydesign/designsystem 11.11.3-dev-e7cb27f → 12.0.0-dev-67d5287

package/fesm2022/kirbydesign-designsystem-item.mjs

@@ -1,155 +1,399 @@
-import * as i0 from '@angular/core';
-import { ElementRef, HostBinding, ViewChild, ContentChild, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { forwardAttributes } from '@kirbydesign/designsystem/shared';
-import { ButtonComponent } from '@kirbydesign/designsystem/button';
-import { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';
-import { RadioComponent } from '@kirbydesign/designsystem/radio';
-import { ToggleComponent } from '@kirbydesign/designsystem/toggle';
-import { IonItem, IonReorder, IonLabel } from '@ionic/angular';
-import { IconComponent, IconModule } from '@kirbydesign/designsystem/icon';
-import * as i1 from '@kirbydesign/designsystem/helpers';
-import { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';
-import { CommonModule } from '@angular/common';
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, HostBinding, Input, NgModule, ViewChild } from "@angular/core";
+import { forwardAttributes } from "@kirbydesign/designsystem/shared";
+import { ButtonComponent } from "@kirbydesign/designsystem/button";
+import { CheckboxComponent } from "@kirbydesign/designsystem/checkbox";
+import { RadioComponent } from "@kirbydesign/designsystem/radio";
+import { ToggleComponent } from "@kirbydesign/designsystem/toggle";
+import { IonItem, IonLabel, IonReorder } from "@ionic/angular";
+import { IconComponent, IconModule } from "@kirbydesign/designsystem/icon";
+import * as i1 from "@kirbydesign/designsystem/helpers";
+import { IonicElementPartHelper } from "@kirbydesign/designsystem/helpers";
+import { CommonModule } from "@angular/common";
 var ItemSize;
-(function (ItemSize) {
-    ItemSize["XS"] = "xs";
-    ItemSize["SM"] = "sm";
-    ItemSize["MD"] = "md";
+(function(ItemSize) {
+	ItemSize["XS"] = "xs";
+	ItemSize["SM"] = "sm";
+	ItemSize["MD"] = "md";
 })(ItemSize || (ItemSize = {}));
-class ItemComponent {
-    get selectable() {
-        return this._selectable;
-    }
-    set selectable(value) {
-        this._selectable = value;
-        this.cdr.markForCheck();
-    }
-    constructor(elementRef, renderer, cdr, ionicElementPartHelper) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ionicElementPartHelper = ionicElementPartHelper;
-        this._linkAttributesToForward = ['rel', 'target', 'download'];
-        this.size = ItemSize.MD;
-        this.rotateIcon = false;
-    }
-    ngAfterViewInit() {
-        forwardAttributes(this.elementRef.nativeElement, this._linkAttributesToForward, this.renderer, this.ionItem.nativeElement);
-        this.ionicElementPartHelper.setPart('item-inner', this.ionItem, '.item-inner');
-        this.ionicElementPartHelper.setPart('input-wrapper', this.ionItem, '.input-wrapper');
-    }
-    // Prevent default when inside kirby-dropdown to avoid blurring dropdown:
-    onMouseDown(event) {
-        if (event.currentTarget instanceof HTMLElement &&
-            event.currentTarget.closest('kirby-dropdown')) {
-            event.preventDefault();
-        }
-    }
-    get _renderButton() {
-        // We shouldn't render item as a button if the item contains
-        // nested interactive, i.e. checkbox, radio or toggle:
-        return this.selectable && !this.containsNestedInteractives;
-    }
-    get _renderLink() {
-        // We shouldn't render item as a link if the item contains
-        // nested interactive, i.e. checkbox, radio or toggle:
-        return this.containsNestedInteractives ? undefined : this.href;
-    }
-    get containsNestedInteractives() {
-        return !!(this.checkbox || this.radio || this.toggle || this.button);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.IonicElementPartHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ItemComponent, isStandalone: true, selector: "kirby-item", inputs: { disabled: "disabled", selected: "selected", disclosure: "disclosure", selectable: "selectable", reorderable: "reorderable", size: "size", href: "href", rotateIcon: "rotateIcon" }, host: { properties: { "class.disabled": "this.disabled", "class.selected": "this.selected", "class.disclosure": "this.disclosure", "class": "this.size", "class.has-interactive": "this.containsNestedInteractives" } }, providers: [IonicElementPartHelper], queries: [{ propertyName: "checkbox", first: true, predicate: CheckboxComponent, descendants: true, read: ElementRef }, { propertyName: "radio", first: true, predicate: RadioComponent, descendants: true, read: ElementRef }, { propertyName: "toggle", first: true, predicate: ToggleComponent, descendants: true, read: ElementRef }, { propertyName: "button", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "ionItem", first: true, predicate: IonItem, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-item\n  lines=\"none\"\n  [disabled]=\"disabled\"\n  [button]=\"_renderButton\"\n  [href]=\"_renderLink\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  @if (reorderable) {\n    <ion-reorder slot=\"end\">\n      <kirby-icon name=\"reorder\"></kirby-icon>\n    </ion-reorder>\n  }\n\n  @if (disclosure) {\n    <span class=\"disclosure\" slot=\"end\">\n      <kirby-icon\n        [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n        name=\"{{ disclosure }}\"\n      ></kirby-icon>\n    </span>\n  }\n</ion-item>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}@media(hover:hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var(--kirby-item-background-focused, var(--kirby-background-color));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-semi-dark);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"], dependencies: [{ kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonReorder, selector: "ion-reorder" }, { kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-item', changeDetection: ChangeDetectionStrategy.OnPush, providers: [IonicElementPartHelper], imports: [IonItem, IonReorder, IconComponent], template: "<ion-item\n  lines=\"none\"\n  [disabled]=\"disabled\"\n  [button]=\"_renderButton\"\n  [href]=\"_renderLink\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  @if (reorderable) {\n    <ion-reorder slot=\"end\">\n      <kirby-icon name=\"reorder\"></kirby-icon>\n    </ion-reorder>\n  }\n\n  @if (disclosure) {\n    <span class=\"disclosure\" slot=\"end\">\n      <kirby-icon\n        [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n        name=\"{{ disclosure }}\"\n      ></kirby-icon>\n    </span>\n  }\n</ion-item>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}@media(hover:hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var(--kirby-item-background-focused, var(--kirby-background-color));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-semi-dark);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.IonicElementPartHelper }], propDecorators: { disabled: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }, {
-                type: Input
-            }], selected: [{
-                type: HostBinding,
-                args: ['class.selected']
-            }, {
-                type: Input
-            }], disclosure: [{
-                type: HostBinding,
-                args: ['class.disclosure']
-            }, {
-                type: Input
-            }], selectable: [{
-                type: Input
-            }], reorderable: [{
-                type: Input
-            }], size: [{
-                type: HostBinding,
-                args: ['class']
-            }, {
-                type: Input
-            }], href: [{
-                type: Input
-            }], rotateIcon: [{
-                type: Input
-            }], checkbox: [{
-                type: ContentChild,
-                args: [CheckboxComponent, { static: false, read: ElementRef }]
-            }], radio: [{
-                type: ContentChild,
-                args: [RadioComponent, { static: false, read: ElementRef }]
-            }], toggle: [{
-                type: ContentChild,
-                args: [ToggleComponent, { static: false, read: ElementRef }]
-            }], button: [{
-                type: ContentChild,
-                args: [ButtonComponent, { static: false, read: ElementRef }]
-            }], ionItem: [{
-                type: ViewChild,
-                args: [IonItem, { static: true, read: ElementRef }]
-            }], containsNestedInteractives: [{
-                type: HostBinding,
-                args: ['class.has-interactive']
-            }] } });
-
-class LabelComponent {
-    constructor() {
-        this.direction = 'vertical';
-    }
-    get _direction() {
-        return this.direction === 'horizontal';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: LabelComponent, isStandalone: true, selector: "kirby-label", inputs: { direction: "direction" }, host: { properties: { "class.horizontal": "this._direction" } }, ngImport: i0, template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}:host.horizontal ion-label ::ng-deep>:last-child{white-space:normal;overflow:visible;text-overflow:initial}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:var(--kirby-spacing-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}:host-context(kirby-item) ::ng-deep ion-label .kirby-item-disclosure kirby-icon{color:var(--kirby-semi-dark);transform:translate(var(--kirby-spacing-xxxs))}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s)}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:var(--kirby-font-weight-bold);font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m);color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>h2[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-large[heading]{font-size:var(--kirby-font-size-l);line-height:var(--kirby-line-height-l)}:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-medium[heading]{font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m)}:host-context(kirby-section-header) ion-label ::ng-deep>h4[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h5[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h6[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-normal[heading]{font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:var(--kirby-font-weight-light);font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s);color:var(--kirby-section-header-color);margin:var(--kirby-spacing-xxxs) 0 var(--kirby-spacing-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:var(--kirby-spacing-s)}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:var(--kirby-font-weight-bold)}@media(max-width:767px){:host-context(.kirby-trt) :host([slot=end]) ion-label ::ng-deep>*{margin-inline-start:0;text-align:start}:host-context(.kirby-trt) ion-label{flex-direction:column;align-items:flex-start}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>[subtitle],:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-subtitle:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-detail:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-disclosure{position:absolute;top:var(--padding-top, 0);right:var(--kirby-spacing-s);margin-left:0}}\n"], dependencies: [{ kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-label', imports: [IonLabel], template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}:host.horizontal ion-label ::ng-deep>:last-child{white-space:normal;overflow:visible;text-overflow:initial}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:var(--kirby-spacing-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}:host-context(kirby-item) ::ng-deep ion-label .kirby-item-disclosure kirby-icon{color:var(--kirby-semi-dark);transform:translate(var(--kirby-spacing-xxxs))}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s)}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:var(--kirby-font-weight-bold);font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m);color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>h2[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-large[heading]{font-size:var(--kirby-font-size-l);line-height:var(--kirby-line-height-l)}:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-medium[heading]{font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m)}:host-context(kirby-section-header) ion-label ::ng-deep>h4[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h5[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h6[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-normal[heading]{font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:var(--kirby-font-weight-light);font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s);color:var(--kirby-section-header-color);margin:var(--kirby-spacing-xxxs) 0 var(--kirby-spacing-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:var(--kirby-spacing-s)}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:var(--kirby-font-weight-bold)}@media(max-width:767px){:host-context(.kirby-trt) :host([slot=end]) ion-label ::ng-deep>*{margin-inline-start:0;text-align:start}:host-context(.kirby-trt) ion-label{flex-direction:column;align-items:flex-start}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>[subtitle],:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-subtitle:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-detail:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-disclosure{position:absolute;top:var(--padding-top, 0);right:var(--kirby-spacing-s);margin-left:0}}\n"] }]
-        }], propDecorators: { direction: [{
-                type: Input
-            }], _direction: [{
-                type: HostBinding,
-                args: ['class.horizontal']
-            }] } });
-
+var ItemComponent = class ItemComponent {
+	get selectable() {
+		return this._selectable;
+	}
+	set selectable(value) {
+		this._selectable = value;
+		this.cdr.markForCheck();
+	}
+	constructor(elementRef, renderer, cdr, ionicElementPartHelper) {
+		this.elementRef = elementRef;
+		this.renderer = renderer;
+		this.cdr = cdr;
+		this.ionicElementPartHelper = ionicElementPartHelper;
+		this._linkAttributesToForward = [
+			"rel",
+			"target",
+			"download"
+		];
+		this.size = ItemSize.MD;
+		this.rotateIcon = false;
+	}
+	ngAfterViewInit() {
+		forwardAttributes(this.elementRef.nativeElement, this._linkAttributesToForward, this.renderer, this.ionItem.nativeElement);
+		this.ionicElementPartHelper.setPart("item-inner", this.ionItem, ".item-inner");
+		this.ionicElementPartHelper.setPart("input-wrapper", this.ionItem, ".input-wrapper");
+	}
+	onMouseDown(event) {
+		if (event.currentTarget instanceof HTMLElement && event.currentTarget.closest("kirby-dropdown")) event.preventDefault();
+	}
+	get _renderButton() {
+		return this.selectable && !this.containsNestedInteractives;
+	}
+	get _renderLink() {
+		return this.containsNestedInteractives ? void 0 : this.href;
+	}
+	get containsNestedInteractives() {
+		return !!(this.checkbox || this.radio || this.toggle || this.button);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ItemComponent,
+			deps: [
+				{ token: i0.ElementRef },
+				{ token: i0.Renderer2 },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i1.IonicElementPartHelper }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: ItemComponent,
+			isStandalone: true,
+			selector: "kirby-item",
+			inputs: {
+				disabled: "disabled",
+				selected: "selected",
+				disclosure: "disclosure",
+				selectable: "selectable",
+				reorderable: "reorderable",
+				size: "size",
+				href: "href",
+				rotateIcon: "rotateIcon"
+			},
+			host: { properties: {
+				"class.disabled": "this.disabled",
+				"class.selected": "this.selected",
+				"class.disclosure": "this.disclosure",
+				"class": "this.size",
+				"class.has-interactive": "this.containsNestedInteractives"
+			} },
+			providers: [IonicElementPartHelper],
+			queries: [
+				{
+					propertyName: "checkbox",
+					first: true,
+					predicate: CheckboxComponent,
+					descendants: true,
+					read: ElementRef
+				},
+				{
+					propertyName: "radio",
+					first: true,
+					predicate: RadioComponent,
+					descendants: true,
+					read: ElementRef
+				},
+				{
+					propertyName: "toggle",
+					first: true,
+					predicate: ToggleComponent,
+					descendants: true,
+					read: ElementRef
+				},
+				{
+					propertyName: "button",
+					first: true,
+					predicate: ButtonComponent,
+					descendants: true,
+					read: ElementRef
+				}
+			],
+			viewQueries: [{
+				propertyName: "ionItem",
+				first: true,
+				predicate: IonItem,
+				descendants: true,
+				read: ElementRef,
+				static: true
+			}],
+			ngImport: i0,
+			template: "<ion-item\n  lines=\"none\"\n  [disabled]=\"disabled\"\n  [button]=\"_renderButton\"\n  [href]=\"_renderLink\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  @if (reorderable) {\n    <ion-reorder slot=\"end\">\n      <kirby-icon name=\"reorder\"></kirby-icon>\n    </ion-reorder>\n  }\n\n  @if (disclosure) {\n    <span class=\"disclosure\" slot=\"end\">\n      <kirby-icon\n        [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n        name=\"{{ disclosure }}\"\n      ></kirby-icon>\n    </span>\n  }\n</ion-item>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity:.4}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: IonItem,
+					selector: "ion-item",
+					inputs: [
+						"button",
+						"color",
+						"detail",
+						"detailIcon",
+						"disabled",
+						"download",
+						"href",
+						"lines",
+						"mode",
+						"rel",
+						"routerAnimation",
+						"routerDirection",
+						"target",
+						"type"
+					]
+				},
+				{
+					kind: "component",
+					type: IonReorder,
+					selector: "ion-reorder"
+				},
+				{
+					kind: "component",
+					type: IconComponent,
+					selector: "kirby-icon",
+					inputs: ["size", "name"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-item",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [IonicElementPartHelper],
+			imports: [
+				IonItem,
+				IonReorder,
+				IconComponent
+			],
+			template: "<ion-item\n  lines=\"none\"\n  [disabled]=\"disabled\"\n  [button]=\"_renderButton\"\n  [href]=\"_renderLink\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  @if (reorderable) {\n    <ion-reorder slot=\"end\">\n      <kirby-icon name=\"reorder\"></kirby-icon>\n    </ion-reorder>\n  }\n\n  @if (disclosure) {\n    <span class=\"disclosure\" slot=\"end\">\n      <kirby-icon\n        [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n        name=\"{{ disclosure }}\"\n      ></kirby-icon>\n    </span>\n  }\n</ion-item>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity:.4}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i0.ElementRef },
+		{ type: i0.Renderer2 },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i1.IonicElementPartHelper }
+	],
+	propDecorators: {
+		disabled: [{
+			type: HostBinding,
+			args: ["class.disabled"]
+		}, { type: Input }],
+		selected: [{
+			type: HostBinding,
+			args: ["class.selected"]
+		}, { type: Input }],
+		disclosure: [{
+			type: HostBinding,
+			args: ["class.disclosure"]
+		}, { type: Input }],
+		selectable: [{ type: Input }],
+		reorderable: [{ type: Input }],
+		size: [{
+			type: HostBinding,
+			args: ["class"]
+		}, { type: Input }],
+		href: [{ type: Input }],
+		rotateIcon: [{ type: Input }],
+		checkbox: [{
+			type: ContentChild,
+			args: [CheckboxComponent, {
+				static: false,
+				read: ElementRef
+			}]
+		}],
+		radio: [{
+			type: ContentChild,
+			args: [RadioComponent, {
+				static: false,
+				read: ElementRef
+			}]
+		}],
+		toggle: [{
+			type: ContentChild,
+			args: [ToggleComponent, {
+				static: false,
+				read: ElementRef
+			}]
+		}],
+		button: [{
+			type: ContentChild,
+			args: [ButtonComponent, {
+				static: false,
+				read: ElementRef
+			}]
+		}],
+		ionItem: [{
+			type: ViewChild,
+			args: [IonItem, {
+				static: true,
+				read: ElementRef
+			}]
+		}],
+		containsNestedInteractives: [{
+			type: HostBinding,
+			args: ["class.has-interactive"]
+		}]
+	}
+});
+var LabelComponent = class LabelComponent {
+	constructor() {
+		this.direction = "vertical";
+	}
+	get _direction() {
+		return this.direction === "horizontal";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: LabelComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: LabelComponent,
+			isStandalone: true,
+			selector: "kirby-label",
+			inputs: { direction: "direction" },
+			host: { properties: { "class.horizontal": "this._direction" } },
+			ngImport: i0,
+			template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}:host.horizontal ion-label ::ng-deep>:last-child{white-space:normal;overflow:visible;text-overflow:initial}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:var(--kirby-spacing-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}:host-context(kirby-item) ::ng-deep ion-label .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s)}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:var(--kirby-font-weight-bold);font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m);color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>h2[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-large[heading]{font-size:var(--kirby-font-size-l);line-height:var(--kirby-line-height-l)}:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-medium[heading]{font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m)}:host-context(kirby-section-header) ion-label ::ng-deep>h4[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h5[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h6[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-normal[heading]{font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:var(--kirby-font-weight-light);font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s);color:var(--kirby-section-header-color);margin:var(--kirby-spacing-xxxs) 0 var(--kirby-spacing-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:var(--kirby-spacing-s)}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:var(--kirby-font-weight-bold)}@media(max-width:767px){:host-context(.kirby-trt) :host([slot=end]) ion-label ::ng-deep>*{margin-inline-start:0;text-align:start}:host-context(.kirby-trt) ion-label{flex-direction:column;align-items:flex-start}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>[subtitle],:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-subtitle:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-detail:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-disclosure{position:absolute;top:var(--padding-top, 0);right:var(--kirby-spacing-s);margin-left:0}}\n"],
+			dependencies: [{
+				kind: "component",
+				type: IonLabel,
+				selector: "ion-label",
+				inputs: [
+					"color",
+					"mode",
+					"position"
+				]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LabelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-label",
+			imports: [IonLabel],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}:host.horizontal ion-label ::ng-deep>:last-child{white-space:normal;overflow:visible;text-overflow:initial}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:var(--kirby-spacing-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}:host-context(kirby-item) ::ng-deep ion-label .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s)}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:var(--kirby-font-weight-bold);font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m);color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>h2[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-large[heading]{font-size:var(--kirby-font-size-l);line-height:var(--kirby-line-height-l)}:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-medium[heading]{font-size:var(--kirby-font-size-m);line-height:var(--kirby-line-height-m)}:host-context(kirby-section-header) ion-label ::ng-deep>h4[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h5[heading],:host-context(kirby-section-header) ion-label ::ng-deep>h6[heading],:host-context(kirby-section-header) ion-label ::ng-deep>.kirby-text-normal[heading]{font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:var(--kirby-font-weight-light);font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s);color:var(--kirby-section-header-color);margin:var(--kirby-spacing-xxxs) 0 var(--kirby-spacing-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:var(--kirby-spacing-s)}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:var(--kirby-font-weight-bold)}@media(max-width:767px){:host-context(.kirby-trt) :host([slot=end]) ion-label ::ng-deep>*{margin-inline-start:0;text-align:start}:host-context(.kirby-trt) ion-label{flex-direction:column;align-items:flex-start}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>[subtitle],:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-subtitle:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-detail:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host-context(.kirby-trt) ion-label ::ng-deep>.kirby-item-disclosure{position:absolute;top:var(--padding-top, 0);right:var(--kirby-spacing-s);margin-left:0}}\n"]
+		}]
+	}],
+	propDecorators: {
+		direction: [{ type: Input }],
+		_direction: [{
+			type: HostBinding,
+			args: ["class.horizontal"]
+		}]
+	}
+});
 const imports = [ItemComponent, LabelComponent];
-class ItemModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: ItemModule, imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel, ItemComponent, LabelComponent], exports: [ItemComponent, LabelComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ItemModule, imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel, imports] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ItemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel, ...imports],
-                    exports: [...imports],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var ItemModule = class ItemModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ItemModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ItemModule,
+			imports: [
+				IconModule,
+				CommonModule,
+				IonItem,
+				IonReorder,
+				IonLabel,
+				ItemComponent,
+				LabelComponent
+			],
+			exports: [ItemComponent, LabelComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ItemModule,
+			imports: [
+				IconModule,
+				CommonModule,
+				IonItem,
+				IonReorder,
+				IonLabel,
+				imports
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ItemModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				IconModule,
+				CommonModule,
+				IonItem,
+				IonReorder,
+				IonLabel,
+				...imports
+			],
+			exports: [...imports]
+		}]
+	}]
+});
 export { ItemComponent, ItemModule, ItemSize, LabelComponent };
-//# sourceMappingURL=kirbydesign-designsystem-item.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-item.mjs.map