@kirbydesign/designsystem 10.0.0 → 10.1.1

package/icons/svg/house.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18,1.6809581 C18.4142136,1.6809581 18.75,1.92516642 18.75,2.22641265 L18.7499177,4.6809581 L21.6802356,4.6809581 C22.0636787,4.6809581 22.3853709,4.97018387 22.4260111,5.35146727 L22.7457756,8.35146727 C22.793011,8.79462536 22.4456683,9.1809581 22,9.1809581 L21.7499177,9.1809581 L21.75,19 C21.75,19.3796958 21.4678461,19.693491 21.1017706,19.7431534 L21,19.75 L3,19.75 C2.58578644,19.75 2.25,19.4142136 2.25,19 L2.2499177,9.1809581 L2,9.1809581 C1.58861383,9.1809581 1.26100816,8.85177517 1.25019345,8.45257581 L1.25422443,8.35146727 L1.57398886,5.35146727 C1.61462915,4.97018387 1.93632126,4.6809581 2.31976443,4.6809581 L15.2499177,4.6809581 L15.25,2.22641265 C15.25,1.95255244 15.5275095,1.725831 15.8891705,1.68687223 L16,1.6809581 Z M20.2499177,9.1809581 L3.7499177,9.1809581 L3.75,18.2499581 L5.2499177,18.2499581 L5.25,11 C5.25,10.6203042 5.53215388,10.306509 5.89822944,10.2568466 L6,10.25 L10,10.25 C10.4142136,10.25 10.75,10.5857864 10.75,11 L10.7499177,18.2499581 L20.25,18.2499581 L20.2499177,9.1809581 Z M9.25,11.7499581 L6.75,11.7499581 L6.75,18.2499581 L9.25,18.2499581 L9.25,11.7499581 Z M18,10.25 C18.4142136,10.25 18.75,10.5857864 18.75,11 L18.75,16 C18.75,16.4142136 18.4142136,16.75 18,16.75 L13,16.75 C12.5857864,16.75 12.25,16.4142136 12.25,16 L12.25,11 C12.25,10.5857864 12.5857864,10.25 13,10.25 L18,10.25 Z M17.25,11.75 L13.75,11.75 L13.75,15.25 L17.25,15.25 L17.25,11.75 Z M21.005,6.18 L2.994,6.18 L2.834,7.68 L21.165,7.68 L21.005,6.18 Z M17.25,3.18 L16.75,3.18 L16.7499177,4.6809581 L17.2499177,4.6809581 L17.25,3.18 Z"/></svg>

