diff --git a/apps/components/src/app/app.routes.ts b/apps/components/src/app/app.routes.ts
index 6049d734..d5a44691 100644
--- a/apps/components/src/app/app.routes.ts
+++ b/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},
},
{
diff --git a/apps/components/src/app/sci-key-value-page/sci-key-value-page.component.html b/apps/components/src/app/sci-key-value-page/sci-key-value-page.component.html
new file mode 100644
index 00000000..dcd9f05f
--- /dev/null
+++ b/apps/components/src/app/sci-key-value-page/sci-key-value-page.component.html
@@ -0,0 +1,7 @@
+
sci-key-value (ɵ)
+
+Dictionary
+
+
+Map
+
diff --git a/apps/components/src/app/sci-property-page/sci-property-page.component.scss b/apps/components/src/app/sci-key-value-page/sci-key-value-page.component.scss
similarity index 100%
rename from apps/components/src/app/sci-property-page/sci-property-page.component.scss
rename to apps/components/src/app/sci-key-value-page/sci-key-value-page.component.scss
diff --git a/apps/components/src/app/sci-property-page/sci-property-page.component.ts b/apps/components/src/app/sci-key-value-page/sci-key-value-page.component.ts
similarity index 76%
rename from apps/components/src/app/sci-property-page/sci-property-page.component.ts
rename to apps/components/src/app/sci-key-value-page/sci-key-value-page.component.ts
index bb54d0ab..4f5cb11e 100644
--- a/apps/components/src/app/sci-property-page/sci-property-page.component.ts
+++ b/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',
diff --git a/apps/components/src/app/sci-property-page/sci-property-page.component.html b/apps/components/src/app/sci-property-page/sci-property-page.component.html
deleted file mode 100644
index 65ffc7c3..00000000
--- a/apps/components/src/app/sci-property-page/sci-property-page.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-sci-property (ɵ)
-
-Dictionary
-
-
-Map
-
-
diff --git a/projects/scion/components.internal/property/ng-package.json b/projects/scion/components.internal/key-value/ng-package.json
similarity index 100%
rename from projects/scion/components.internal/property/ng-package.json
rename to projects/scion/components.internal/key-value/ng-package.json
diff --git a/projects/scion/components.internal/property/src/property.component.html b/projects/scion/components.internal/key-value/src/key-value.component.html
similarity index 100%
rename from projects/scion/components.internal/property/src/property.component.html
rename to projects/scion/components.internal/key-value/src/key-value.component.html
diff --git a/projects/scion/components.internal/property/src/property.component.scss b/projects/scion/components.internal/key-value/src/key-value.component.scss
similarity index 100%
rename from projects/scion/components.internal/property/src/property.component.scss
rename to projects/scion/components.internal/key-value/src/key-value.component.scss
diff --git a/projects/scion/components.internal/property/src/property.component.ts b/projects/scion/components.internal/key-value/src/key-value.component.ts
similarity index 82%
rename from projects/scion/components.internal/property/src/property.component.ts
rename to projects/scion/components.internal/key-value/src/key-value.component.ts
index d98d4967..e5445490 100644
--- a/projects/scion/components.internal/property/src/property.component.ts
+++ b/projects/scion/components.internal/key-value/src/key-value.component.ts
@@ -13,12 +13,12 @@ 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: [
@@ -26,14 +26,14 @@ import {Dictionaries, Dictionary} from '@scion/toolkit/util';
KeyValuePipe,
],
})
-export class SciPropertyComponent {
+export class SciKeyValueComponent {
public flattenedProperties: Dictionary = {};
private _keys: string[] = [];
@Input()
- public set properties(properties: Dictionary | Map) {
- this.flattenedProperties = this.flattenObject(properties || {});
+ public set object(object: Dictionary | Map) {
+ this.flattenedProperties = this.flattenObject(object || {});
this._keys = Object.keys(this.flattenedProperties);
}
diff --git a/projects/scion/components.internal/property/src/public_api.ts b/projects/scion/components.internal/key-value/src/public_api.ts
similarity index 75%
rename from projects/scion/components.internal/property/src/public_api.ts
rename to projects/scion/components.internal/key-value/src/public_api.ts
index b879f7c8..bc7ef8a1 100644
--- a/projects/scion/components.internal/property/src/public_api.ts
+++ b/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';
diff --git a/tsconfig.json b/tsconfig.json
index b5b488fd..173febf6 100644
--- a/tsconfig.json
+++ b/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"