refactor(ɵcomponents): rename SciPropertyComponent to `SciKeyValueC…

…omponent`

BREAKING CHANGE: Renaming `SciPropertyComponent` introduced a breaking change.

To migrate:
- Import `SciKeyValueComponent` instead of `SciPropertyComponent`
- Change input from `properties` to `object`

apps/components/src/app/app.routes.ts

@@ -41,8 +41,8 @@ export const routes: Routes = [
     data: {internal: true},
   },
   {
-    path: 'sci-property',
-    loadComponent: () => import('./sci-property-page/sci-property-page.component'),
+    path: 'sci-key-value',
+    loadComponent: () => import('./sci-key-value-page/sci-key-value-page.component'),
     data: {internal: true},
   },
   {

apps/components/src/app/sci-key-value-page/sci-key-value-page.component.html

@@ -0,0 +1,7 @@
+<h1>sci-key-value (ɵ)</h1>
+
+<h2>Dictionary</h2>
+<sci-key-value [object]="dictionary"/>
+
+<h2>Map</h2>
+<sci-key-value [object]="map"/>

apps/components/src/app/sci-property-page/sci-property-page.component.ts → apps/components/src/app/sci-key-value-page/sci-key-value-page.component.ts

@@ -8,16 +8,16 @@
  *  SPDX-License-Identifier: EPL-2.0
  */
 import {Component} from '@angular/core';
-import {SciPropertyComponent} from '@scion/components.internal/property';
+import {SciKeyValueComponent} from '@scion/components.internal/key-value';
 
 @Component({
-  selector: 'sci-property-page',
-  templateUrl: './sci-property-page.component.html',
-  styleUrls: ['./sci-property-page.component.scss'],
+  selector: 'sci-key-value-page',
+  templateUrl: './sci-key-value-page.component.html',
+  styleUrls: ['./sci-key-value-page.component.scss'],
   standalone: true,
-  imports: [SciPropertyComponent],
+  imports: [SciKeyValueComponent],
 })
-export default class SciPropertyPageComponent {
+export default class SciKeyValuePageComponent {
 
   public dictionary = {
     firstname: 'Clarke',

projects/scion/components.internal/property/src/property.component.ts → projects/scion/components.internal/key-value/src/key-value.component.ts

@@ -13,27 +13,27 @@ import {KeyValue, KeyValuePipe, NgFor} from '@angular/common';
 import {Dictionaries, Dictionary} from '@scion/toolkit/util';
 
 /**
- * Show the properties of an object.
+ * Displays key-value pairs of an object.
  */
 @Component({
-  selector: 'sci-property',
-  templateUrl: './property.component.html',
-  styleUrls: ['./property.component.scss'],
+  selector: 'sci-key-value',
+  templateUrl: './key-value.component.html',
+  styleUrls: ['./key-value.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
     NgFor,
     KeyValuePipe,
   ],
 })
-export class SciPropertyComponent {
+export class SciKeyValueComponent {
 
   public flattenedProperties: Dictionary = {};
   private _keys: string[] = [];
 
   @Input()
-  public set properties(properties: Dictionary | Map<string, any>) {
-    this.flattenedProperties = this.flattenObject(properties || {});
+  public set object(object: Dictionary | Map<string, any>) {
+    this.flattenedProperties = this.flattenObject(object || {});
     this._keys = Object.keys(this.flattenedProperties);
   }
 

projects/scion/components.internal/property/src/public_api.ts → projects/scion/components.internal/key-value/src/public_api.ts

@@ -9,8 +9,8 @@
  */
 
 /*
- * Secondary entrypoint: '@scion/components.internal/property'
+ * Secondary entrypoint: '@scion/components.internal/key-value'
  *
  * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md
  */
-export {SciPropertyComponent} from './property.component';
+export {SciKeyValueComponent} from './key-value.component';

tsconfig.json

@@ -100,8 +100,8 @@
     //      "@scion/components.internal/params-enter": [
     //        "projects/scion/components.internal/params-enter/src/public_api"
     //      ],
-    //      "@scion/components.internal/property": [
-    //        "projects/scion/components.internal/property/src/public_api"
+    //      "@scion/components.internal/key-value": [
+    //        "projects/scion/components.internal/key-value/src/public_api"
     //      ],
     //      "@scion/components.internal/qualifier-chip-list": [
     //        "projects/scion/components.internal/qualifier-chip-list/src/public_api"