package/icons/svg/tractor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13,3.25 C13.4142136,3.25 13.75,3.58578644 13.75,4 C13.75,4.37969577 13.4678461,4.69349096 13.1017706,4.74315338 L13,4.75 L12.885,4.75 L13.635,9.25 L16.25,9.25 L16.25,7.33333333 C16.25,6.1827401 17.1827401,5.25 18.3333333,5.25 C18.7475469,5.25 19.0833333,5.58578644 19.0833333,6 C19.0833333,6.37969577 18.8011795,6.69349096 18.4351039,6.74315338 L18.3333333,6.75 C18.0433838,6.75 17.8028434,6.96154546 17.7576348,7.23871364 L17.75,7.33333333 L17.75,9.25 L21,9.25 C21.3765225,9.25 21.6888337,9.52762942 21.7420147,9.89026233 L21.7499475,9.99112502 L21.7889737,13.2933309 L21.7891122,16.4114952 C22.377321,16.9158536 22.75,17.6644049 22.75,18.5 C22.75,20.0187831 21.5187831,21.25 20,21.25 C18.4812169,21.25 17.25,20.0187831 17.25,18.5 C17.25,18.2397927 17.2861395,17.9880263 17.353673,17.7494462 L11.5835794,17.7508477 C11.0345747,19.7673357 9.19043477,21.25 7,21.25 C4.37664744,21.25 2.25,19.1233526 2.25,16.5 C2.25,14.9022048 3.03890441,13.4886682 4.24844389,12.6276593 L4.25,10 L4.251,9.977 L4.25396914,9.92294189 L4.78103556,4.82019774 C4.87318511,3.92806057 5.6248906,3.25 6.52177424,3.25 L13,3.25 Z M7,15 C7.82842712,15 8.5,15.6715729 8.5,16.5 C8.5,17.3284271 7.82842712,18 7,18 C6.17157288,18 5.5,17.3284271 5.5,16.5 C5.5,15.6715729 6.17157288,15 7,15 Z M20.259,10.75 L5.75,10.75 L5.75014376,11.9161508 C6.14838678,11.8078193 6.56744118,11.75 7,11.75 C9.53963576,11.75 11.6137624,13.7430814 11.7435557,16.2504201 L18.4190615,16.2495769 C18.8662859,15.9348197 19.4115595,15.75 20,15.75 C20.0975021,15.75 20.1938191,15.7550742 20.2887012,15.7649731 L20.288,14.995 L18,14.9953755 C17.5857864,14.9953755 17.25,14.6595891 17.25,14.2453755 C17.25,13.8656798 17.5321539,13.5518846 17.8982294,13.5022221 L18,13.4953755 L20.289,13.495 L20.2890262,13.3022059 L20.285,12.995 L17,12.9953755 C16.5857864,12.9953755 16.25,12.6595891 16.25,12.2453755 C16.25,11.8656798 16.5321539,11.5518846 16.8982294,11.5022221 L17,11.4953755 L20.268,11.495 L20.259,10.75 Z M11.364,4.75 L6.52177424,4.75 C6.39364801,4.75 6.28626151,4.8468658 6.27309729,4.97431396 L5.831,9.25 L12.114,9.25 L11.364,4.75 Z M19.6195506,17.3089507 L19.597,17.316 L19.5613953,17.3291144 C19.5422291,17.3362971 19.5232863,17.343937 19.5045801,17.3520207 L19.554,17.331 L19.5025137,17.3529159 L19.473,17.366 L19.4495683,17.3774016 L19.406,17.4 L19.396,17.405 L19.393,17.407 L19.394,17.406 L19.3413545,17.4374022 L19.29,17.47 L19.286,17.473 L19.2417277,17.5061757 L19.2339935,17.5121335 L19.193,17.545 L19.168,17.567 L19.1402159,17.5926531 L19.099372,17.6331824 L19.055,17.681 L19.044,17.694 L18.9835687,17.7722595 C18.8365522,17.9772325 18.75,18.2285086 18.75,18.5 C18.75,19.1903559 19.3096441,19.75 20,19.75 C20.6903559,19.75 21.25,19.1903559 21.25,18.5 C21.25,18.1636476 21.1171521,17.8583235 20.9010643,17.6336359 L20.8775046,17.609786 L20.859,17.592 L20.806896,17.5452825 L20.764,17.511 L20.7132124,17.4733038 L20.663,17.44 L20.709,17.47 L20.6640388,17.4407714 C20.6473791,17.4303053 20.6304551,17.4202213 20.6132789,17.4105318 L20.6582376,17.437149 L20.607,17.407 L20.606,17.406 L20.608,17.407 L20.579,17.392 L20.5554129,17.3798624 L20.526,17.366 L20.4970931,17.3527453 L20.444,17.331 L20.439,17.329 L20.436,17.328 L20.3704563,17.3058078 L20.343,17.298 L20.3215626,17.2917495 L20.301,17.286 L20.299,17.286 L20.287,17.283 L20.278,17.281 L20.2161621,17.2686221 C20.189209,17.2639234 20.1619594,17.260088 20.1344426,17.2571455 L20,17.25 L19.8675963,17.2569292 L19.7391835,17.2772502 L19.697,17.287 L19.6787802,17.2916586 L19.6292244,17.3059068 L19.6195506,17.3089507 Z M4.825,14.084 L4.80583272,14.1024474 L4.76257307,14.1427844 L4.739,14.165 L4.72545248,14.1785909 L4.72,14.183 L4.726,14.178 L4.68781142,14.2160809 L4.659,14.245 L4.642,14.263 L4.527,14.391 L4.526,14.392 L4.4830643,14.443747 L4.475,14.453 L4.458,14.475 L4.419,14.525 L4.441,14.496 L4.41342069,14.5319465 L4.409,14.537 L4.39740495,14.5531419 L4.357,14.607 L4.345,14.623 L4.341,14.629 L4.22733671,14.8035779 C3.92455854,15.297389 3.75,15.8783094 3.75,16.5 C3.75,18.2949254 5.20507456,19.75 7,19.75 C8.29977359,19.75 9.42133763,18.9869942 9.94121897,17.8844557 L10.0005213,17.7509517 C10.0508957,17.6302639 10.094201,17.5058889 10.1299197,17.3783439 L10.129,17.377 L10.136,17.353 L10.136,17.352 L10.142,17.331 L10.142,17.33 L10.142,17.329 L10.148,17.309 L10.148,17.308 L10.149,17.305 L10.154,17.285 L10.158,17.268 L10.161,17.257 L10.161,17.256 L10.162,17.25 L10.169,17.22 L10.1770542,17.1879187 L10.183,17.157 L10.185,17.144 L10.196,17.09 L10.204,17.044 L10.2121914,16.9973016 L10.213,16.991 L10.221,16.932 L10.2260576,16.8964913 L10.222,16.921 L10.227,16.887 L10.229,16.866 L10.236,16.798 L10.237,16.785 L10.242,16.717 L10.2470011,16.6408893 C10.2489936,16.5941748 10.25,16.5472049 10.25,16.5 L10.2448552,16.3155761 C10.1492459,14.6064548 8.73303146,13.25 7,13.25 C6.4585275,13.25 5.94798275,13.3824175 5.49898201,13.6166361 L5.4111328,13.6641982 L5.374,13.686 L5.26725777,13.7499364 C5.22086499,13.7792287 5.17526494,13.8096625 5.13049706,13.8411984 L4.99872943,13.9390727 L4.97823867,13.9552402 L4.919,14.003 L4.945,13.981 L4.88075211,14.0359276 L4.853,14.059 L4.825,14.084 Z"/></svg>

