@kirbydesign/designsystem 12.0.0-dev-67d5287 → 12.0.0-dev-286cdc0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/kirbydesign-designsystem-accordion.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-accordion.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-action-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-avatar.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-avatar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-badge.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-badge.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-button.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-button.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-calendar.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-calendar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-card.mjs +24 -24
- package/fesm2022/kirbydesign-designsystem-card.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-chart.mjs +22 -22
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs +14 -6
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-data-table.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-divider.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-divider.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-dropdown.mjs +10 -10
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs +19 -8
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-flag.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-flag.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-form-field.mjs +32 -32
- package/fesm2022/kirbydesign-designsystem-form-field.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-gesture.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-header.mjs +19 -19
- package/fesm2022/kirbydesign-designsystem-helpers.mjs +9 -9
- package/fesm2022/kirbydesign-designsystem-icon.mjs +10 -10
- package/fesm2022/kirbydesign-designsystem-item-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item-sliding.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-item.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-kirby-app.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-list.mjs +49 -46
- package/fesm2022/kirbydesign-designsystem-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs +8 -8
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-menu.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-modal.mjs +59 -50
- package/fesm2022/kirbydesign-designsystem-modal.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-page.mjs +69 -48
- package/fesm2022/kirbydesign-designsystem-page.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-popover.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs +6 -6
- package/fesm2022/kirbydesign-designsystem-radio.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-radio.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-range.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-range.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-router-outlet.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-section-header.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs +16 -7
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-portal.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-shared.mjs +21 -21
- package/fesm2022/kirbydesign-designsystem-slide-button.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-slide.mjs +13 -13
- package/fesm2022/kirbydesign-designsystem-spinner.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-tabs.mjs +15 -15
- package/fesm2022/kirbydesign-designsystem-tabs.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs +305 -303
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-testing-jest.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-testing.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-toast.mjs +6 -6
- package/fesm2022/kirbydesign-designsystem-toggle-button.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-toggle.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-toggle.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-types.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem.mjs +10 -10
- package/package.json +2 -2
- package/types/kirbydesign-designsystem-card.d.ts +2 -2
- package/types/kirbydesign-designsystem-card.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-checkbox.d.ts +7 -1
- package/types/kirbydesign-designsystem-checkbox.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-empty-state.d.ts +11 -0
- package/types/kirbydesign-designsystem-empty-state.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-list.d.ts +5 -0
- package/types/kirbydesign-designsystem-list.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-modal.d.ts +2 -1
- package/types/kirbydesign-designsystem-modal.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-page.d.ts +4 -0
- package/types/kirbydesign-designsystem-page.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-shared-floating.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing-base.d.ts +5 -0
- package/types/kirbydesign-designsystem-testing-base.d.ts.map +1 -1
|
@@ -59,7 +59,7 @@ var InfiniteScrollDirective = class InfiniteScrollDirective {
|
|
|
59
59
|
static {
|
|
60
60
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
61
61
|
minVersion: "12.0.0",
|
|
62
|
-
version: "22.2.
|
|
62
|
+
version: "22.2.3",
|
|
63
63
|
ngImport: i0,
|
|
64
64
|
type: InfiniteScrollDirective,
|
|
65
65
|
deps: [
|
|
@@ -73,7 +73,7 @@ var InfiniteScrollDirective = class InfiniteScrollDirective {
|
|
|
73
73
|
static {
|
|
74
74
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
75
75
|
minVersion: "14.0.0",
|
|
76
|
-
version: "22.2.
|
|
76
|
+
version: "22.2.3",
|
|
77
77
|
type: InfiniteScrollDirective,
|
|
78
78
|
isStandalone: true,
|
|
79
79
|
selector: "[kirbyInfiniteScroll]",
|
|
@@ -86,7 +86,7 @@ var InfiniteScrollDirective = class InfiniteScrollDirective {
|
|
|
86
86
|
};
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({
|
|
88
88
|
minVersion: "12.0.0",
|
|
89
|
-
version: "22.2.
|
|
89
|
+
version: "22.2.3",
|
|
90
90
|
ngImport: i0,
|
|
91
91
|
type: InfiniteScrollDirective,
|
|
92
92
|
decorators: [{
|
|
@@ -118,7 +118,7 @@ var ListItemColorDirective = class ListItemColorDirective {
|
|
|
118
118
|
static {
|
|
119
119
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
120
120
|
minVersion: "12.0.0",
|
|
121
|
-
version: "22.2.
|
|
121
|
+
version: "22.2.3",
|
|
122
122
|
ngImport: i0,
|
|
123
123
|
type: ListItemColorDirective,
|
|
124
124
|
deps: [],
|
|
@@ -128,7 +128,7 @@ var ListItemColorDirective = class ListItemColorDirective {
|
|
|
128
128
|
static {
|
|
129
129
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
130
130
|
minVersion: "14.0.0",
|
|
131
|
-
version: "22.2.
|
|
131
|
+
version: "22.2.3",
|
|
132
132
|
type: ListItemColorDirective,
|
|
133
133
|
isStandalone: true,
|
|
134
134
|
selector: "[kirbyListItemColor]",
|
|
@@ -144,7 +144,7 @@ var ListItemColorDirective = class ListItemColorDirective {
|
|
|
144
144
|
};
|
|
145
145
|
i0.ɵɵngDeclareClassMetadata({
|
|
146
146
|
minVersion: "12.0.0",
|
|
147
|
-
version: "22.2.
|
|
147
|
+
version: "22.2.3",
|
|
148
148
|
ngImport: i0,
|
|
149
149
|
type: ListItemColorDirective,
|
|
150
150
|
decorators: [{
|
|
@@ -219,7 +219,7 @@ var ListHelper = class ListHelper {
|
|
|
219
219
|
static {
|
|
220
220
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
221
221
|
minVersion: "12.0.0",
|
|
222
|
-
version: "22.2.
|
|
222
|
+
version: "22.2.3",
|
|
223
223
|
ngImport: i0,
|
|
224
224
|
type: ListHelper,
|
|
225
225
|
deps: [],
|
|
@@ -229,7 +229,7 @@ var ListHelper = class ListHelper {
|
|
|
229
229
|
static {
|
|
230
230
|
this.ɵprov = i0.ɵɵngDeclareInjectable({
|
|
231
231
|
minVersion: "12.0.0",
|
|
232
|
-
version: "22.2.
|
|
232
|
+
version: "22.2.3",
|
|
233
233
|
ngImport: i0,
|
|
234
234
|
type: ListHelper
|
|
235
235
|
});
|
|
@@ -237,7 +237,7 @@ var ListHelper = class ListHelper {
|
|
|
237
237
|
};
|
|
238
238
|
i0.ɵɵngDeclareClassMetadata({
|
|
239
239
|
minVersion: "12.0.0",
|
|
240
|
-
version: "22.2.
|
|
240
|
+
version: "22.2.3",
|
|
241
241
|
ngImport: i0,
|
|
242
242
|
type: ListHelper,
|
|
243
243
|
decorators: [{ type: Injectable }]
|
|
@@ -249,7 +249,7 @@ var ListExperimentalComponent = class ListExperimentalComponent {
|
|
|
249
249
|
static {
|
|
250
250
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
251
251
|
minVersion: "12.0.0",
|
|
252
|
-
version: "22.2.
|
|
252
|
+
version: "22.2.3",
|
|
253
253
|
ngImport: i0,
|
|
254
254
|
type: ListExperimentalComponent,
|
|
255
255
|
deps: [],
|
|
@@ -259,7 +259,7 @@ var ListExperimentalComponent = class ListExperimentalComponent {
|
|
|
259
259
|
static {
|
|
260
260
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
261
261
|
minVersion: "14.0.0",
|
|
262
|
-
version: "22.2.
|
|
262
|
+
version: "22.2.3",
|
|
263
263
|
type: ListExperimentalComponent,
|
|
264
264
|
isStandalone: true,
|
|
265
265
|
selector: "kirby-list-experimental",
|
|
@@ -280,7 +280,7 @@ var ListExperimentalComponent = class ListExperimentalComponent {
|
|
|
280
280
|
};
|
|
281
281
|
i0.ɵɵngDeclareClassMetadata({
|
|
282
282
|
minVersion: "12.0.0",
|
|
283
|
-
version: "22.2.
|
|
283
|
+
version: "22.2.3",
|
|
284
284
|
ngImport: i0,
|
|
285
285
|
type: ListExperimentalComponent,
|
|
286
286
|
decorators: [{
|
|
@@ -308,7 +308,7 @@ var ListHeaderComponent = class ListHeaderComponent {
|
|
|
308
308
|
static {
|
|
309
309
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
310
310
|
minVersion: "12.0.0",
|
|
311
|
-
version: "22.2.
|
|
311
|
+
version: "22.2.3",
|
|
312
312
|
ngImport: i0,
|
|
313
313
|
type: ListHeaderComponent,
|
|
314
314
|
deps: [],
|
|
@@ -318,7 +318,7 @@ var ListHeaderComponent = class ListHeaderComponent {
|
|
|
318
318
|
static {
|
|
319
319
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
320
320
|
minVersion: "14.0.0",
|
|
321
|
-
version: "22.2.
|
|
321
|
+
version: "22.2.3",
|
|
322
322
|
type: ListHeaderComponent,
|
|
323
323
|
isStandalone: true,
|
|
324
324
|
selector: "kirby-list-header",
|
|
@@ -331,7 +331,7 @@ var ListHeaderComponent = class ListHeaderComponent {
|
|
|
331
331
|
};
|
|
332
332
|
i0.ɵɵngDeclareClassMetadata({
|
|
333
333
|
minVersion: "12.0.0",
|
|
334
|
-
version: "22.2.
|
|
334
|
+
version: "22.2.3",
|
|
335
335
|
ngImport: i0,
|
|
336
336
|
type: ListHeaderComponent,
|
|
337
337
|
decorators: [{
|
|
@@ -413,7 +413,7 @@ var ListItemComponent = class ListItemComponent {
|
|
|
413
413
|
static {
|
|
414
414
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
415
415
|
minVersion: "12.0.0",
|
|
416
|
-
version: "22.2.
|
|
416
|
+
version: "22.2.3",
|
|
417
417
|
ngImport: i0,
|
|
418
418
|
type: ListItemComponent,
|
|
419
419
|
deps: [{ token: i1.PlatformService }],
|
|
@@ -423,7 +423,7 @@ var ListItemComponent = class ListItemComponent {
|
|
|
423
423
|
static {
|
|
424
424
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
425
425
|
minVersion: "17.0.0",
|
|
426
|
-
version: "22.2.
|
|
426
|
+
version: "22.2.3",
|
|
427
427
|
type: ListItemComponent,
|
|
428
428
|
isStandalone: true,
|
|
429
429
|
selector: "kirby-list-item",
|
|
@@ -448,7 +448,7 @@ var ListItemComponent = class ListItemComponent {
|
|
|
448
448
|
}],
|
|
449
449
|
ngImport: i0,
|
|
450
450
|
template: "<ion-item-sliding\n [class.selected]=\"isSelected\"\n [kirbyListItemColor]=\"getItemColor\"\n [item]=\"item\"\n [disabled]=\"_isSwipingEnabled ? null : true\"\n keyHandler\n [ngClass]=\"boundaryClass\"\n (click)=\"_onItemSelect(item)\"\n>\n <ng-container\n *ngTemplateOutlet=\"swipeActionsTemplate; context: { $implicit: item }\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n</ion-item-sliding>\n\n<ng-template #swipeActionsTemplate let-item>\n @if (_hasSwipeActions(item)) {\n <ion-item-options [side]=\"_getSwipeActionEnd(item)\">\n <div class=\"swipe-action\">\n @for (swipeAction of _getSwipeActions(item); track swipeAction.title) {\n <ion-item-option\n [ngClass]=\"_getSwipeActionType(swipeAction, item)\"\n (click)=\"_onSwipeActionSelect(swipeAction, item, $event)\"\n >\n <div class=\"item-content\">\n @if (_getSwipeActionIcon(swipeAction, item)) {\n <kirby-icon size=\"sm\" [name]=\"_getSwipeActionIcon(swipeAction, item)\"></kirby-icon>\n }\n <ion-label>\n {{ _getSwipeActionTitle(swipeAction, item) }}\n </ion-label>\n </div>\n </ion-item-option>\n }\n </div>\n </ion-item-options>\n }\n</ng-template>\n",
|
|
451
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-
|
|
451
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-card);background:transparent;contain:inherit;padding:0}.kirby-surface-raised{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-quiet)}ion-list-header{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-bottom:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--inner-border-width: 0;--ion-safe-area-right: 0;--min-height: var(--kirby-spacing-xxxl);--padding-bottom: var(--kirby-spacing-xxs);--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s);--padding-top: var(--kirby-spacing-xxs);display:flex;font-size:var(--kirby-font-size-s);min-height:var(--kirby-spacing-xxxl);overflow:visible;width:100%}ion-item-sliding{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color)}ion-item-sliding.item-sliding-active-slide{backface-visibility:hidden;transform:translateZ(0)}ion-item-group{margin-bottom:var(--kirby-spacing-m)}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end: 0;--color: unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 var(--kirby-spacing-s) var(--kirby-spacing-xxs) var(--kirby-spacing-s);font-weight:inherit}.footer{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color);background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);display:flex;align-items:center;justify-content:space-between;width:100%}.no-more-items,.loading{width:100%;padding:var(--kirby-spacing-m) 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background: unset;--color: unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list,:host-context(.has-stand-alone) .list{box-shadow:none}:host-context(.has-sections) .list-items,:host-context(.has-stand-alone) .list-items{box-shadow:var(--kirby-elevation-card);border-radius:var(--kirby-border-radius-n)}:host-context(.has-sections) .footer,:host-context(.has-stand-alone) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header,:host-context(.has-stand-alone) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:var(--kirby-list-border-top-radius) var(--kirby-list-border-top-radius) var(--kirby-list-border-bottom-radius) var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-list-header{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) ion-list-header{border-top-left-radius:var(--kirby-list-border-top-radius);border-top-right-radius:var(--kirby-list-border-top-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) ion-item.last,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) .footer{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) .footer{border-bottom-left-radius:var(--kirby-list-border-bottom-radius);border-bottom-right-radius:var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding{border-bottom-left-radius:0;border-bottom-right-radius:0}kirby-list-item{--kirby-content-border-top-radius: 0;--kirby-content-border-bottom-radius: 0}kirby-list-item:first-of-type{--kirby-content-border-top-radius: var(--kirby-list-border-top-radius)}kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: var(--kirby-list-border-bottom-radius)}:host(:not(.has-sections,.has-stand-alone)) .has-header kirby-list-item:first-of-type{--kirby-content-border-top-radius: 0}:host(:not(.has-sections,.has-stand-alone)) .has-footer kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: 0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{--kirby-item-background: transparent;box-shadow:none;border-radius:unset}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:var(--kirby-spacing-s)}:host-context(.item-spacing) .list kirby-list-item>ion-item,:host-context(.item-spacing) .list kirby-list-item:last-child{margin-bottom:0}.stand-alone-bottom-margin-xxxxs{margin-bottom:var(--kirby-spacing-xxxxs)}.stand-alone-bottom-margin-xxxs{margin-bottom:var(--kirby-spacing-xxxs)}.stand-alone-bottom-margin-xxs{margin-bottom:var(--kirby-spacing-xxs)}.stand-alone-bottom-margin-xs{margin-bottom:var(--kirby-spacing-xs)}.stand-alone-bottom-margin-sm{margin-bottom:var(--kirby-spacing-s)}.stand-alone-bottom-margin-md{margin-bottom:var(--kirby-spacing-m)}.stand-alone-bottom-margin-lg{margin-bottom:var(--kirby-spacing-l)}.stand-alone-bottom-margin-xl{margin-bottom:var(--kirby-spacing-xl)}.stand-alone-bottom-margin-xxl{margin-bottom:var(--kirby-spacing-xxl)}.stand-alone-bottom-margin-xxxl{margin-bottom:var(--kirby-spacing-xxxl)}\n", ":host{overflow:hidden}:host-context(.has-divider) ion-item-sliding{border-bottom:var(--kirby-stroke-xs) solid var(--kirby-list-item-border-color, var(--kirby-color-border-base-silent))}:host(:last-of-type) ion-item-sliding{border-bottom:none}\n"],
|
|
452
452
|
dependencies: [
|
|
453
453
|
{
|
|
454
454
|
kind: "component",
|
|
@@ -509,7 +509,7 @@ var ListItemComponent = class ListItemComponent {
|
|
|
509
509
|
};
|
|
510
510
|
i0.ɵɵngDeclareClassMetadata({
|
|
511
511
|
minVersion: "12.0.0",
|
|
512
|
-
version: "22.2.
|
|
512
|
+
version: "22.2.3",
|
|
513
513
|
ngImport: i0,
|
|
514
514
|
type: ListItemComponent,
|
|
515
515
|
decorators: [{
|
|
@@ -527,7 +527,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
527
527
|
],
|
|
528
528
|
changeDetection: ChangeDetectionStrategy.Eager,
|
|
529
529
|
template: "<ion-item-sliding\n [class.selected]=\"isSelected\"\n [kirbyListItemColor]=\"getItemColor\"\n [item]=\"item\"\n [disabled]=\"_isSwipingEnabled ? null : true\"\n keyHandler\n [ngClass]=\"boundaryClass\"\n (click)=\"_onItemSelect(item)\"\n>\n <ng-container\n *ngTemplateOutlet=\"swipeActionsTemplate; context: { $implicit: item }\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n</ion-item-sliding>\n\n<ng-template #swipeActionsTemplate let-item>\n @if (_hasSwipeActions(item)) {\n <ion-item-options [side]=\"_getSwipeActionEnd(item)\">\n <div class=\"swipe-action\">\n @for (swipeAction of _getSwipeActions(item); track swipeAction.title) {\n <ion-item-option\n [ngClass]=\"_getSwipeActionType(swipeAction, item)\"\n (click)=\"_onSwipeActionSelect(swipeAction, item, $event)\"\n >\n <div class=\"item-content\">\n @if (_getSwipeActionIcon(swipeAction, item)) {\n <kirby-icon size=\"sm\" [name]=\"_getSwipeActionIcon(swipeAction, item)\"></kirby-icon>\n }\n <ion-label>\n {{ _getSwipeActionTitle(swipeAction, item) }}\n </ion-label>\n </div>\n </ion-item-option>\n }\n </div>\n </ion-item-options>\n }\n</ng-template>\n",
|
|
530
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-
|
|
530
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-card);background:transparent;contain:inherit;padding:0}.kirby-surface-raised{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-quiet)}ion-list-header{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-bottom:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--inner-border-width: 0;--ion-safe-area-right: 0;--min-height: var(--kirby-spacing-xxxl);--padding-bottom: var(--kirby-spacing-xxs);--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s);--padding-top: var(--kirby-spacing-xxs);display:flex;font-size:var(--kirby-font-size-s);min-height:var(--kirby-spacing-xxxl);overflow:visible;width:100%}ion-item-sliding{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color)}ion-item-sliding.item-sliding-active-slide{backface-visibility:hidden;transform:translateZ(0)}ion-item-group{margin-bottom:var(--kirby-spacing-m)}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end: 0;--color: unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 var(--kirby-spacing-s) var(--kirby-spacing-xxs) var(--kirby-spacing-s);font-weight:inherit}.footer{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color);background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);display:flex;align-items:center;justify-content:space-between;width:100%}.no-more-items,.loading{width:100%;padding:var(--kirby-spacing-m) 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background: unset;--color: unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list,:host-context(.has-stand-alone) .list{box-shadow:none}:host-context(.has-sections) .list-items,:host-context(.has-stand-alone) .list-items{box-shadow:var(--kirby-elevation-card);border-radius:var(--kirby-border-radius-n)}:host-context(.has-sections) .footer,:host-context(.has-stand-alone) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header,:host-context(.has-stand-alone) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:var(--kirby-list-border-top-radius) var(--kirby-list-border-top-radius) var(--kirby-list-border-bottom-radius) var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-list-header{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) ion-list-header{border-top-left-radius:var(--kirby-list-border-top-radius);border-top-right-radius:var(--kirby-list-border-top-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) ion-item.last,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) .footer{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) .footer{border-bottom-left-radius:var(--kirby-list-border-bottom-radius);border-bottom-right-radius:var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding{border-bottom-left-radius:0;border-bottom-right-radius:0}kirby-list-item{--kirby-content-border-top-radius: 0;--kirby-content-border-bottom-radius: 0}kirby-list-item:first-of-type{--kirby-content-border-top-radius: var(--kirby-list-border-top-radius)}kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: var(--kirby-list-border-bottom-radius)}:host(:not(.has-sections,.has-stand-alone)) .has-header kirby-list-item:first-of-type{--kirby-content-border-top-radius: 0}:host(:not(.has-sections,.has-stand-alone)) .has-footer kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: 0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{--kirby-item-background: transparent;box-shadow:none;border-radius:unset}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:var(--kirby-spacing-s)}:host-context(.item-spacing) .list kirby-list-item>ion-item,:host-context(.item-spacing) .list kirby-list-item:last-child{margin-bottom:0}.stand-alone-bottom-margin-xxxxs{margin-bottom:var(--kirby-spacing-xxxxs)}.stand-alone-bottom-margin-xxxs{margin-bottom:var(--kirby-spacing-xxxs)}.stand-alone-bottom-margin-xxs{margin-bottom:var(--kirby-spacing-xxs)}.stand-alone-bottom-margin-xs{margin-bottom:var(--kirby-spacing-xs)}.stand-alone-bottom-margin-sm{margin-bottom:var(--kirby-spacing-s)}.stand-alone-bottom-margin-md{margin-bottom:var(--kirby-spacing-m)}.stand-alone-bottom-margin-lg{margin-bottom:var(--kirby-spacing-l)}.stand-alone-bottom-margin-xl{margin-bottom:var(--kirby-spacing-xl)}.stand-alone-bottom-margin-xxl{margin-bottom:var(--kirby-spacing-xxl)}.stand-alone-bottom-margin-xxxl{margin-bottom:var(--kirby-spacing-xxxl)}\n", ":host{overflow:hidden}:host-context(.has-divider) ion-item-sliding{border-bottom:var(--kirby-stroke-xs) solid var(--kirby-list-item-border-color, var(--kirby-color-border-base-silent))}:host(:last-of-type) ion-item-sliding{border-bottom:none}\n"]
|
|
531
531
|
}]
|
|
532
532
|
}],
|
|
533
533
|
ctorParameters: () => [{ type: i1.PlatformService }],
|
|
@@ -551,7 +551,7 @@ var ListSectionHeaderComponent = class ListSectionHeaderComponent {
|
|
|
551
551
|
static {
|
|
552
552
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
553
553
|
minVersion: "12.0.0",
|
|
554
|
-
version: "22.2.
|
|
554
|
+
version: "22.2.3",
|
|
555
555
|
ngImport: i0,
|
|
556
556
|
type: ListSectionHeaderComponent,
|
|
557
557
|
deps: [],
|
|
@@ -561,7 +561,7 @@ var ListSectionHeaderComponent = class ListSectionHeaderComponent {
|
|
|
561
561
|
static {
|
|
562
562
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
563
563
|
minVersion: "14.0.0",
|
|
564
|
-
version: "22.2.
|
|
564
|
+
version: "22.2.3",
|
|
565
565
|
type: ListSectionHeaderComponent,
|
|
566
566
|
isStandalone: true,
|
|
567
567
|
selector: "kirby-list-section-header",
|
|
@@ -574,7 +574,7 @@ var ListSectionHeaderComponent = class ListSectionHeaderComponent {
|
|
|
574
574
|
};
|
|
575
575
|
i0.ɵɵngDeclareClassMetadata({
|
|
576
576
|
minVersion: "12.0.0",
|
|
577
|
-
version: "22.2.
|
|
577
|
+
version: "22.2.3",
|
|
578
578
|
ngImport: i0,
|
|
579
579
|
type: ListSectionHeaderComponent,
|
|
580
580
|
decorators: [{
|
|
@@ -591,7 +591,7 @@ var ListItemTemplateDirective = class ListItemTemplateDirective {
|
|
|
591
591
|
static {
|
|
592
592
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
593
593
|
minVersion: "12.0.0",
|
|
594
|
-
version: "22.2.
|
|
594
|
+
version: "22.2.3",
|
|
595
595
|
ngImport: i0,
|
|
596
596
|
type: ListItemTemplateDirective,
|
|
597
597
|
deps: [],
|
|
@@ -601,7 +601,7 @@ var ListItemTemplateDirective = class ListItemTemplateDirective {
|
|
|
601
601
|
static {
|
|
602
602
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
603
603
|
minVersion: "14.0.0",
|
|
604
|
-
version: "22.2.
|
|
604
|
+
version: "22.2.3",
|
|
605
605
|
type: ListItemTemplateDirective,
|
|
606
606
|
isStandalone: true,
|
|
607
607
|
selector: "[kirbyListItemTemplate]",
|
|
@@ -611,7 +611,7 @@ var ListItemTemplateDirective = class ListItemTemplateDirective {
|
|
|
611
611
|
};
|
|
612
612
|
i0.ɵɵngDeclareClassMetadata({
|
|
613
613
|
minVersion: "12.0.0",
|
|
614
|
-
version: "22.2.
|
|
614
|
+
version: "22.2.3",
|
|
615
615
|
ngImport: i0,
|
|
616
616
|
type: ListItemTemplateDirective,
|
|
617
617
|
decorators: [{
|
|
@@ -623,7 +623,7 @@ var ListHeaderDirective = class ListHeaderDirective {
|
|
|
623
623
|
static {
|
|
624
624
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
625
625
|
minVersion: "12.0.0",
|
|
626
|
-
version: "22.2.
|
|
626
|
+
version: "22.2.3",
|
|
627
627
|
ngImport: i0,
|
|
628
628
|
type: ListHeaderDirective,
|
|
629
629
|
deps: [],
|
|
@@ -633,7 +633,7 @@ var ListHeaderDirective = class ListHeaderDirective {
|
|
|
633
633
|
static {
|
|
634
634
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
635
635
|
minVersion: "14.0.0",
|
|
636
|
-
version: "22.2.
|
|
636
|
+
version: "22.2.3",
|
|
637
637
|
type: ListHeaderDirective,
|
|
638
638
|
isStandalone: true,
|
|
639
639
|
selector: "[kirbyListHeader], [kirbyListHeaderTemplate]",
|
|
@@ -643,7 +643,7 @@ var ListHeaderDirective = class ListHeaderDirective {
|
|
|
643
643
|
};
|
|
644
644
|
i0.ɵɵngDeclareClassMetadata({
|
|
645
645
|
minVersion: "12.0.0",
|
|
646
|
-
version: "22.2.
|
|
646
|
+
version: "22.2.3",
|
|
647
647
|
ngImport: i0,
|
|
648
648
|
type: ListHeaderDirective,
|
|
649
649
|
decorators: [{
|
|
@@ -655,7 +655,7 @@ var ListSectionHeaderDirective = class ListSectionHeaderDirective {
|
|
|
655
655
|
static {
|
|
656
656
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
657
657
|
minVersion: "12.0.0",
|
|
658
|
-
version: "22.2.
|
|
658
|
+
version: "22.2.3",
|
|
659
659
|
ngImport: i0,
|
|
660
660
|
type: ListSectionHeaderDirective,
|
|
661
661
|
deps: [],
|
|
@@ -665,7 +665,7 @@ var ListSectionHeaderDirective = class ListSectionHeaderDirective {
|
|
|
665
665
|
static {
|
|
666
666
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
667
667
|
minVersion: "14.0.0",
|
|
668
|
-
version: "22.2.
|
|
668
|
+
version: "22.2.3",
|
|
669
669
|
type: ListSectionHeaderDirective,
|
|
670
670
|
isStandalone: true,
|
|
671
671
|
selector: "[kirbyListSectionHeader], [kirbyListSectionHeaderTemplate]",
|
|
@@ -675,7 +675,7 @@ var ListSectionHeaderDirective = class ListSectionHeaderDirective {
|
|
|
675
675
|
};
|
|
676
676
|
i0.ɵɵngDeclareClassMetadata({
|
|
677
677
|
minVersion: "12.0.0",
|
|
678
|
-
version: "22.2.
|
|
678
|
+
version: "22.2.3",
|
|
679
679
|
ngImport: i0,
|
|
680
680
|
type: ListSectionHeaderDirective,
|
|
681
681
|
decorators: [{
|
|
@@ -687,7 +687,7 @@ var ListFooterDirective = class ListFooterDirective {
|
|
|
687
687
|
static {
|
|
688
688
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
689
689
|
minVersion: "12.0.0",
|
|
690
|
-
version: "22.2.
|
|
690
|
+
version: "22.2.3",
|
|
691
691
|
ngImport: i0,
|
|
692
692
|
type: ListFooterDirective,
|
|
693
693
|
deps: [],
|
|
@@ -697,7 +697,7 @@ var ListFooterDirective = class ListFooterDirective {
|
|
|
697
697
|
static {
|
|
698
698
|
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
699
699
|
minVersion: "14.0.0",
|
|
700
|
-
version: "22.2.
|
|
700
|
+
version: "22.2.3",
|
|
701
701
|
type: ListFooterDirective,
|
|
702
702
|
isStandalone: true,
|
|
703
703
|
selector: "[kirbyListFooter], [kirbyListFooterTemplate]",
|
|
@@ -707,7 +707,7 @@ var ListFooterDirective = class ListFooterDirective {
|
|
|
707
707
|
};
|
|
708
708
|
i0.ɵɵngDeclareClassMetadata({
|
|
709
709
|
minVersion: "12.0.0",
|
|
710
|
-
version: "22.2.
|
|
710
|
+
version: "22.2.3",
|
|
711
711
|
ngImport: i0,
|
|
712
712
|
type: ListFooterDirective,
|
|
713
713
|
decorators: [{
|
|
@@ -725,6 +725,9 @@ var ListComponent = class ListComponent {
|
|
|
725
725
|
get _isRaisedSurface() {
|
|
726
726
|
return !this.isShapeNone;
|
|
727
727
|
}
|
|
728
|
+
get _isListRaisedSurface() {
|
|
729
|
+
return this._isRaisedSurface && !this._isSectionsEnabled && !this._isStandAloneEnabled;
|
|
730
|
+
}
|
|
728
731
|
constructor(listHelper, element, renderer) {
|
|
729
732
|
this.listHelper = listHelper;
|
|
730
733
|
this.element = element;
|
|
@@ -783,7 +786,7 @@ var ListComponent = class ListComponent {
|
|
|
783
786
|
static {
|
|
784
787
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
785
788
|
minVersion: "12.0.0",
|
|
786
|
-
version: "22.2.
|
|
789
|
+
version: "22.2.3",
|
|
787
790
|
ngImport: i0,
|
|
788
791
|
type: ListComponent,
|
|
789
792
|
deps: [
|
|
@@ -797,7 +800,7 @@ var ListComponent = class ListComponent {
|
|
|
797
800
|
static {
|
|
798
801
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
799
802
|
minVersion: "17.0.0",
|
|
800
|
-
version: "22.2.
|
|
803
|
+
version: "22.2.3",
|
|
801
804
|
type: ListComponent,
|
|
802
805
|
isStandalone: true,
|
|
803
806
|
selector: "kirby-list",
|
|
@@ -874,8 +877,8 @@ var ListComponent = class ListComponent {
|
|
|
874
877
|
}],
|
|
875
878
|
usesOnChanges: true,
|
|
876
879
|
ngImport: i0,
|
|
877
|
-
template: "<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)=\"_onLoadOnDemand()\"\n [disabled]=\"!isLoadOnDemandEnabled\"\n class=\"list\"\n [class.has-header]=\"headerTemplate\"\n [class.has-footer]=\"footerTemplate\"\n [class.has-divider]=\"showDivider\"\n [class.kirby-surface-raised]=\"
|
|
878
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-
|
|
880
|
+
template: "<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)=\"_onLoadOnDemand()\"\n [disabled]=\"!isLoadOnDemandEnabled\"\n class=\"list\"\n [class.has-header]=\"headerTemplate\"\n [class.has-footer]=\"footerTemplate\"\n [class.has-divider]=\"showDivider\"\n [class.kirby-surface-raised]=\"_isListRaisedSurface\"\n>\n @if (headerTemplate) {\n <ion-list-header>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ion-list-header>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n _isSectionsEnabled || _isStandAloneEnabled ? groupedListTemplate : itemsTemplate;\n context: { $implicit: items }\n \"\n ></ng-container>\n\n @if (footerTemplate) {\n <div class=\"footer\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n }\n</ion-list>\n\n@if (!isLoadOnDemandEnabled && noMoreItemsText) {\n <p class=\"no-more-items\">\n {{ noMoreItemsText }}\n </p>\n}\n@if (_isLoading) {\n <div class=\"loading\">\n <kirby-spinner></kirby-spinner>\n </div>\n}\n\n<ng-template #groupedListTemplate>\n @for (section of _groupedItems; track sectionTrackBy($index, section)) {\n <ion-item-group [ngClass]=\"standAloneClass()\">\n @if (_isSectionsEnabled) {\n <ion-item-divider>\n <ng-container\n *ngTemplateOutlet=\"sectionHeaderTemplate; context: { $implicit: section.name }\"\n ></ng-container>\n </ion-item-divider>\n }\n @if (_isSectionsEnabled && _isStandAloneEnabled) {\n @for (list of section.lists; track list) {\n <div\n class=\"list-items\"\n [ngClass]=\"standAloneClass()\"\n [class.kirby-surface-raised]=\"_isRaisedSurface\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: list }\"\n ></ng-container>\n </div>\n }\n } @else {\n <div\n class=\"list-items\"\n [ngClass]=\"standAloneClass()\"\n [class.kirby-surface-raised]=\"_isRaisedSurface\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: section.items }\"\n ></ng-container>\n </div>\n }\n </ion-item-group>\n }\n</ng-template>\n\n<ng-template #itemsTemplate let-items>\n @for (item of items; track trackBy ? trackBy($index, item) : $index; let i = $index) {\n <kirby-list-item\n [item]=\"item\"\n [itemTemplate]=\"itemTemplate\"\n [swipeActions]=\"swipeActions\"\n [boundaryClass]=\"_getBoundaryClass(i, items)\"\n [isSelectable]=\"_isSelectable\"\n [getItemColor]=\"getItemColor\"\n [isSelected]=\"_isSelectable && item === _selectedItem\"\n (itemSelect)=\"onItemSelect($event)\"\n (swipeActionSelect)=\"onSwipeActionSelect($event)\"\n [class.is-single]=\"items.length === 1\"\n ></kirby-list-item>\n }\n</ng-template>\n",
|
|
881
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-card);background:transparent;contain:inherit;padding:0}.kirby-surface-raised{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-quiet)}ion-list-header{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-bottom:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--inner-border-width: 0;--ion-safe-area-right: 0;--min-height: var(--kirby-spacing-xxxl);--padding-bottom: var(--kirby-spacing-xxs);--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s);--padding-top: var(--kirby-spacing-xxs);display:flex;font-size:var(--kirby-font-size-s);min-height:var(--kirby-spacing-xxxl);overflow:visible;width:100%}ion-item-sliding{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color)}ion-item-sliding.item-sliding-active-slide{backface-visibility:hidden;transform:translateZ(0)}ion-item-group{margin-bottom:var(--kirby-spacing-m)}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end: 0;--color: unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 var(--kirby-spacing-s) var(--kirby-spacing-xxs) var(--kirby-spacing-s);font-weight:inherit}.footer{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color);background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);display:flex;align-items:center;justify-content:space-between;width:100%}.no-more-items,.loading{width:100%;padding:var(--kirby-spacing-m) 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background: unset;--color: unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list,:host-context(.has-stand-alone) .list{box-shadow:none}:host-context(.has-sections) .list-items,:host-context(.has-stand-alone) .list-items{box-shadow:var(--kirby-elevation-card);border-radius:var(--kirby-border-radius-n)}:host-context(.has-sections) .footer,:host-context(.has-stand-alone) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header,:host-context(.has-stand-alone) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:var(--kirby-list-border-top-radius) var(--kirby-list-border-top-radius) var(--kirby-list-border-bottom-radius) var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-list-header{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) ion-list-header{border-top-left-radius:var(--kirby-list-border-top-radius);border-top-right-radius:var(--kirby-list-border-top-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) ion-item.last,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) .footer{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) .footer{border-bottom-left-radius:var(--kirby-list-border-bottom-radius);border-bottom-right-radius:var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding{border-bottom-left-radius:0;border-bottom-right-radius:0}kirby-list-item{--kirby-content-border-top-radius: 0;--kirby-content-border-bottom-radius: 0}kirby-list-item:first-of-type{--kirby-content-border-top-radius: var(--kirby-list-border-top-radius)}kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: var(--kirby-list-border-bottom-radius)}:host(:not(.has-sections,.has-stand-alone)) .has-header kirby-list-item:first-of-type{--kirby-content-border-top-radius: 0}:host(:not(.has-sections,.has-stand-alone)) .has-footer kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: 0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{--kirby-item-background: transparent;box-shadow:none;border-radius:unset}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:var(--kirby-spacing-s)}:host-context(.item-spacing) .list kirby-list-item>ion-item,:host-context(.item-spacing) .list kirby-list-item:last-child{margin-bottom:0}.stand-alone-bottom-margin-xxxxs{margin-bottom:var(--kirby-spacing-xxxxs)}.stand-alone-bottom-margin-xxxs{margin-bottom:var(--kirby-spacing-xxxs)}.stand-alone-bottom-margin-xxs{margin-bottom:var(--kirby-spacing-xxs)}.stand-alone-bottom-margin-xs{margin-bottom:var(--kirby-spacing-xs)}.stand-alone-bottom-margin-sm{margin-bottom:var(--kirby-spacing-s)}.stand-alone-bottom-margin-md{margin-bottom:var(--kirby-spacing-m)}.stand-alone-bottom-margin-lg{margin-bottom:var(--kirby-spacing-l)}.stand-alone-bottom-margin-xl{margin-bottom:var(--kirby-spacing-xl)}.stand-alone-bottom-margin-xxl{margin-bottom:var(--kirby-spacing-xxl)}.stand-alone-bottom-margin-xxxl{margin-bottom:var(--kirby-spacing-xxxl)}\n"],
|
|
879
882
|
dependencies: [
|
|
880
883
|
{
|
|
881
884
|
kind: "component",
|
|
@@ -962,7 +965,7 @@ var ListComponent = class ListComponent {
|
|
|
962
965
|
};
|
|
963
966
|
i0.ɵɵngDeclareClassMetadata({
|
|
964
967
|
minVersion: "12.0.0",
|
|
965
|
-
version: "22.2.
|
|
968
|
+
version: "22.2.3",
|
|
966
969
|
ngImport: i0,
|
|
967
970
|
type: ListComponent,
|
|
968
971
|
decorators: [{
|
|
@@ -982,8 +985,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
982
985
|
ListItemComponent
|
|
983
986
|
],
|
|
984
987
|
changeDetection: ChangeDetectionStrategy.Eager,
|
|
985
|
-
template: "<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)=\"_onLoadOnDemand()\"\n [disabled]=\"!isLoadOnDemandEnabled\"\n class=\"list\"\n [class.has-header]=\"headerTemplate\"\n [class.has-footer]=\"footerTemplate\"\n [class.has-divider]=\"showDivider\"\n [class.kirby-surface-raised]=\"
|
|
986
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-
|
|
988
|
+
template: "<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)=\"_onLoadOnDemand()\"\n [disabled]=\"!isLoadOnDemandEnabled\"\n class=\"list\"\n [class.has-header]=\"headerTemplate\"\n [class.has-footer]=\"footerTemplate\"\n [class.has-divider]=\"showDivider\"\n [class.kirby-surface-raised]=\"_isListRaisedSurface\"\n>\n @if (headerTemplate) {\n <ion-list-header>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ion-list-header>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n _isSectionsEnabled || _isStandAloneEnabled ? groupedListTemplate : itemsTemplate;\n context: { $implicit: items }\n \"\n ></ng-container>\n\n @if (footerTemplate) {\n <div class=\"footer\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n }\n</ion-list>\n\n@if (!isLoadOnDemandEnabled && noMoreItemsText) {\n <p class=\"no-more-items\">\n {{ noMoreItemsText }}\n </p>\n}\n@if (_isLoading) {\n <div class=\"loading\">\n <kirby-spinner></kirby-spinner>\n </div>\n}\n\n<ng-template #groupedListTemplate>\n @for (section of _groupedItems; track sectionTrackBy($index, section)) {\n <ion-item-group [ngClass]=\"standAloneClass()\">\n @if (_isSectionsEnabled) {\n <ion-item-divider>\n <ng-container\n *ngTemplateOutlet=\"sectionHeaderTemplate; context: { $implicit: section.name }\"\n ></ng-container>\n </ion-item-divider>\n }\n @if (_isSectionsEnabled && _isStandAloneEnabled) {\n @for (list of section.lists; track list) {\n <div\n class=\"list-items\"\n [ngClass]=\"standAloneClass()\"\n [class.kirby-surface-raised]=\"_isRaisedSurface\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: list }\"\n ></ng-container>\n </div>\n }\n } @else {\n <div\n class=\"list-items\"\n [ngClass]=\"standAloneClass()\"\n [class.kirby-surface-raised]=\"_isRaisedSurface\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: section.items }\"\n ></ng-container>\n </div>\n }\n </ion-item-group>\n }\n</ng-template>\n\n<ng-template #itemsTemplate let-items>\n @for (item of items; track trackBy ? trackBy($index, item) : $index; let i = $index) {\n <kirby-list-item\n [item]=\"item\"\n [itemTemplate]=\"itemTemplate\"\n [swipeActions]=\"swipeActions\"\n [boundaryClass]=\"_getBoundaryClass(i, items)\"\n [isSelectable]=\"_isSelectable\"\n [getItemColor]=\"getItemColor\"\n [isSelected]=\"_isSelectable && item === _selectedItem\"\n (itemSelect)=\"onItemSelect($event)\"\n (swipeActionSelect)=\"onSwipeActionSelect($event)\"\n [class.is-single]=\"items.length === 1\"\n ></kirby-list-item>\n }\n</ng-template>\n",
|
|
989
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-item-option.success{background-color:var(--kirby-color-fill-success);color:var(--kirby-color-content-success)}@media(hover:hover){ion-item-option.success:hover{background-color:var(--kirby-color-fill-success-hover);color:var(--kirby-color-content-success-hover)}}ion-item-option.success:active{background-color:var(--kirby-color-fill-success-active);color:var(--kirby-color-content-success-active)}ion-item-option.warning{background-color:var(--kirby-color-fill-warning);color:var(--kirby-color-content-warning)}@media(hover:hover){ion-item-option.warning:hover{background-color:var(--kirby-color-fill-warning-hover);color:var(--kirby-color-content-warning-hover)}}ion-item-option.warning:active{background-color:var(--kirby-color-fill-warning-active);color:var(--kirby-color-content-warning-active)}ion-item-option.danger{background-color:var(--kirby-color-fill-danger);color:var(--kirby-color-content-danger)}@media(hover:hover){ion-item-option.danger:hover{background-color:var(--kirby-color-fill-danger-hover);color:var(--kirby-color-content-danger-hover)}}ion-item-option.danger:active{background-color:var(--kirby-color-fill-danger-active);color:var(--kirby-color-content-danger-active)}:host{display:block}:host(:not(kirby-list-item)){--kirby-list-border-top-radius: var( --kirby-content-border-top-radius, var(--kirby-border-radius-n) );--kirby-list-border-bottom-radius: var( --kirby-content-border-bottom-radius, var(--kirby-border-radius-n) )}.list{box-shadow:var(--kirby-elevation-card);background:transparent;contain:inherit;padding:0}.kirby-surface-raised{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-quiet)}ion-list-header{background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-bottom:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--inner-border-width: 0;--ion-safe-area-right: 0;--min-height: var(--kirby-spacing-xxxl);--padding-bottom: var(--kirby-spacing-xxs);--padding-end: var(--kirby-spacing-s);--padding-start: var(--kirby-spacing-s);--padding-top: var(--kirby-spacing-xxs);display:flex;font-size:var(--kirby-font-size-s);min-height:var(--kirby-spacing-xxxl);overflow:visible;width:100%}ion-item-sliding{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color)}ion-item-sliding.item-sliding-active-slide{backface-visibility:hidden;transform:translateZ(0)}ion-item-group{margin-bottom:var(--kirby-spacing-m)}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end: 0;--color: unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 var(--kirby-spacing-s) var(--kirby-spacing-xxs) var(--kirby-spacing-s);font-weight:inherit}.footer{--kirby-inputs-background-color: var(--kirby-dark-overlay);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black);--kirby-inputs-indicator-background-color: var(--kirby-black);--kirby-inputs-indicator-color: var(--kirby-white);--kirby-inputs-placeholder-color: var(--kirby-semi-dark);--kirby-inputs-color-hover: var(--kirby-semi-dark);--kirby-inputs-elevation: none;--kirby-divider-color: var(--kirby-background-color);background-color:var(--kirby-color-fill-base);color:var(--kirby-color-content-base);border-top:var(--kirby-stroke-xs) solid var(--kirby-color-border-base-silent);display:flex;align-items:center;justify-content:space-between;width:100%}.no-more-items,.loading{width:100%;padding:var(--kirby-spacing-m) 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background: unset;--color: unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list,:host-context(.has-stand-alone) .list{box-shadow:none}:host-context(.has-sections) .list-items,:host-context(.has-stand-alone) .list-items{box-shadow:var(--kirby-elevation-card);border-radius:var(--kirby-border-radius-n)}:host-context(.has-sections) .footer,:host-context(.has-stand-alone) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header,:host-context(.has-stand-alone) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:var(--kirby-list-border-top-radius) var(--kirby-list-border-top-radius) var(--kirby-list-border-bottom-radius) var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-list-header{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) ion-list-header{border-top-left-radius:var(--kirby-list-border-top-radius);border-top-right-radius:var(--kirby-list-border-top-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) ion-item.last,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) .footer{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded) .footer{border-bottom-left-radius:var(--kirby-list-border-bottom-radius);border-bottom-right-radius:var(--kirby-list-border-bottom-radius)}:host-context(.shape-rounded) ion-item-sliding>ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding{border-bottom-left-radius:0;border-bottom-right-radius:0}kirby-list-item{--kirby-content-border-top-radius: 0;--kirby-content-border-bottom-radius: 0}kirby-list-item:first-of-type{--kirby-content-border-top-radius: var(--kirby-list-border-top-radius)}kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: var(--kirby-list-border-bottom-radius)}:host(:not(.has-sections,.has-stand-alone)) .has-header kirby-list-item:first-of-type{--kirby-content-border-top-radius: 0}:host(:not(.has-sections,.has-stand-alone)) .has-footer kirby-list-item:last-of-type{--kirby-content-border-bottom-radius: 0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{--kirby-item-background: transparent;box-shadow:none;border-radius:unset}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:var(--kirby-spacing-s)}:host-context(.item-spacing) .list kirby-list-item>ion-item,:host-context(.item-spacing) .list kirby-list-item:last-child{margin-bottom:0}.stand-alone-bottom-margin-xxxxs{margin-bottom:var(--kirby-spacing-xxxxs)}.stand-alone-bottom-margin-xxxs{margin-bottom:var(--kirby-spacing-xxxs)}.stand-alone-bottom-margin-xxs{margin-bottom:var(--kirby-spacing-xxs)}.stand-alone-bottom-margin-xs{margin-bottom:var(--kirby-spacing-xs)}.stand-alone-bottom-margin-sm{margin-bottom:var(--kirby-spacing-s)}.stand-alone-bottom-margin-md{margin-bottom:var(--kirby-spacing-m)}.stand-alone-bottom-margin-lg{margin-bottom:var(--kirby-spacing-l)}.stand-alone-bottom-margin-xl{margin-bottom:var(--kirby-spacing-xl)}.stand-alone-bottom-margin-xxl{margin-bottom:var(--kirby-spacing-xxl)}.stand-alone-bottom-margin-xxxl{margin-bottom:var(--kirby-spacing-xxxl)}\n"]
|
|
987
990
|
}]
|
|
988
991
|
}],
|
|
989
992
|
ctorParameters: () => [
|
|
@@ -1086,7 +1089,7 @@ var ListModule = class ListModule {
|
|
|
1086
1089
|
static {
|
|
1087
1090
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
1088
1091
|
minVersion: "12.0.0",
|
|
1089
|
-
version: "22.2.
|
|
1092
|
+
version: "22.2.3",
|
|
1090
1093
|
ngImport: i0,
|
|
1091
1094
|
type: ListModule,
|
|
1092
1095
|
deps: [],
|
|
@@ -1096,7 +1099,7 @@ var ListModule = class ListModule {
|
|
|
1096
1099
|
static {
|
|
1097
1100
|
this.ɵmod = i0.ɵɵngDeclareNgModule({
|
|
1098
1101
|
minVersion: "14.0.0",
|
|
1099
|
-
version: "22.2.
|
|
1102
|
+
version: "22.2.3",
|
|
1100
1103
|
ngImport: i0,
|
|
1101
1104
|
type: ListModule,
|
|
1102
1105
|
imports: [
|
|
@@ -1139,7 +1142,7 @@ var ListModule = class ListModule {
|
|
|
1139
1142
|
static {
|
|
1140
1143
|
this.ɵinj = i0.ɵɵngDeclareInjector({
|
|
1141
1144
|
minVersion: "12.0.0",
|
|
1142
|
-
version: "22.2.
|
|
1145
|
+
version: "22.2.3",
|
|
1143
1146
|
ngImport: i0,
|
|
1144
1147
|
type: ListModule,
|
|
1145
1148
|
imports: [
|
|
@@ -1162,7 +1165,7 @@ var ListModule = class ListModule {
|
|
|
1162
1165
|
};
|
|
1163
1166
|
i0.ɵɵngDeclareClassMetadata({
|
|
1164
1167
|
minVersion: "12.0.0",
|
|
1165
|
-
version: "22.2.
|
|
1168
|
+
version: "22.2.3",
|
|
1166
1169
|
ngImport: i0,
|
|
1167
1170
|
type: ListModule,
|
|
1168
1171
|
decorators: [{
|