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"