package/item/item.component.d.ts

@@ -1,13 +1,10 @@
-import { AfterContentInit, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare enum ItemSize {
     XS = "xs",
     SM = "sm",
     MD = "md"
 }
-export declare class ItemComponent implements AfterContentInit {
-    private renderer;
-    constructor(renderer: Renderer2);
+export declare class ItemComponent {
     disabled: boolean;
     selected: boolean;
     disclosure: 'link' | 'arrow-more' | 'arrow-down' | 'arrow-up' | null;
@@ -15,13 +12,10 @@ export declare class ItemComponent implements AfterContentInit {
     reorderable: boolean;
     size: ItemSize | `${ItemSize}`;
     rotateIcon: boolean;
-    private label;
     private checkbox;
     private radio;
     onMouseDown(event: MouseEvent): void;
-    ngAfterContentInit(): void;
-    private moveLabel;
     get _isIonicButton(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "kirby-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rotateIcon": { "alias": "rotateIcon"; "required": false; }; }, {}, ["label", "checkbox", "radio"], ["[slot='outside']", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "kirby-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rotateIcon": { "alias": "rotateIcon"; "required": false; }; }, {}, ["checkbox", "radio"], ["[slot='outside']", "*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "10.0.0",
+  "version": "10.1.1",
   "description": "The Kirby Design Angular Components.",
   "author": "kirby@bankdata.dk",
   "repository": {
@@ -21,7 +21,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
     "@fontsource/roboto": "4.2.1",
-    "@kirbydesign/core": "0.0.63",
+    "@kirbydesign/core": "0.0.65",
     "inputmask": "5.0.8",
     "tslib": "^2.3.0"
   },

package/radio/radio.component.d.ts

@@ -1,7 +1,7 @@
-import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';
 import * as i0 from "@angular/core";
-export declare class RadioComponent implements AfterViewInit, OnInit {
+export declare class RadioComponent implements AfterViewInit, OnInit, AfterContentInit {
     private element;
     private ionicElementPartHelper;
     private ionRadioElement?;
@@ -10,12 +10,15 @@ export declare class RadioComponent implements AfterViewInit, OnInit {
     size: 'xs' | 'sm' | 'md';
     disabled: boolean;
     get _isDisabled(): string;
+    _labelText: string;
     get buttonTabIndex(): number;
     _justify: 'start' | 'end' | 'space-between';
     _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start';
+    _hasSlottedContent: boolean;
     constructor(element: ElementRef<HTMLElement>, ionicElementPartHelper: IonicElementPartHelper);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "kirby-radio", never, { "value": { "alias": "value"; "required": false; }; "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;

package/readme.md

@@ -161,6 +161,16 @@ Kirby comes bundled with a default set of icons. Make sure the `.svg` files used
 }
 ```
 
+It is possible to configure the path that the built-in icons are loaded from by providing the `BUILT_IN_ICONS_URL` injection token:
+
+```typescript
+// In app providers:
+{
+  provide: BUILT_IN_ICONS_URL,
+  useValue: 'https://example.org/1.0.1/kirby/icons/svg/'
+}
+```
+
 ### Migration Guides
 
 For details on migrating from earlier versions of Kirby see our [Migration Guides](./MIGRATION.md).

package/shared/controls/label-helpers.d.ts

@@ -0,0 +1,3 @@
+export declare function findItemLabel(element: HTMLElement): HTMLElement;
+export declare function setAccessibleLabel(element: HTMLElement): string;
+export declare function inheritAriaLabelText(element: HTMLElement): string;

package/shared/public_api.d.ts

@@ -5,3 +5,4 @@ export * from './component-configuration';
 export * from './component-loader.directive';
 export * from './dynamic-component';
 export * from './fit-heading/index';
+export * from './controls/label-helpers';

package/slide-button/slide-button.component.d.ts

@@ -15,10 +15,15 @@ export declare class SlideButtonComponent implements OnDestroy {
     private _value;
     private resetSliderIntervalTimer;
     private calculatePctInTens;
+    private _step;
+    private resetStep;
+    get step(): number;
+    set step(value: number);
     constructor(changeDetectionRef: ChangeDetectorRef);
     ngOnDestroy(): void;
     onSliderMouseup(): void;
     onSliderValueChange(val: string): void;
+    onKeyDownEvents(): void;
     onSliderMousedown(): void;
     private handleSlideDone;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideButtonComponent, never>;

package/toggle-button/toggle-button.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export declare class ToggleButtonComponent {
     checked: boolean;
     checkChanged: EventEmitter<boolean>;
-    onClick(): void;
+    onClick(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "kirby-toggle-button", never, { "checked": { "alias": "checked"; "required": false; }; }, { "checkChanged": "checkChanged"; }, never, ["button[kirby-button][unchecked]", "button[kirby-button][checked]"], false, never>;
 }