@kirbydesign/designsystem 10.4.1 → 10.5.0
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 +10 -10
- package/fesm2022/kirbydesign-designsystem-action-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-avatar.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-badge.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-button.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-calendar.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-card.mjs +16 -16
- package/fesm2022/kirbydesign-designsystem-chart.mjs +22 -22
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-data-table.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-divider.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-dropdown.mjs +10 -10
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs +8 -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 +3 -3
- package/fesm2022/kirbydesign-designsystem-form-field.mjs +81 -41
- package/fesm2022/kirbydesign-designsystem-form-field.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-header.mjs +19 -19
- package/fesm2022/kirbydesign-designsystem-helpers.mjs +9 -9
- package/fesm2022/kirbydesign-designsystem-icon.mjs +11 -10
- package/fesm2022/kirbydesign-designsystem-icon.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-item-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item-sliding.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item.mjs +10 -10
- package/fesm2022/kirbydesign-designsystem-kirby-app.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-list.mjs +40 -40
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs +6 -6
- package/fesm2022/kirbydesign-designsystem-menu.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-modal.mjs +42 -42
- package/fesm2022/kirbydesign-designsystem-page.mjs +40 -40
- package/fesm2022/kirbydesign-designsystem-popover.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs +15 -8
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-radio.mjs +11 -11
- package/fesm2022/kirbydesign-designsystem-radio.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-range.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-router-outlet.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-section-header.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-shared-portal.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-shared.mjs +18 -18
- 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 +10 -10
- package/fesm2022/kirbydesign-designsystem-tabs.mjs +13 -13
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs +286 -286
- 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 +13 -13
- package/form-field/input/input.component.d.ts +5 -2
- package/form-field/input/input.component.d.ts.map +1 -1
- package/form-field/textarea/textarea.component.d.ts +5 -1
- package/form-field/textarea/textarea.component.d.ts.map +1 -1
- package/icon/kirby-icon-settings.d.ts.map +1 -1
- package/icons/svg/coinstack.svg +1 -5
- package/icons/svg/investment.svg +1 -5
- package/icons/svg/warning-decoration.svg +1 -0
- package/package.json +2 -2
- package/progress-circle/progress-circle.component.d.ts +1 -0
- package/progress-circle/progress-circle.component.d.ts.map +1 -1
- package/readme.md +3 -1
|
@@ -91,11 +91,11 @@ const MOCK_PROVIDERS = [
|
|
|
91
91
|
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
92
92
|
/// <reference path='../../../../../node_modules/@types/jasmine/index.d.ts' />
|
|
93
93
|
class KirbyTestingModule {
|
|
94
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
95
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
96
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
94
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
95
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
|
|
96
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, decorators: [{
|
|
99
99
|
type: NgModule,
|
|
100
100
|
args: [{
|
|
101
101
|
imports: [KirbyTestingBaseModule],
|
|
@@ -97,11 +97,11 @@ const MOCK_PROVIDERS = [
|
|
|
97
97
|
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
98
98
|
/// <reference path='../../../../../node_modules/@types/jest/index.d.ts' />
|
|
99
99
|
class KirbyTestingModule {
|
|
100
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
101
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
102
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
100
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
101
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
|
|
102
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyTestingModule, decorators: [{
|
|
105
105
|
type: NgModule,
|
|
106
106
|
args: [{
|
|
107
107
|
imports: [KirbyTestingBaseModule],
|
|
@@ -5,11 +5,11 @@ import { provideIonicAngular } from '@ionic/angular/standalone';
|
|
|
5
5
|
import { componentOnReady } from '@ionic/core';
|
|
6
6
|
|
|
7
7
|
class IonicTestingModule {
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
10
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: IonicTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: IonicTestingModule }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: IonicTestingModule, providers: [provideIonicAngular({ mode: 'ios', _testing: true })] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: IonicTestingModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
providers: [provideIonicAngular({ mode: 'ios', _testing: true })],
|
|
@@ -30,10 +30,10 @@ class ToastHelper {
|
|
|
30
30
|
}
|
|
31
31
|
return cssClass;
|
|
32
32
|
}
|
|
33
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
34
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastHelper, deps: [{ token: i1.ToastController }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
34
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastHelper }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastHelper, decorators: [{
|
|
37
37
|
type: Injectable
|
|
38
38
|
}], ctorParameters: () => [{ type: i1.ToastController }] });
|
|
39
39
|
|
|
@@ -48,10 +48,10 @@ class ToastController {
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
52
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
51
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastController, deps: [{ token: ToastHelper }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
52
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastController }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToastController, decorators: [{
|
|
55
55
|
type: Injectable
|
|
56
56
|
}], ctorParameters: () => [{ type: ToastHelper }] });
|
|
57
57
|
|
|
@@ -77,8 +77,8 @@ class ToggleButtonComponent {
|
|
|
77
77
|
.querySelector('button[kirby-button]')
|
|
78
78
|
?.toggleAttribute('disabled', isDisabled);
|
|
79
79
|
}
|
|
80
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
81
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
80
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ToggleButtonComponent, isStandalone: false, selector: "kirby-toggle-button", inputs: { checked: "checked" }, outputs: { checkChanged: "checkChanged" }, host: { listeners: { "click": "onClick($event)", "focusout": "onFocusOut()" } }, providers: [
|
|
82
82
|
{
|
|
83
83
|
provide: NG_VALUE_ACCESSOR,
|
|
84
84
|
useExisting: forwardRef((() => ToggleButtonComponent)),
|
|
@@ -86,7 +86,7 @@ class ToggleButtonComponent {
|
|
|
86
86
|
},
|
|
87
87
|
], ngImport: i0, template: "<ng-content *ngIf=\"!checked\" select=\"button[kirby-button][unchecked]\"></ng-content>\n<ng-content *ngIf=\"checked\" select=\"button[kirby-button][checked]\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'kirby-toggle-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, providers: [
|
|
92
92
|
{
|
|
@@ -109,11 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
109
109
|
|
|
110
110
|
const DECLARATIONS = [ToggleButtonComponent];
|
|
111
111
|
class ToggleButtonModule {
|
|
112
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
113
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
114
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
112
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
113
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonModule, declarations: [ToggleButtonComponent], imports: [CommonModule], exports: [ToggleButtonComponent] }); }
|
|
114
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule] }); }
|
|
115
115
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleButtonModule, decorators: [{
|
|
117
117
|
type: NgModule,
|
|
118
118
|
args: [{
|
|
119
119
|
declarations: [...DECLARATIONS],
|
|
@@ -107,17 +107,17 @@ class ToggleComponent {
|
|
|
107
107
|
this.disabled = isDisabled;
|
|
108
108
|
this.cdr.detectChanges();
|
|
109
109
|
}
|
|
110
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
111
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IonicElementPartHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ToggleComponent, isStandalone: true, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "attr.disabled": "this._isDisabled", "class.has-hidden-label": "this._labelText" } }, providers: [
|
|
112
112
|
IonicElementPartHelper,
|
|
113
113
|
{
|
|
114
114
|
provide: NG_VALUE_ACCESSOR,
|
|
115
115
|
useExisting: forwardRef((() => ToggleComponent)),
|
|
116
116
|
multi: true,
|
|
117
117
|
},
|
|
118
|
-
], viewQueries: [{ propertyName: "ionToggleElement", first: true, predicate: IonToggle, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n", styles: [":host{display:inline-flex}:host:has(ion-toggle.in-item.toggle-justify-space-between){width:100%}:host.has-hidden-label{position:initial}:host.has-hidden-label
|
|
118
|
+
], viewQueries: [{ propertyName: "ionToggleElement", first: true, predicate: IonToggle, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n", styles: [":host{display:inline-flex}:host:has(ion-toggle.in-item.toggle-justify-space-between){width:100%}:host.has-hidden-label:has(ion-toggle.in-item){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle{position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-toggle{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--track-background: rgb(119.28, 119.28, 119.28);--handle-background: rgb(244.8, 244.8, 244.8);--track-background-checked: rgb(45.030660793, 192.689339207, 114.1474889868);--handle-background-checked: rgb(244.8, 244.8, 244.8)}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--track-background: rgb(107.92, 107.92, 107.92);--handle-background: rgb(234.6, 234.6, 234.6);--track-background-checked: rgb(40.7420264317, 174.3379735683, 103.2762995595);--handle-background-checked: rgb(234.6, 234.6, 234.6)}ion-toggle{--track-background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--track-background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04);--handle-height: 28px;--handle-width: 28px;--border-radius: 16px}ion-toggle::part(track){height:32px}ion-toggle ::part(label-text-wrapper){line-height:24px;white-space:pre-line}ion-toggle.in-item::part(label){align-items:center;padding-inline:0}ion-toggle.in-item::part(label),ion-toggle.in-item::part(label-text-wrapper){margin-block:0}ion-toggle.in-item.toggle-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}ion-toggle.in-item.toggle-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}ion-toggle.in-item.legacy-toggle{padding:0}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-toggle{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "justify", "labelPlacement", "mode", "name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
119
119
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ToggleComponent, decorators: [{
|
|
121
121
|
type: Component,
|
|
122
122
|
args: [{ imports: [CommonModule, IonToggle], selector: 'kirby-toggle', providers: [
|
|
123
123
|
IonicElementPartHelper,
|
|
@@ -126,7 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
126
126
|
useExisting: forwardRef((() => ToggleComponent)),
|
|
127
127
|
multi: true,
|
|
128
128
|
},
|
|
129
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n", styles: [":host{display:inline-flex}:host:has(ion-toggle.in-item.toggle-justify-space-between){width:100%}:host.has-hidden-label{position:initial}:host.has-hidden-label
|
|
129
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n", styles: [":host{display:inline-flex}:host:has(ion-toggle.in-item.toggle-justify-space-between){width:100%}:host.has-hidden-label:has(ion-toggle.in-item){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle{position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-toggle{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--track-background: rgb(119.28, 119.28, 119.28);--handle-background: rgb(244.8, 244.8, 244.8);--track-background-checked: rgb(45.030660793, 192.689339207, 114.1474889868);--handle-background-checked: rgb(244.8, 244.8, 244.8)}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--track-background: rgb(107.92, 107.92, 107.92);--handle-background: rgb(234.6, 234.6, 234.6);--track-background-checked: rgb(40.7420264317, 174.3379735683, 103.2762995595);--handle-background-checked: rgb(234.6, 234.6, 234.6)}ion-toggle{--track-background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--track-background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04);--handle-height: 28px;--handle-width: 28px;--border-radius: 16px}ion-toggle::part(track){height:32px}ion-toggle ::part(label-text-wrapper){line-height:24px;white-space:pre-line}ion-toggle.in-item::part(label){align-items:center;padding-inline:0}ion-toggle.in-item::part(label),ion-toggle.in-item::part(label-text-wrapper){margin-block:0}ion-toggle.in-item.toggle-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}ion-toggle.in-item.toggle-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}ion-toggle.in-item.legacy-toggle{padding:0}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-toggle{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}\n"] }]
|
|
130
130
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.IonicElementPartHelper }], propDecorators: { ionToggleElement: [{
|
|
131
131
|
type: ViewChild,
|
|
132
132
|
args: [IonToggle, { read: ElementRef, static: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-toggle.mjs","sources":["../../toggle/src/toggle.component.ts","../../toggle/src/toggle.component.html","../../toggle/src/kirbydesign-designsystem-toggle.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IonToggle } from '@ionic/angular/standalone';\nimport { inheritAriaLabelText, setAccessibleLabel } from '@kirbydesign/designsystem/shared';\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\n\n@Component({\n imports: [CommonModule, IonToggle],\n selector: 'kirby-toggle',\n templateUrl: './toggle.component.html',\n styleUrls: ['./toggle.component.scss'],\n providers: [\n IonicElementPartHelper,\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ToggleComponent),\n multi: true,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleComponent\n implements ControlValueAccessor, OnInit, AfterViewInit, AfterContentInit\n{\n @ViewChild(IonToggle, { read: ElementRef, static: true })\n private ionToggleElement?: ElementRef<HTMLIonToggleElement>;\n\n @Input() checked: boolean = false;\n\n @Input() disabled: boolean = false;\n @HostBinding('attr.disabled')\n get _isDisabled() {\n return this.disabled ? 'disabled' : null;\n }\n\n @HostBinding('class.has-hidden-label') _labelText: string;\n\n @Output() checkedChange = new EventEmitter<boolean>();\n\n _justify: 'start' | 'end' | 'space-between' = 'start';\n _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start' = 'start';\n _hasSlottedContent: boolean;\n _pressed = false;\n\n constructor(\n private cdr: ChangeDetectorRef,\n private elementRef: ElementRef<HTMLElement>,\n private ionicElementPartHelper: IonicElementPartHelper\n ) {}\n\n ngOnInit(): void {\n /**\n * We cannot query ion-toggle for slotted content at this point as the slot has not been rendered.\n * But we need to know if content is slotted to set justify and labelPlacement BEFORE ion-toggle is rendered.\n * So it has to be done by querying an additional wrapper around the default content slot like this.\n */\n this._hasSlottedContent = this.elementRef.nativeElement\n .querySelector('.default-content')\n .hasChildNodes();\n\n const slot = this.elementRef.nativeElement.getAttribute('slot');\n if (slot === 'end' && this._hasSlottedContent) {\n this._justify = 'space-between';\n }\n\n if (slot === 'start' && this._hasSlottedContent) {\n this._labelPlacement = 'end';\n }\n }\n\n ngAfterViewInit(): void {\n this.ionicElementPartHelper.setPart('label', this.ionToggleElement, '.toggle-wrapper');\n this.ionicElementPartHelper.setPart(\n 'label-text-wrapper',\n this.ionToggleElement,\n '.label-text-wrapper'\n );\n }\n\n ngAfterContentInit(): void {\n this._labelText = inheritAriaLabelText(this.elementRef.nativeElement);\n\n if (!this._labelText && !this._hasSlottedContent) {\n // if no label has been set try to find a label in an item and use its text content\n this._labelText = setAccessibleLabel(this.elementRef.nativeElement);\n }\n }\n\n onCheckedChange(checked: boolean): void {\n this.checked = checked;\n this._onChange(this.checked);\n this.checkedChange.emit(this.checked);\n }\n\n _onActive() {\n this._pressed = true;\n }\n\n _onInactive() {\n this._pressed = false;\n this._onTouched();\n }\n\n // Initialize default ControlValueAccessor callback functions (noop)\n // eslint-disable-next-line no-empty-function\n private _onChange: (value: boolean) => void = () => {};\n // eslint-disable-next-line no-empty-function\n private _onTouched = () => {};\n\n /**\n * Sets the toggle's value. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param value New value to be written to the model.\n */\n writeValue(value: boolean): void {\n this.checked = value;\n }\n /**\n * Saves a callback function to be invoked when the toggle's value\n * changes from user input. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the value changes.\n */\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n /**\n * Saves a callback function to be invoked when the toggle is blurred\n * by the user. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the component has been touched.\n */\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n /**\n * Disables the toggle. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param isDisabled Sets whether the component is disabled.\n */\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.detectChanges();\n }\n}\n","<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-toggle.mjs","sources":["../../toggle/src/toggle.component.ts","../../toggle/src/toggle.component.html","../../toggle/src/kirbydesign-designsystem-toggle.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IonToggle } from '@ionic/angular/standalone';\nimport { inheritAriaLabelText, setAccessibleLabel } from '@kirbydesign/designsystem/shared';\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\n\n@Component({\n imports: [CommonModule, IonToggle],\n selector: 'kirby-toggle',\n templateUrl: './toggle.component.html',\n styleUrls: ['./toggle.component.scss'],\n providers: [\n IonicElementPartHelper,\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ToggleComponent),\n multi: true,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleComponent\n implements ControlValueAccessor, OnInit, AfterViewInit, AfterContentInit\n{\n @ViewChild(IonToggle, { read: ElementRef, static: true })\n private ionToggleElement?: ElementRef<HTMLIonToggleElement>;\n\n @Input() checked: boolean = false;\n\n @Input() disabled: boolean = false;\n @HostBinding('attr.disabled')\n get _isDisabled() {\n return this.disabled ? 'disabled' : null;\n }\n\n @HostBinding('class.has-hidden-label') _labelText: string;\n\n @Output() checkedChange = new EventEmitter<boolean>();\n\n _justify: 'start' | 'end' | 'space-between' = 'start';\n _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start' = 'start';\n _hasSlottedContent: boolean;\n _pressed = false;\n\n constructor(\n private cdr: ChangeDetectorRef,\n private elementRef: ElementRef<HTMLElement>,\n private ionicElementPartHelper: IonicElementPartHelper\n ) {}\n\n ngOnInit(): void {\n /**\n * We cannot query ion-toggle for slotted content at this point as the slot has not been rendered.\n * But we need to know if content is slotted to set justify and labelPlacement BEFORE ion-toggle is rendered.\n * So it has to be done by querying an additional wrapper around the default content slot like this.\n */\n this._hasSlottedContent = this.elementRef.nativeElement\n .querySelector('.default-content')\n .hasChildNodes();\n\n const slot = this.elementRef.nativeElement.getAttribute('slot');\n if (slot === 'end' && this._hasSlottedContent) {\n this._justify = 'space-between';\n }\n\n if (slot === 'start' && this._hasSlottedContent) {\n this._labelPlacement = 'end';\n }\n }\n\n ngAfterViewInit(): void {\n this.ionicElementPartHelper.setPart('label', this.ionToggleElement, '.toggle-wrapper');\n this.ionicElementPartHelper.setPart(\n 'label-text-wrapper',\n this.ionToggleElement,\n '.label-text-wrapper'\n );\n }\n\n ngAfterContentInit(): void {\n this._labelText = inheritAriaLabelText(this.elementRef.nativeElement);\n\n if (!this._labelText && !this._hasSlottedContent) {\n // if no label has been set try to find a label in an item and use its text content\n this._labelText = setAccessibleLabel(this.elementRef.nativeElement);\n }\n }\n\n onCheckedChange(checked: boolean): void {\n this.checked = checked;\n this._onChange(this.checked);\n this.checkedChange.emit(this.checked);\n }\n\n _onActive() {\n this._pressed = true;\n }\n\n _onInactive() {\n this._pressed = false;\n this._onTouched();\n }\n\n // Initialize default ControlValueAccessor callback functions (noop)\n // eslint-disable-next-line no-empty-function\n private _onChange: (value: boolean) => void = () => {};\n // eslint-disable-next-line no-empty-function\n private _onTouched = () => {};\n\n /**\n * Sets the toggle's value. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param value New value to be written to the model.\n */\n writeValue(value: boolean): void {\n this.checked = value;\n }\n /**\n * Saves a callback function to be invoked when the toggle's value\n * changes from user input. Part of the ControlValueAccessor interface\n * required to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the value changes.\n */\n registerOnChange(fn: any): void {\n this._onChange = fn;\n }\n /**\n * Saves a callback function to be invoked when the toggle is blurred\n * by the user. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param fn Callback to be triggered when the component has been touched.\n */\n registerOnTouched(fn: any): void {\n this._onTouched = fn;\n }\n /**\n * Disables the toggle. Part of the ControlValueAccessor interface required\n * to integrate with Angular's core forms API.\n *\n * @param isDisabled Sets whether the component is disabled.\n */\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.detectChanges();\n }\n}\n","<ion-toggle\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [class.interaction-state-active]=\"_pressed\"\n (keydown.space)=\"_onActive()\"\n (keyup.space)=\"_onInactive()\"\n (blur)=\"_onInactive()\"\n (ionChange)=\"onCheckedChange($event.detail.checked)\"\n [justify]=\"_justify\"\n [labelPlacement]=\"_labelPlacement\"\n>\n <span class=\"hidden-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n <ng-content></ng-content>\n </span>\n</ion-toggle>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,10 @@ class WindowRef {
|
|
|
5
5
|
get nativeWindow() {
|
|
6
6
|
return window;
|
|
7
7
|
}
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: WindowRef, providedIn: 'root' }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: WindowRef, decorators: [{
|
|
12
12
|
type: Injectable,
|
|
13
13
|
args: [{
|
|
14
14
|
providedIn: 'root',
|
|
@@ -267,8 +267,8 @@ class SegmentedControlComponent {
|
|
|
267
267
|
setDisabledState(isDisabled) {
|
|
268
268
|
this.isDisabled = isDisabled;
|
|
269
269
|
}
|
|
270
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
271
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
270
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
271
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: SegmentedControlComponent, isStandalone: true, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size", disableChangeOnSwipe: "disableChangeOnSwipe" }, outputs: { selectedIndexChange: "selectedIndexChange", segmentSelect: "segmentSelect" }, host: { listeners: { "focusin": "_onFocusInOut()", "focusout": "_onFocusInOut()" }, properties: { "class": "this._modeCssClass", "class.sm": "this.isSmallSize" } }, providers: [
|
|
272
272
|
{
|
|
273
273
|
provide: NG_VALUE_ACCESSOR,
|
|
274
274
|
useExisting: forwardRef((() => SegmentedControlComponent)),
|
|
@@ -276,7 +276,7 @@ class SegmentedControlComponent {
|
|
|
276
276
|
},
|
|
277
277
|
], viewQueries: [{ propertyName: "ionSegmentElement", first: true, predicate: IonSegment, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-segment\n [value]=\"value?.id\"\n [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n (ionChange)=\"onSegmentSelect($event.detail.value)\"\n (click)=\"preventOutsideClick($event)\"\n [disabled]=\"isDisabled\"\n>\n <ion-segment-button\n *ngFor=\"let item of items; let i = index\"\n [value]=\"item.id\"\n [attr.tabindex]=\"getTabIndex(item, i)\"\n (click)=\"focusNativeButton($event)\"\n >\n {{ item.text }}\n <kirby-badge\n *ngIf=\"item.badge\"\n role=\"text\"\n [attr.aria-label]=\"item.badge.description\"\n [themeColor]=\"item.badge.themeColor\"\n >\n <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n </ng-container>\n <ng-template #badgeContent>\n {{ item.badge.content }}\n </ng-template>\n </kirby-badge>\n </ion-segment-button>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: -16px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px;--kirby-badge-right: -8px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);overflow:visible;contain:none;width:fit-content}:host.default-mode ion-segment-button{--color-hover: rgba(var(--kirby-black-rgb), .4)}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}@media (hover: hover){:host.chip-mode ion-segment-button:hover,:host.compact ion-segment-button:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}@media (hover: hover){:host.chip-mode ion-segment-button.segment-button-checked:hover,:host.compact ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment{border-radius:999px;grid-auto-columns:max-content;box-sizing:border-box}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button{position:relative}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button{--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}ion-segment-button::part(native){border-radius:var(--border-radius);contain:none;overflow:visible;opacity:1}ion-segment-button::part(native):after{transition:all 80ms linear 0ms;border-radius:var(--border-radius)}ion-segment-button::part(indicator){padding-inline:0}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "component", type: BadgeComponent, selector: "kirby-badge", inputs: ["text", "size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
278
278
|
}
|
|
279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SegmentedControlComponent, decorators: [{
|
|
280
280
|
type: Component,
|
|
281
281
|
args: [{ imports: [IconModule, BadgeComponent, CommonModule, IonSegment, IonSegmentButton], selector: 'kirby-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
282
282
|
{
|
|
@@ -332,10 +332,10 @@ class KeyHandlerDirective {
|
|
|
332
332
|
hostElement.click();
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
336
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
335
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KeyHandlerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
336
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: KeyHandlerDirective, isStandalone: false, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
|
|
337
337
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KeyHandlerDirective, decorators: [{
|
|
339
339
|
type: Directive,
|
|
340
340
|
args: [{
|
|
341
341
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -359,10 +359,10 @@ class ModalRouterLinkDirective {
|
|
|
359
359
|
this.modalNavigationService.navigateToModal(this.path, typeof this.queryParams !== 'string' ? this.queryParams : null);
|
|
360
360
|
return false;
|
|
361
361
|
}
|
|
362
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
363
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
362
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1$1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
363
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ModalRouterLinkDirective, isStandalone: false, selector: "[kirbyModalRouterLink]", inputs: { path: ["kirbyModalRouterLink", "path"], queryParams: ["kirbyModalQueryParams", "queryParams"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
364
364
|
}
|
|
365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
|
|
366
366
|
type: Directive,
|
|
367
367
|
args: [{
|
|
368
368
|
selector: `[kirbyModalRouterLink]`,
|
|
@@ -465,8 +465,8 @@ class KirbyModule {
|
|
|
465
465
|
constructor(modalController, config) {
|
|
466
466
|
modalController.initialize(config && config.moduleRootRoutePath);
|
|
467
467
|
}
|
|
468
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
469
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
468
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyModule, deps: [{ token: i1$1.ModalController }, { token: KIRBY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
469
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: KirbyModule, declarations: [ModalRouterLinkDirective, KeyHandlerDirective], imports: [CommonModule, RouterModule, KirbyAppModule,
|
|
470
470
|
RouterOutletModule,
|
|
471
471
|
PageModule,
|
|
472
472
|
HeaderModule,
|
|
@@ -573,7 +573,7 @@ class KirbyModule {
|
|
|
573
573
|
BadgeComponent,
|
|
574
574
|
ModalComponent,
|
|
575
575
|
TableSortableComponent, ModalRouterLinkDirective] }); }
|
|
576
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
576
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyModule, providers: providers, imports: [CommonModule, RouterModule, KirbyAppModule,
|
|
577
577
|
RouterOutletModule,
|
|
578
578
|
PageModule,
|
|
579
579
|
HeaderModule,
|
|
@@ -644,7 +644,7 @@ class KirbyModule {
|
|
|
644
644
|
AccordionModule,
|
|
645
645
|
HeaderModule] }); }
|
|
646
646
|
}
|
|
647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KirbyModule, decorators: [{
|
|
648
648
|
type: NgModule,
|
|
649
649
|
args: [{
|
|
650
650
|
imports: [CommonModule, RouterModule, ...importedModules],
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { FormFieldControl } from '@kirbydesign/designsystem/types';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "../directives/date/date-input.directive";
|
|
5
6
|
export declare enum InputSize {
|
|
@@ -8,6 +9,7 @@ export declare enum InputSize {
|
|
|
8
9
|
}
|
|
9
10
|
export declare class InputComponent implements OnChanges, OnInit, FormFieldControl {
|
|
10
11
|
private elementRef;
|
|
12
|
+
private builtInValueAccessors;
|
|
11
13
|
kirbyChange: EventEmitter<string>;
|
|
12
14
|
private _hasError;
|
|
13
15
|
set type(value: string);
|
|
@@ -24,13 +26,14 @@ export declare class InputComponent implements OnChanges, OnInit, FormFieldContr
|
|
|
24
26
|
maxlength: number;
|
|
25
27
|
inputmode: string;
|
|
26
28
|
hasErrorChange: EventEmitter<boolean>;
|
|
27
|
-
constructor(elementRef: ElementRef<HTMLInputElement
|
|
29
|
+
constructor(elementRef: ElementRef<HTMLInputElement>, builtInValueAccessors: ControlValueAccessor[]);
|
|
28
30
|
ngOnInit(): void;
|
|
29
31
|
ngOnChanges(changes: SimpleChanges): void;
|
|
32
|
+
extendBuiltinValueAccessor(): void;
|
|
30
33
|
private static typeToInputmodeMap;
|
|
31
34
|
_onKeyUp(value: string): void;
|
|
32
35
|
_onCutPaste(target: HTMLInputElement): void;
|
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent,
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [null, { optional: true; }]>;
|
|
34
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[kirby-input]", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; }, { "hasErrorChange": "hasErrorChange"; }, never, never, true, [{ directive: typeof i1.DateInputDirective; inputs: { "prefillYear": "prefillYear"; "useNativeDatePicker": "useNativeDatePicker"; }; outputs: {}; }]>;
|
|
35
38
|
}
|
|
36
39
|
//# sourceMappingURL=input.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/input/input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EACV,YAAY,
|
|
1
|
+
{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/input/input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EACV,YAAY,EAKZ,SAAS,EACT,MAAM,EAGN,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;;;AAGzE,oBAAY,SAAS;IACnB,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED,qBAca,cAAe,YAAW,SAAS,EAAE,MAAM,EAAE,gBAAgB;IA2DtE,OAAO,CAAC,UAAU;IACqB,OAAO,CAAC,qBAAqB;IA3DtE,WAAW,uBAA8B;IACzC,OAAO,CAAC,SAAS,CAAkB;IAEnC,IAAa,IAAI,CAAC,KAAK,EAAE,MAAM,EAK9B;IAID,IAAI,EAAE,SAAS,GAAG,GAAG,SAAS,EAAE,CAAmB;IAEnD;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAEpB,IAGI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAID,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,KAAK,EAAE,MAAM,CAAC;IAId,SAAS,EAAE,MAAM,CAAC;IAIlB,SAAS,EAAE,MAAM,CAAC;IAER,cAAc,wBAA+B;gBAG7C,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC,EACD,qBAAqB,EAAE,oBAAoB,EAAE;IAK9F,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,0BAA0B;IAc1B,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAG/B;IAGF,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;yCA7GzB,cAAc;2CAAd,cAAc;CAiH1B"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
2
3
|
import { FormFieldControl } from '@kirbydesign/designsystem/types';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class TextareaComponent implements OnChanges, FormFieldControl {
|
|
6
|
+
private builtInValueAccessors;
|
|
5
7
|
kirbyChange: EventEmitter<string>;
|
|
6
8
|
private _hasError;
|
|
7
9
|
value: string;
|
|
@@ -15,10 +17,12 @@ export declare class TextareaComponent implements OnChanges, FormFieldControl {
|
|
|
15
17
|
autocorrect: 'on' | 'off';
|
|
16
18
|
maxlength: number;
|
|
17
19
|
hasErrorChange: EventEmitter<boolean>;
|
|
20
|
+
constructor(builtInValueAccessors: ControlValueAccessor[]);
|
|
18
21
|
ngOnChanges(changes: SimpleChanges): void;
|
|
22
|
+
extendBuiltinValueAccessor(): void;
|
|
19
23
|
_onKeyUp(value: string): void;
|
|
20
24
|
_onCutPaste(target: HTMLInputElement): void;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent,
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, [{ optional: true; }]>;
|
|
22
26
|
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[kirby-textarea]", never, { "value": { "alias": "value"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; }, { "hasErrorChange": "hasErrorChange"; }, never, ["*"], true, never>;
|
|
23
27
|
}
|
|
24
28
|
//# sourceMappingURL=textarea.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/textarea/textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,
|
|
1
|
+
{"version":3,"file":"textarea.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/textarea/textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,EAKZ,SAAS,EAGT,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAqB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE,qBAQa,iBAAkB,YAAW,SAAS,EAAE,gBAAgB;IA0C1B,OAAO,CAAC,qBAAqB;IAzCtE,WAAW,uBAA8B;IACzC,OAAO,CAAC,SAAS,CAAkB;IAE1B,KAAK,EAAE,MAAM,CAAC;IAEvB;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAEpB,IAGI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAID,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,SAAS,EAAE,MAAM,CAAC;IAER,cAAc,wBAA+B;gBAGN,qBAAqB,EAAE,oBAAoB,EAAE;IAK9F,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,0BAA0B;IAe1B,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;yCA1EzB,iBAAiB;2CAAjB,iBAAiB;CA8E7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirby-icon-settings.d.ts","sourceRoot":"","sources":["../../icon/src/kirby-icon-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOrD,eAAO,MAAM,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"kirby-icon-settings.d.ts","sourceRoot":"","sources":["../../icon/src/kirby-icon-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOrD,eAAO,MAAM,iBAAiB,EAAE,YA+H/B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAmD,CAAC"}
|
package/icons/svg/coinstack.svg
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
-
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
3
|
-
<path d="M9.7823,3.4842 C9.8793,3.1352 10.2453,2.9302 10.6013,3.0222 L10.6013,3.0222 L16.0763,4.4592 C16.4333,4.5532 16.6443,4.9122 16.5493,5.2612 L16.5493,5.2612 L15.9193,7.5592 L15.9193,7.5592 L15.9093,7.5792 C15.9563,7.6682 15.9883,7.7652 15.9883,7.8722 L15.9883,7.8722 L15.9883,12.1422 C16.2183,12.2712 16.4163,12.4552 16.5703,12.6792 L16.5703,12.6792 L17.1723,11.9592 C17.4553,11.6222 17.8613,11.4222 18.3163,11.3972 C18.8493,11.3652 19.3903,11.5782 19.8103,11.9762 C20.5933,12.7152 20.7283,13.8642 20.1193,14.5902 C19.4723,15.6252 17.7263,18.2502 16.7153,18.6642 C16.1233,18.9062 14.8663,18.9812 13.5433,18.9812 C12.0943,18.9812 10.5763,18.8912 9.7463,18.8342 C9.8683,19.1632 9.7323,19.5322 9.4123,19.6962 L9.4123,19.6962 L7.0413,20.9182 C6.9363,20.9722 6.8213,21.0002 6.7053,21.0002 C6.6263,21.0002 6.5463,20.9872 6.4703,20.9602 C6.2823,20.8972 6.1293,20.7602 6.0483,20.5822 L6.0483,20.5822 L3.5623,15.1272 C3.4083,14.7892 3.5483,14.3902 3.8853,14.2172 L3.8853,14.2172 L6.2563,12.9952 C6.4313,12.9032 6.6383,12.8862 6.8273,12.9522 C7.0153,13.0152 7.1683,13.1532 7.2493,13.3312 L7.2493,13.3312 L7.3673,13.5882 C7.8203,13.0512 8.4043,12.6612 8.9813,12.3922 L8.9813,12.3922 L8.9813,7.8722 C8.9813,7.5102 9.2813,7.2172 9.6503,7.2172 L9.6503,7.2172 L12.0353,7.2172 L9.6243,6.5842 C9.4533,6.5402 9.3073,6.4302 9.2193,6.2792 C9.1303,6.1292 9.1063,5.9502 9.1523,5.7832 L9.1523,5.7832 Z M6.2473,14.5922 L5.1523,15.1562 L7.0503,19.3212 L8.1443,18.7572 L6.2473,14.5922 Z M18.3983,12.8032 C18.3233,12.8072 18.2973,12.8392 18.2863,12.8532 L18.2863,12.8532 L16.7533,14.6872 C16.7263,14.7182 16.6903,14.7352 16.6603,14.7612 C16.3603,15.2962 15.8253,15.6592 15.2103,15.6592 L15.2103,15.6592 L13.0503,15.6592 C12.6523,15.6592 12.3303,15.3432 12.3303,14.9542 C12.3303,14.5642 12.6523,14.2492 13.0503,14.2492 L13.0503,14.2492 L15.2103,14.2492 C15.3153,14.2492 15.4743,14.0672 15.4743,13.7922 C15.4743,13.5172 15.3153,13.3352 15.2103,13.3352 L15.2103,13.3352 L10.6973,13.3352 C10.2133,13.3352 8.4633,13.9102 8.0893,15.1752 L8.0893,15.1752 L9.1183,17.4322 C9.2043,17.4052 9.2963,17.3912 9.3933,17.3962 C11.7303,17.5762 15.3753,17.6842 16.1593,17.3642 C16.5973,17.1572 17.9573,15.3392 18.9513,13.7712 C19.1023,13.5812 19.0733,13.2392 18.8093,12.9892 C18.6573,12.8452 18.5053,12.8072 18.3983,12.8032 Z" id="coinstack" fill="currentColor" fill-rule="nonzero"></path>
|
|
4
|
-
</g>
|
|
5
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.7823,3.4842 C9.8793,3.1352 10.2453,2.9302 10.6013,3.0222 L16.0763,4.4592 C16.4333,4.5532 16.6443,4.9122 16.5493,5.2612 L15.9193,7.5592 L15.9093,7.5792 C15.9563,7.6682 15.9883,7.7652 15.9883,7.8722 L15.9883,12.1422 C16.2183,12.2712 16.4163,12.4552 16.5703,12.6792 L17.1723,11.9592 C17.4553,11.6222 17.8613,11.4222 18.3163,11.3972 C18.8493,11.3652 19.3903,11.5782 19.8103,11.9762 C20.5933,12.7152 20.7283,13.8642 20.1193,14.5902 C19.4723,15.6252 17.7263,18.2502 16.7153,18.6642 C16.1233,18.9062 14.8663,18.9812 13.5433,18.9812 C12.0943,18.9812 10.5763,18.8912 9.7463,18.8342 C9.8683,19.1632 9.7323,19.5322 9.4123,19.6962 L7.0413,20.9182 C6.9363,20.9722 6.8213,21.0002 6.7053,21.0002 C6.6263,21.0002 6.5463,20.9872 6.4703,20.9602 C6.2823,20.8972 6.1293,20.7602 6.0483,20.5822 L3.5623,15.1272 C3.4083,14.7892 3.5483,14.3902 3.8853,14.2172 L6.2563,12.9952 C6.4313,12.9032 6.6383,12.8862 6.8273,12.9522 C7.0153,13.0152 7.1683,13.1532 7.2493,13.3312 L7.3673,13.5882 C7.8203,13.0512 8.4043,12.6612 8.9813,12.3922 L8.9813,7.8722 C8.9813,7.5102 9.2813,7.2172 9.6503,7.2172 L12.0353,7.2172 L9.6243,6.5842 C9.4533,6.5402 9.3073,6.4302 9.2193,6.2792 C9.1303,6.1292 9.1063,5.9502 9.1523,5.7832 Z M6.2473,14.5922 L5.1523,15.1562 L7.0503,19.3212 L8.1443,18.7572 L6.2473,14.5922 Z M18.3983,12.8032 C18.3233,12.8072 18.2973,12.8392 18.2863,12.8532 L16.7533,14.6872 C16.7263,14.7182 16.6903,14.7352 16.6603,14.7612 C16.3603,15.2962 15.8253,15.6592 15.2103,15.6592 L13.0503,15.6592 C12.6523,15.6592 12.3303,15.3432 12.3303,14.9542 C12.3303,14.5642 12.6523,14.2492 13.0503,14.2492 L15.2103,14.2492 C15.3153,14.2492 15.4743,14.0672 15.4743,13.7922 C15.4743,13.5172 15.3153,13.3352 15.2103,13.3352 L10.6973,13.3352 C10.2133,13.3352 8.4633,13.9102 8.0893,15.1752 L9.1183,17.4322 C9.2043,17.4052 9.2963,17.3912 9.3933,17.3962 C11.7303,17.5762 15.3753,17.6842 16.1593,17.3642 C16.5973,17.1572 17.9573,15.3392 18.9513,13.7712 C19.1023,13.5812 19.0733,13.2392 18.8093,12.9892 C18.6573,12.8452 18.5053,12.8072 18.3983,12.8032 Z M14.6393138,10.8054304 L10.3087611,10.8260449 L10.3079587,11.8997558 L14.6333168,11.8764776 L14.6393138,10.8054304 Z M14.6468535,8.50749429 L10.3163008,8.52810878 L10.3154984,9.60181971 L14.6408565,9.57854146 L14.6468535,8.50749429 Z M10.9025869,4.45307693 L10.623915,5.48999435 L14.807915,6.58699435 L15.090915,5.55399435 L10.9025869,4.45307693 Z"/></svg>
|
package/icons/svg/investment.svg
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<g id="investment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
3
|
-
<path d="M21.974,7.1878 C21.887,6.6588 21.594,6.1948 21.149,5.8808 C20.703,5.5668 20.15,5.4408 19.617,5.5258 C19.074,5.6108 18.599,5.8968 18.276,6.3308 C17.746,7.0448 17.779,7.9838 18.278,8.6658 L16.113,11.4778 C15.276,11.1928 14.315,11.4528 13.772,12.1868 C13.762,12.2018 13.755,12.2188 13.744,12.2338 L10.752,11.1408 C10.682,10.6108 10.402,10.1078 9.924,9.7708 C9.003,9.1228 7.715,9.3248 7.052,10.2198 C6.596,10.8348 6.559,11.6148 6.872,12.2558 L4.787,14.6268 C4.021,14.3438 3.123,14.5208 2.538,15.1438 C2.168,15.5398 1.977,16.0518 2.002,16.5878 C2.027,17.1228 2.265,17.6158 2.67,17.9758 C3.052,18.3158 3.54,18.5008 4.054,18.5008 C4.086,18.5008 4.119,18.5008 4.15,18.4988 C4.699,18.4738 5.206,18.2428 5.575,17.8468 C5.946,17.4528 6.136,16.9398 6.111,16.4048 C6.098,16.1138 6.017,15.8378 5.885,15.5868 L7.952,13.2348 C8.2,13.3328 8.455,13.3978 8.715,13.3978 C9.353,13.3978 9.982,13.1108 10.385,12.5698 C10.39,12.5618 10.393,12.5528 10.399,12.5458 L13.406,13.6448 C13.483,14.1648 13.764,14.6538 14.233,14.9848 C14.597,15.2418 15.019,15.3648 15.436,15.3648 C16.074,15.3648 16.704,15.0768 17.105,14.5358 C17.587,13.8858 17.604,13.0508 17.231,12.3918 C17.248,12.3748 17.27,12.3678 17.285,12.3488 L19.52,9.4448 C19.659,9.4738 19.799,9.5078 19.94,9.5078 C20.578,9.5078 21.208,9.2208 21.609,8.6798 C21.932,8.2458 22.061,7.7158 21.974,7.1878 L15.436,13.2348" id="icon-color" fill="currentColor" fill-rule="nonzero"></path>
|
|
4
|
-
</g>
|
|
5
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.415,7.8378 C20.324,7.9608 20.188,8.0408 20.035,8.0648 C19.884,8.0888 19.728,8.0538 19.602,7.9648 C19.476,7.8758 19.392,7.7448 19.368,7.5948 C19.343,7.4448 19.38,7.2958 19.471,7.1718 C19.561,7.0488 19.697,6.9678 19.851,6.9438 C19.882,6.9398 19.913,6.9368 19.944,6.9368 C20.065,6.9368 20.184,6.9748 20.284,7.0448 C20.41,7.1338 20.494,7.2648 20.518,7.4148 C20.543,7.5648 20.507,7.7148 20.415,7.8378 M15.911,13.6938 C15.819,13.8168 15.685,13.8978 15.531,13.9208 C15.379,13.9458 15.225,13.9108 15.097,13.8218 C14.972,13.7328 14.888,13.6008 14.864,13.4518 C14.839,13.3008 14.875,13.1508 14.967,13.0288 C15.058,12.9058 15.193,12.8248 15.347,12.8008 C15.378,12.7958 15.409,12.7938 15.44,12.7938 C15.561,12.7938 15.68,12.8308 15.78,12.9008 C16.041,13.0848 16.099,13.4408 15.911,13.6938 M9.19,11.7278 C9.002,11.9808 8.636,12.0378 8.376,11.8548 C8.116,11.6708 8.058,11.3158 8.246,11.0618 C8.359,10.9088 8.538,10.8278 8.719,10.8278 C8.837,10.8278 8.957,10.8618 9.06,10.9348 C9.32,11.1188 9.378,11.4738 9.19,11.7278 M4.486,16.8788 C4.382,16.9908 4.238,17.0558 4.083,17.0628 C3.933,17.0638 3.779,17.0178 3.664,16.9158 C3.427,16.7048 3.41,16.3438 3.626,16.1128 C3.741,15.9908 3.899,15.9288 4.057,15.9288 C4.198,15.9288 4.338,15.9768 4.45,16.0768 C4.564,16.1778 4.631,16.3188 4.639,16.4698 C4.646,16.6218 4.592,16.7658 4.486,16.8788 M21.974,7.1878 C21.887,6.6588 21.594,6.1948 21.149,5.8808 C20.703,5.5668 20.15,5.4408 19.617,5.5258 C19.074,5.6108 18.599,5.8968 18.276,6.3308 C17.746,7.0448 17.779,7.9838 18.278,8.6658 L16.113,11.4778 C15.276,11.1928 14.315,11.4528 13.772,12.1868 C13.762,12.2018 13.755,12.2188 13.744,12.2338 L10.752,11.1408 C10.682,10.6108 10.402,10.1078 9.924,9.7708 L9.924,9.7708 C9.003,9.1228 7.715,9.3248 7.052,10.2198 C6.596,10.8348 6.559,11.6148 6.872,12.2558 L4.787,14.6268 C4.021,14.3438 3.123,14.5208 2.538,15.1438 C2.168,15.5398 1.977,16.0518 2.002,16.5878 C2.027,17.1228 2.265,17.6158 2.67,17.9758 C3.052,18.3158 3.54,18.5008 4.054,18.5008 C4.086,18.5008 4.119,18.5008 4.15,18.4988 C4.699,18.4738 5.206,18.2428 5.575,17.8468 C5.946,17.4528 6.136,16.9398 6.111,16.4048 C6.098,16.1138 6.017,15.8378 5.885,15.5868 L7.952,13.2348 C8.2,13.3328 8.455,13.3978 8.715,13.3978 C9.353,13.3978 9.982,13.1108 10.385,12.5698 C10.39,12.5618 10.393,12.5528 10.399,12.5458 L13.406,13.6448 C13.483,14.1648 13.764,14.6538 14.233,14.9848 C14.597,15.2418 15.019,15.3648 15.436,15.3648 C16.074,15.3648 16.704,15.0768 17.105,14.5358 C17.587,13.8858 17.604,13.0508 17.231,12.3918 C17.248,12.3748 17.27,12.3678 17.285,12.3488 L19.52,9.4448 C19.659,9.4738 19.799,9.5078 19.94,9.5078 C20.578,9.5078 21.208,9.2208 21.609,8.6798 C21.932,8.2458 22.061,7.7158 21.974,7.1878"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.9612951,3.24794022 C13.2936145,3.43071591 13.5671137,3.70421511 13.7498894,4.03653454 L21.3673469,17.8864574 C21.8996597,18.8542987 21.546594,20.0704139 20.5787526,20.6027267 C20.2834627,20.7651362 19.9519211,20.8502949 19.6149151,20.8502949 L4.38,20.8502949 C3.2754305,20.8502949 2.38,19.9548644 2.38,18.8502949 C2.38,18.5132889 2.4651587,18.1817473 2.62756818,17.8864574 L10.2450257,4.03653454 C10.7773385,3.06869317 11.9934537,2.71562747 12.9612951,3.24794022 Z M11.5593496,4.75941266 L3.94189205,18.6093355 C3.90128968,18.683158 3.88,18.7660434 3.88,18.8502949 C3.88,19.1264372 4.10385763,19.3502949 4.38,19.3502949 L19.6149151,19.3502949 C19.6991666,19.3502949 19.782052,19.3290052 19.8558745,19.2884028 C20.0978348,19.1553246 20.1861013,18.8512958 20.0530231,18.6093355 L12.4355655,4.75941266 C12.3898716,4.6763328 12.3214968,4.607958 12.2384169,4.56226408 C11.9964566,4.42918589 11.6924278,4.51745232 11.5593496,4.75941266 Z M11.9974576,16.2179453 C12.4116711,16.2179453 12.7474576,16.5537318 12.7474576,16.9679453 C12.7474576,17.3821589 12.4116711,17.7179453 11.9974576,17.7179453 C11.583244,17.7179453 11.2474576,17.3821589 11.2474576,16.9679453 C11.2474576,16.5537318 11.583244,16.2179453 11.9974576,16.2179453 Z M11.9958247,7.72554988 C12.4100383,7.72554988 12.7458247,8.06133632 12.7458247,8.47554988 L12.7458247,14.4755499 C12.7458247,14.8897634 12.4100383,15.2255499 11.9958247,15.2255499 C11.5816111,15.2255499 11.2458247,14.8897634 11.2458247,14.4755499 L11.2458247,8.47554988 C11.2458247,8.06133632 11.5816111,7.72554988 11.9958247,7.72554988 Z"/></svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirbydesign/designsystem",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.5.0",
|
|
4
4
|
"description": "The Kirby Design Angular Components.",
|
|
5
5
|
"author": "kirby@bankdata.dk",
|
|
6
6
|
"repository": {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@floating-ui/dom": "^1.1.0",
|
|
23
23
|
"@fontsource/roboto": "4.2.1",
|
|
24
|
-
"@kirbydesign/core": "0.0.
|
|
24
|
+
"@kirbydesign/core": "0.0.72",
|
|
25
25
|
"inputmask": "5.0.8",
|
|
26
26
|
"tslib": "^2.3.0"
|
|
27
27
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.component.d.ts","sourceRoot":"","sources":["../../progress-circle/src/progress-circle.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAEb,iBAAiB,EAEjB,UAAU,EAGV,SAAS,EACV,MAAM,eAAe,CAAC;;AAIvB,qBAOa,uBAAwB,YAAW,aAAa,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"progress-circle.component.d.ts","sourceRoot":"","sources":["../../progress-circle/src/progress-circle.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAEb,iBAAiB,EAEjB,UAAU,EAGV,SAAS,EACV,MAAM,eAAe,CAAC;;AAIvB,qBAOa,uBAAwB,YAAW,aAAa,EAAE,SAAS;IAuBpE,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,iBAAiB;IAvB3B,QAAQ,CAAC,WAAW;;;;;;;;;;;;;;;;MAIlB;IAEwB,QAAQ,CAAC,IAAI,iBAAiB;IAGxD,KAAK,EAAE,MAAM,CAAK;IACT,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChC,UAAU,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAa;IAElE,IACI,QAAQ,uBAEX;IAED,OAAO,CAAC,qBAAqB,CAAC,CAAU;IACxC,OAAO,CAAC,QAAQ,CAAuB;gBAG7B,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,EACnC,iBAAiB,EAAE,iBAAiB;IAG9C,eAAe,IAAI,IAAI;IASvB,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,SAAS;IAUjB,IAEI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,WAAW,WAGd;IAED,IAAI,OAAO,WAEV;IAED,IAAI,YAAY,WAEf;IAED,IAAI,WAAW,WAGd;yCAhFU,uBAAuB;2CAAvB,uBAAuB;CAiFnC"}
|
package/readme.md
CHANGED
|
@@ -68,7 +68,8 @@ export class AppModule {}
|
|
|
68
68
|
Set up environment providers for Kirby with the `provideKirby()` function:
|
|
69
69
|
|
|
70
70
|
```ts
|
|
71
|
-
import {
|
|
71
|
+
import { importProvidersFrom } from '@angular/core';
|
|
72
|
+
import { KirbyModule, provideKirby } from '@kirbydesign/designsystem';
|
|
72
73
|
|
|
73
74
|
...
|
|
74
75
|
|
|
@@ -76,6 +77,7 @@ await bootstrapApplication(RootComponent, {
|
|
|
76
77
|
providers: [
|
|
77
78
|
...,
|
|
78
79
|
provideKirby() // optionally takes config object, e.g. { focusManager: true, setHtmlDocTitle: true }
|
|
80
|
+
importProvidersFrom(KirbyModule),
|
|
79
81
|
]
|
|
80
82
|
});
|
|
81
83
|
```
|