From b0a2cce246c3df58a29a1c10848b56be5bb4428a Mon Sep 17 00:00:00 2001 From: agonzalez97 Date: Tue, 29 Mar 2022 12:41:04 +0200 Subject: [PATCH 1/3] Cleaning removed components from site --- .../v3-select-api.component.html | 54 ----- .../v3-select-api/v3-select-api.component.ts | 14 -- .../v3-select-example.component.html | 1 - .../v3-select-example.component.ts | 11 - .../v3-select-import.component.html | 9 - .../v3-select-import.component.ts | 25 --- .../v3-select-properties.component.html | 114 ----------- .../v3-select-properties.component.ts | 14 -- .../v3-textarea-api.component.html | 6 - .../v3-textarea-api.component.ts | 14 -- .../v3-textarea-example.component.html | 3 - .../v3-textarea-example.component.ts | 11 - .../v3-textarea-import.component.html | 8 - .../v3-textarea-import.component.ts | 22 -- .../v3-textarea-properties.component.html | 105 ---------- .../v3-textarea-properties.component.ts | 17 -- .../v3-select-preview.component.html | 193 ------------------ .../v3-select-preview.component.ts | 50 ----- .../v3-textarea-preview.component.html | 87 -------- .../v3-textarea-preview.component.ts | 14 -- .../model/preview-components-map.ts | 154 +++++++------- .../theme-builder/theme-builder.module.ts | 2 - .../theme-builder/themes/AdvancedTheme.json | 89 -------- .../theme-builder/themes/DefaultTheme.json | 3 - .../themes/schemas/Advanced.schema.json | 89 -------- .../themes/schemas/Default.schema.json | 3 - .../src/assets/examples/select.json | 40 ---- .../src/assets/examples/text-area.json | 47 ----- .../lib/theme/complexThemeBindingStrategy.ts | 8 - .../src/lib/theme/componentTokens.ts | 94 --------- .../src/lib/theme/test/AdvancedTheme.json | 35 ---- 31 files changed, 76 insertions(+), 1260 deletions(-) delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.html delete mode 100644 projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.ts delete mode 100644 projects/dxc-ngx-cdk-site/src/assets/examples/select.json delete mode 100644 projects/dxc-ngx-cdk-site/src/assets/examples/text-area.json diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.html deleted file mode 100644 index 12bd32ad5..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.html +++ /dev/null @@ -1,54 +0,0 @@ - - - - - - - -

- This component displays what is inside as an option of the Select. -

- - - - - Name - Default - Description - - - - value: any - - Value of the option. - - - - label: string - - Label displayed in the option. - - - - -

- This component displays what is inside as an icon. It can only be used as a child of select's options. -

- - - \ No newline at end of file diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.ts deleted file mode 100644 index 4b6cd5048..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-api/v3-select-api.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'select-api', - templateUrl: './v3-select-api.component.html' -}) -export class V3SelectApiComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.html deleted file mode 100644 index 1d87c6ef4..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.ts deleted file mode 100644 index 2811886ab..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-example/v3-select-example.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { Component } from "@angular/core"; -@Component({ - selector: "app-select-example", - templateUrl: "./v3-select-example.component.html", -}) -export class V3SelectExampleComponent { - - constructor() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.html deleted file mode 100644 index 32c5bfba2..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.html +++ /dev/null @@ -1,9 +0,0 @@ - - -

- To be able to use this component, you should import the module in the page you - want to use it from your Angular project. - You have the following example: -

- - \ No newline at end of file diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.ts deleted file mode 100644 index 6aa74ee40..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-import/v3-select-import.component.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'select-import', - templateUrl: './v3-select-import.component.html' -}) -export class V3SelectImportComponent implements OnInit { - - bindCode = ` - import { V3DxcSelectModule } from '@dxc-technology/halstack-angular'; - - @NgModule({ - imports: [ - V3DxcSelectModule, - ] - }) - export class AppComponent { } -`; - - constructor() { } - - ngOnInit() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.html deleted file mode 100644 index 5d73734f7..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.html +++ /dev/null @@ -1,114 +0,0 @@ - - - - Name - Default - Description - - - iconPosition: string ('before' | 'after') - - 'before' - - - In case options include an icon, whether the icon should appear after or - before the label. - - - - value: string | string[] - - - The key(s) of the selected value(s). If the select component doesn't allow - multiple selection, value must be a string. If the select component allows - multiple selection, value must be an array of strings. If undefined, the - component will be uncontrolled and the value will be managed internally by - the component. - - - - multiple: boolean - - false - - - If true, the select component will support multiple selection. In that - case, value must be an array of strings with the keys of the selected - values. - - - - label: string - - Text to be placed next to the select. - - - name: string - - Name attribute of the input element. - - - disabled: boolean - - false - - If true, the component will be disabled. - - - required: boolean - - false - - - If true, the component will change its appearence, showing that the value - is required. - - - - invalid: boolean - false - - If true, the input will change its appearence showing that the value is - invalid. - - - - assistiveText: string - - Assistive text to be placed bellow the input. - - - tabIndexValue: number - 0 - Value of the tabindex. - - - onChange: EventEmitter - - - This function will be called every time the selection changes. The string - with the key of the selected value will be passed as a parameter to this - function. If multiple selection is allowed, an array of keys will be - passed - - - - margin: any (string | object) - - - Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | - 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). You can pass an - object with 'top', 'bottom', 'left' and 'right' properties in order to - specify different margin sizes. - - - - size: any (string | object) - - 'medium' - - - Size of the component ('small' | 'medium' | 'large' | 'fillParent'). - - - diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.ts deleted file mode 100644 index 0db347910..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-select/v3-select-properties/v3-select-properties.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'select-properties', - templateUrl: './v3-select-properties.component.html' -}) -export class V3SelectPropertiesComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.html deleted file mode 100644 index 4c9f6b647..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.ts deleted file mode 100644 index 259b2ed37..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-api/v3-textarea-api.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'text-area-api', - templateUrl: './v3-textarea-api.component.html' -}) -export class V3TextareaApiComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.html deleted file mode 100644 index f445de1cd..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.html +++ /dev/null @@ -1,3 +0,0 @@ - diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.ts deleted file mode 100644 index 1d5b69521..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-example/v3-textarea-example.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { Component } from "@angular/core"; -@Component({ - selector: "text-area-example", - templateUrl: "./v3-textarea-example.component.html" -}) -export class V3TextareaExampleComponent { - - constructor() { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.html deleted file mode 100644 index 739258d13..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.html +++ /dev/null @@ -1,8 +0,0 @@ - - -

- To be able to use this component, you should import the module in the page you - want to use it from your Angular project. You have the following example: -

- - diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.ts deleted file mode 100644 index cf1e5ae66..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-import/v3-textarea-import.component.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { Component, OnInit } from "@angular/core"; - -@Component({ - selector: "text-area-import", - templateUrl: "./v3-textarea-import.component.html" -}) -export class V3TextareaImportComponent implements OnInit { - bindCode = ` - import { V3DxcTextareaModule } from '@dxc-technology/halstack-angular'; - - @NgModule({ - imports: [ - V3DxcTextareaModule, - ] - }) - export class AppComponent { } -`; - - constructor() {} - - ngOnInit() {} -} diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.html deleted file mode 100644 index 11742b13e..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.html +++ /dev/null @@ -1,105 +0,0 @@ - - - - Name - Default - Description - - - value: string - - - Value of the input element. If undefined, the component will be - uncontrolled and the value will be managed internally by the component. - - - - label: string - - Text to be placed next to the input. - - - assistiveText: string - - Assistive text to be placed bellow the input. - - - name: string - - Name attribute of the input element. - - - numRows: number - 4 - Number of rows of the textarea. - - - placeholder: string - - Text to be put as placeholder in the textarea. - - - disabled: boolean - false - If true, the component will be disabled. - - - required: boolean - false - - If true, the input will change its appearence showing that the value is - required. - - - - invalid: boolean - false - - If true, the input will change its appearence showing that the value is - invalid. - - - - onChange: EventEmitter - - - This function will be called when the user changes the value of the input. - The new value will be passed as a parameter. - - - - onBlur: EventEmitter - - - This function will be called when the the input loses the focus. The input - value will be passed as a parameter. - - - - margin: any (string | object) - - - Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | - 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). You can pass an - object with 'top', 'bottom', 'left' and 'right' properties in order to - specify different padding sizes. - - - - size: any (string | object) - 'medium' - - Size of the component ('small' | 'medium' | 'large' | 'fillParent'). - - - - tabIndexValue: number - 0 - Value of the tabindex. - - diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.ts b/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.ts deleted file mode 100644 index c6b6b3f74..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/v3-textarea/v3-textarea-properties/v3-textarea-properties.component.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { Component, OnInit, Input } from "@angular/core"; -import { DataPropertiesTable } from "../../../../model/data-properties-table"; - -@Component({ - selector: "text-area-properties", - templateUrl: "./v3-textarea-properties.component.html", -}) -export class V3TextareaPropertiesComponent implements OnInit { - @Input() - tablePropertiesExample: Array; - - constructor() { - this.tablePropertiesExample = new Array(); - } - - ngOnInit() {} -} diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.html deleted file mode 100644 index 79c8c619f..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.html +++ /dev/null @@ -1,193 +0,0 @@ -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.ts deleted file mode 100644 index 02615a3b2..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-select-preview/v3-select-preview.component.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { Component, OnInit } from "@angular/core"; - -@Component({ - selector: "app-select-preview", - templateUrl: "./v3-select-preview.component.html", -}) -export class V3SelectPreviewComponent implements OnInit { - optionsWithoutIcon = [ - { - value: "1", - label: "Facebook", - }, - { - value: "2", - label: "Twitter", - }, - { - value: "3", - label: "Linkedin", - }, - ]; - - optionsWithIconAndLabels = [ - { - value: 1, - iconSrc: "assets/img/home.svg", - label: "Home" - }, - { - value: 2, - iconSrc: "assets/img/home.svg", - label: "House" - }, - { - value: 3, - iconSrc: "assets/img/home.svg", - label: "Home" - } - ]; - - multipleSelected = [""]; - - constructor() {} - - ngOnInit(): void {} - - onChange(event) { - this.multipleSelected = event; - } -} diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.html deleted file mode 100644 index 67988c6c6..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.html +++ /dev/null @@ -1,87 +0,0 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - -
diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.ts deleted file mode 100644 index 776b08ab8..000000000 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/v3-textarea-preview/v3-textarea-preview.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-textarea-preview', - templateUrl: './v3-textarea-preview.component.html' -}) -export class V3TextareaPreviewComponent implements OnInit { - - constructor() { } - - ngOnInit(): void { - } - -} diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder-sidenav/model/preview-components-map.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder-sidenav/model/preview-components-map.ts index b8ba90fcb..7054ffeb6 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder-sidenav/model/preview-components-map.ts +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder-sidenav/model/preview-components-map.ts @@ -1,85 +1,83 @@ -import { AccordionPreviewComponent } from '../../previews/accordion-preview/accordion-preview.component'; -import { AlertPreviewComponent } from '../../previews/alert-preview/alert-preview.component'; -import { WizardPreviewComponent } from '../../previews/wizard-preview/wizard-preview.component'; -import { BoxPreviewComponent } from '../../previews/box-preview/box-preview.component'; -import { ButtonPreviewComponent } from '../../previews/button-preview/button-preview.component'; -import { CardPreviewComponent } from '../../previews/card-preview/card-preview.component'; -import { CheckboxPreviewComponent } from '../../previews/checkbox-preview/checkbox-preview.component'; -import { ChipPreviewComponent } from '../../previews/chip-preview/chip-preview.component'; -import { DatePreviewComponent } from '../../previews/date-preview/date-preview.component'; -import { DialogPreviewComponent } from '../../previews/dialog-preview/dialog-preview.component'; -import { DropdownPreviewComponent } from '../../previews/dropdown-preview/dropdown-preview.component'; -import { FooterPreviewComponent } from '../../previews/footer-preview/footer-preview.component'; -import { HeaderPreviewComponent } from '../../previews/header-preview/header-preview.component'; -import { HeadingPreviewComponent } from '../../previews/heading-preview/heading-preview.component'; -import { InputTextPreviewComponent } from '../../previews/input-text-preview/input-text-preview.component'; -import { LinkPreviewComponent } from '../../previews/link-preview/link-preview.component'; -import { PaginatorPreviewComponent } from '../../previews/paginator-preview/paginator-preview.component'; -import { ProgressBarPreviewComponent } from '../../previews/progress-bar-preview/progress-bar-preview.component'; -import { RadioPreviewComponent } from '../../previews/radio-preview/radio-preview.component'; -import { SidenavPreviewComponent } from '../../previews/sidenav-preview/sidenav-preview.component'; -import { SliderPreviewComponent } from '../../previews/slider-preview/slider-preview.component'; -import { SpinnerPreviewComponent } from '../../previews/spinner-preview/spinner-preview.component'; -import { SwitchPreviewComponent } from '../../previews/switch-preview/switch-preview.component'; -import { TagPreviewComponent } from '../../previews/tag-preview/tag-preview.component'; -import { TabsPreviewComponent } from '../../previews/tabs-preview/tabs-preview.component'; -import { V3TextareaPreviewComponent } from '../../previews/v3-textarea-preview/v3-textarea-preview.component'; -import { ToggleGroupPreviewComponent } from '../../previews/toggle-group-preview/toggle-group-preview.component'; -import { UploadPreviewComponent } from '../../previews/upload-preview/upload-preview.component'; -import { TablePreviewComponent } from '../../previews/table-preview/table-preview.component'; -import { DateInputPreviewComponent } from '../../previews/date-input-preview/date-input-preview.component'; -import { TextareaPreviewComponent } from '../../previews/textarea-preview/textarea-preview.component'; -import { FileInputPreviewComponent } from '../../previews/file-input-preview/file-input-preview.component'; -import { SelectPreviewComponent } from '../../previews/select-preview/select-preview.component'; -import { V3SelectPreviewComponent } from '../../previews/v3-select-preview/v3-select-preview.component'; -import { TextInputPreviewComponent } from '../../previews/text-input-preview/text-input-preview.component'; -export interface PreviewThemeBuilderComponent{ +import { AccordionPreviewComponent } from "../../previews/accordion-preview/accordion-preview.component"; +import { AlertPreviewComponent } from "../../previews/alert-preview/alert-preview.component"; +import { WizardPreviewComponent } from "../../previews/wizard-preview/wizard-preview.component"; +import { BoxPreviewComponent } from "../../previews/box-preview/box-preview.component"; +import { ButtonPreviewComponent } from "../../previews/button-preview/button-preview.component"; +import { CardPreviewComponent } from "../../previews/card-preview/card-preview.component"; +import { CheckboxPreviewComponent } from "../../previews/checkbox-preview/checkbox-preview.component"; +import { ChipPreviewComponent } from "../../previews/chip-preview/chip-preview.component"; +import { DatePreviewComponent } from "../../previews/date-preview/date-preview.component"; +import { DialogPreviewComponent } from "../../previews/dialog-preview/dialog-preview.component"; +import { DropdownPreviewComponent } from "../../previews/dropdown-preview/dropdown-preview.component"; +import { FooterPreviewComponent } from "../../previews/footer-preview/footer-preview.component"; +import { HeaderPreviewComponent } from "../../previews/header-preview/header-preview.component"; +import { HeadingPreviewComponent } from "../../previews/heading-preview/heading-preview.component"; +import { InputTextPreviewComponent } from "../../previews/input-text-preview/input-text-preview.component"; +import { LinkPreviewComponent } from "../../previews/link-preview/link-preview.component"; +import { PaginatorPreviewComponent } from "../../previews/paginator-preview/paginator-preview.component"; +import { ProgressBarPreviewComponent } from "../../previews/progress-bar-preview/progress-bar-preview.component"; +import { RadioPreviewComponent } from "../../previews/radio-preview/radio-preview.component"; +import { SidenavPreviewComponent } from "../../previews/sidenav-preview/sidenav-preview.component"; +import { SliderPreviewComponent } from "../../previews/slider-preview/slider-preview.component"; +import { SpinnerPreviewComponent } from "../../previews/spinner-preview/spinner-preview.component"; +import { SwitchPreviewComponent } from "../../previews/switch-preview/switch-preview.component"; +import { TagPreviewComponent } from "../../previews/tag-preview/tag-preview.component"; +import { TabsPreviewComponent } from "../../previews/tabs-preview/tabs-preview.component"; +import { ToggleGroupPreviewComponent } from "../../previews/toggle-group-preview/toggle-group-preview.component"; +import { UploadPreviewComponent } from "../../previews/upload-preview/upload-preview.component"; +import { TablePreviewComponent } from "../../previews/table-preview/table-preview.component"; +import { DateInputPreviewComponent } from "../../previews/date-input-preview/date-input-preview.component"; +import { TextareaPreviewComponent } from "../../previews/textarea-preview/textarea-preview.component"; +import { FileInputPreviewComponent } from "../../previews/file-input-preview/file-input-preview.component"; +import { SelectPreviewComponent } from "../../previews/select-preview/select-preview.component"; +import { TextInputPreviewComponent } from "../../previews/text-input-preview/text-input-preview.component"; +export interface PreviewThemeBuilderComponent { name: string; component: any; } -const tBuilderComponentsPreviewList:Array = [ - {name: 'accordion', component: AccordionPreviewComponent}, - {name: 'alert', component: AlertPreviewComponent}, - {name: 'box', component: BoxPreviewComponent}, - {name: 'button', component: ButtonPreviewComponent}, - {name: 'card', component: CardPreviewComponent}, - {name: 'checkbox', component: CheckboxPreviewComponent}, - {name: 'chip', component: ChipPreviewComponent}, - {name: 'date', component: DatePreviewComponent}, - {name: 'dateInput', component: DateInputPreviewComponent}, - {name: 'dialog', component: DialogPreviewComponent}, - {name: 'dropdown', component: DropdownPreviewComponent}, - {name: 'fileInput', component: FileInputPreviewComponent}, - {name: 'footer', component: FooterPreviewComponent}, - {name: 'header', component: HeaderPreviewComponent}, - {name: 'heading', component: HeadingPreviewComponent}, - {name: 'inputText', component: InputTextPreviewComponent}, - {name: 'textInput', component: TextInputPreviewComponent}, - {name: 'link', component: LinkPreviewComponent}, - {name: 'textarea', component: TextareaPreviewComponent}, - {name: 'paginator', component: PaginatorPreviewComponent}, - {name: 'progressBar', component: ProgressBarPreviewComponent}, - {name: 'radio', component: RadioPreviewComponent}, - {name: 'v3Select', component: V3SelectPreviewComponent}, - {name: 'select', component: SelectPreviewComponent}, - {name: 'sidenav', component: SidenavPreviewComponent}, - {name: 'slider', component: SliderPreviewComponent}, - {name: 'spinner', component: SpinnerPreviewComponent}, - {name: 'switch', component: SwitchPreviewComponent}, - {name: 'tag', component: TagPreviewComponent}, - {name: 'table', component: TablePreviewComponent}, - {name: 'tabs', component: TabsPreviewComponent}, - {name: 'v3Textarea', component: V3TextareaPreviewComponent}, - {name: 'toggleGroup', component: ToggleGroupPreviewComponent}, - {name: 'upload', component: UploadPreviewComponent}, - {name: 'wizard', component: WizardPreviewComponent} +const tBuilderComponentsPreviewList: Array = [ + { name: "accordion", component: AccordionPreviewComponent }, + { name: "alert", component: AlertPreviewComponent }, + { name: "box", component: BoxPreviewComponent }, + { name: "button", component: ButtonPreviewComponent }, + { name: "card", component: CardPreviewComponent }, + { name: "checkbox", component: CheckboxPreviewComponent }, + { name: "chip", component: ChipPreviewComponent }, + { name: "date", component: DatePreviewComponent }, + { name: "dateInput", component: DateInputPreviewComponent }, + { name: "dialog", component: DialogPreviewComponent }, + { name: "dropdown", component: DropdownPreviewComponent }, + { name: "fileInput", component: FileInputPreviewComponent }, + { name: "footer", component: FooterPreviewComponent }, + { name: "header", component: HeaderPreviewComponent }, + { name: "heading", component: HeadingPreviewComponent }, + { name: "inputText", component: InputTextPreviewComponent }, + { name: "textInput", component: TextInputPreviewComponent }, + { name: "link", component: LinkPreviewComponent }, + { name: "textarea", component: TextareaPreviewComponent }, + { name: "paginator", component: PaginatorPreviewComponent }, + { name: "progressBar", component: ProgressBarPreviewComponent }, + { name: "radio", component: RadioPreviewComponent }, + { name: "select", component: SelectPreviewComponent }, + { name: "sidenav", component: SidenavPreviewComponent }, + { name: "slider", component: SliderPreviewComponent }, + { name: "spinner", component: SpinnerPreviewComponent }, + { name: "switch", component: SwitchPreviewComponent }, + { name: "tag", component: TagPreviewComponent }, + { name: "table", component: TablePreviewComponent }, + { name: "tabs", component: TabsPreviewComponent }, + { name: "toggleGroup", component: ToggleGroupPreviewComponent }, + { name: "upload", component: UploadPreviewComponent }, + { name: "wizard", component: WizardPreviewComponent }, ]; +const getBuilderPreviewComponentByName = ( + name: string +): PreviewThemeBuilderComponent => { + return tBuilderComponentsPreviewList.find( + (currentComponent) => currentComponent.name === name + ); +}; -const getBuilderPreviewComponentByName = (name: string): PreviewThemeBuilderComponent => { - return tBuilderComponentsPreviewList.find((currentComponent) => currentComponent.name === name); -} - - -export default getBuilderPreviewComponentByName; +export default getBuilderPreviewComponentByName; diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder.module.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder.module.ts index 6422420f4..d0d29f840 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder.module.ts +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/theme-builder.module.ts @@ -70,7 +70,6 @@ import { SpinnerPreviewComponent } from "./previews/spinner-preview/spinner-prev import { SwitchPreviewComponent } from "./previews/switch-preview/switch-preview.component"; import { TagPreviewComponent } from "./previews/tag-preview/tag-preview.component"; import { TabsPreviewComponent } from "./previews/tabs-preview/tabs-preview.component"; -import { V3TextareaPreviewComponent } from "./previews/v3-textarea-preview/v3-textarea-preview.component"; import { ToggleGroupPreviewComponent } from "./previews/toggle-group-preview/toggle-group-preview.component"; import { UploadPreviewComponent } from "./previews/upload-preview/upload-preview.component"; import { TablePreviewComponent } from "./previews/table-preview/table-preview.component"; @@ -108,7 +107,6 @@ import { TextInputPreviewComponent } from "./previews/text-input-preview/text-in SwitchPreviewComponent, TagPreviewComponent, TabsPreviewComponent, - V3TextareaPreviewComponent, ToggleGroupPreviewComponent, UploadPreviewComponent, TablePreviewComponent, diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json index 3170205e9..b09ff869e 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json @@ -775,60 +775,6 @@ "fontStyle": "normal", "fontWeight": "400" }, - "v3Select": { - "optionCheckboxSpacing": "12px", - "disabledColor": "#b1b1b1", - "disabledColorOnDark": "#575757", - "errorColor": "#D0011B", - "errorColorOnDark": "#FE344F", - "focusColor": "#0095ff", - "focusColorOnDark": "#1682FF", - "fontFamily": "Open Sans, sans-serif", - "hoverOptionBackgroundColor": "#f2f2f2", - "hoverOptionBackgroundColorOnDark": "#f2f2f2", - "optionIconColor": "#000000", - "optionIconSpacing": "12px", - "optionIconSize": "20px", - "labelFontSize": "1rem", - "labelFontStyle": "normal", - "labelFontWeight": "400", - "assistiveTextFontColor": "#000000", - "assistiveTextFontColorOnDark": "#ffffff", - "assistiveTextFontSize": "0.75rem", - "assistiveTextFontStyle": "normal", - "assistiveTextFontWeight": "400", - "optionPaddingBottom": "6px", - "optionPaddingTop": "6px", - "optionPaddingLeft": "16px", - "optionPaddingRight": "16px", - "optionBackgroundColor": "#FFFFFF", - "optionBorderColor": "none", - "optionBorderThickness": "0px", - "optionBorderStyle": "solid", - "optionFontColor": "#000000", - "optionFontSize": "16px", - "optionFontStyle": "normal", - "optionFontWeight": "400", - "scrollBarThumbColor": "#666666", - "scrollBarTrackColor": "#D9D9D9", - "selectedOptionBackgroundColor": "#D9D9D9", - "selectedOptionBackgroundColorOnDark": "#D9D9D9", - "labelFontColor": "#000000", - "labelFontColorOnDark": "#ffffff", - "required": "#d0011b", - "underlineColor": "#000000", - "underlineColorOnDark": "#ffffff", - "underlineFocusColor": "#000000", - "underlineFocusColorOnDark": "#ffffff", - "underlineThickness": "1px", - "valueFontColor": "#000000", - "valueFontColorOnDark": "#ffffff", - "valueFontSize": "1rem", - "valueFontStyle": "normal", - "valueFontWeight": "400", - "arrowColor": "#000000", - "arrowColorOnDark": "#ffffff" - }, "select": { "fontFamily": "Open Sans, sans-serif", "enabledInputBorderColor": "#000000", @@ -1187,41 +1133,6 @@ "badgeHeightWithNotificationNumber": "17px", "badgeRadiusWithNotificationNumber": "10px" }, - "v3Textarea": { - "fontFamily": "Open Sans, sans-serif", - "errorColor": "#D0011B", - "errorColorOnDark": "#FE344F", - "assistiveTextFontSize": "0.75rem", - "assistiveTextFontStyle": "normal", - "assistiveTextFontWeight": "400", - "assistiveTextFontColor": "#000000", - "assistiveTextFontColorOnDark": "#ffffff", - "assistiveTextLetterSpacing": "0em", - "valueFontSize": "1rem", - "valueFontStyle": "normal", - "valueFontWeight": "400", - "valueFontColor": "#000000", - "valueFontColorOnDark": "#ffffff", - "valueLetterSpacing": "0", - "valueLineHeight": "1.1875em", - "labelFontSize": "1rem", - "labelFontStyle": "normal", - "labelFontWeight": "400", - "labelFontColor": "#000000", - "labelFontColorOnDark": "#ffffff", - "labelLetterSpacing": "0em", - "scrollBarThumbColor": "#666666", - "scrollBarThumbColorOnDark": "#ffffff", - "scrollBarTrackColor": "#D9D9D9", - "scrollBarTrackColorOnDark": "#999999", - "disabledColor": "#b1b1b1", - "disabledColorOnDark": "#575757", - "underlineColor": "#000000", - "underlineColorOnDark": "#ffffff", - "underlineFocusColor": "#000000", - "underlineFocusColorOnDark": "#ffffff", - "underlineThickness": "1px" - }, "toggleGroup": { "containerBackgroundColor": "#fafafa", "containerBorderColor": "#999999", diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/DefaultTheme.json b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/DefaultTheme.json index 2061c10ee..faeaeab62 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/DefaultTheme.json +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/DefaultTheme.json @@ -57,9 +57,6 @@ "radio": { "baseColor": "#000000" }, - "v3Select": { - "baseColor": "#D9D9D9" - }, "select": { "baseColor": "#e6f4ff" }, diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Advanced.schema.json b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Advanced.schema.json index 0c0bcf674..1f360f951 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Advanced.schema.json +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Advanced.schema.json @@ -776,60 +776,6 @@ "disabledFontColorOnDark": "color", "focusColorOnDark": "color" }, - "v3Select": { - "errorColor": "color", - "errorColorOnDark": "color", - "disabledColor": "color", - "disabledColorOnDark": "color", - "focusColor": "color", - "focusColorOnDark": "color", - "fontFamily": "fFamily", - "labelFontSize": "length", - "labelFontStyle": "fStyle", - "labelFontWeight": "fWeight", - "assistiveTextFontColor": "color", - "assistiveTextFontColorOnDark": "color", - "assistiveTextFontSize": "length", - "assistiveTextFontStyle": "fStyle", - "assistiveTextFontWeight": "fWeight", - "optionBorderColor": "color", - "optionBorderThickness": "bWidth", - "optionBorderStyle": "bStyle", - "optionFontColor": "color", - "optionFontSize": "length", - "optionFontStyle": "fStyle", - "optionFontWeight": "fWeight", - "optionBackgroundColor": "color", - "scrollBarThumbColor": "color", - "scrollBarTrackColor": "color", - "optionIconColor": "color", - "optionIconSpacing": "length", - "optionIconSize": "length", - "selectedOptionBackgroundColor": "color", - "selectedOptionBackgroundColorOnDark": "color", - "hoverOptionBackgroundColor": "color", - "hoverOptionBackgroundColorOnDark": "color", - "optionCheckboxSpacing": "length", - "optionPaddingBottom": "length", - "optionPaddingTop": "length", - "optionPaddingLeft": "length", - "optionPaddingRight": "length", - "labelFontColor": "color", - "labelFontColorOnDark": "color", - "required": "color", - "underlineColor": "color", - "underlineColorOnDark": "color", - "underlineFocusColor": "color", - "underlineFocusColorOnDark": "color", - "underlineThickness": "1px", - "valueFontColor": "color", - "valueFontColorOnDark": "color", - "valueFontSize": "length", - "valueFontStyle": "fStyle", - "valueFontWeight": "fWeight", - "arrowColor": "color", - "arrowColorOnDark": "color" - }, "select": { "fontFamily": "fFamily", "enabledInputBorderColor": "color", @@ -1173,41 +1119,6 @@ "badgeHeightWithNotificationNumber": "length", "badgeRadiusWithNotificationNumber": "length" }, - "v3Textarea": { - "errorColor": "color", - "errorColorOnDark": "color", - "assistiveTextFontSize": "length", - "assistiveTextFontStyle": "fStyle", - "assistiveTextFontWeight": "fWeight", - "assistiveTextFontColor": "color", - "assistiveTextFontColorOnDark": "color", - "assistiveTextLetterSpacing": "length", - "labelFontSize": "length", - "labelFontStyle": "fStyle", - "labelFontWeight": "fWeight", - "labelFontColor": "color", - "labelFontColorOnDark": "color", - "labelLetterSpacing": "length", - "scrollBarThumbColor": "color", - "scrollBarThumbColorOnDark": "color", - "scrollBarTrackColor": "color", - "scrollBarTrackColorOnDark": "color", - "fontFamily": "fFamily", - "valueFontSize": "length", - "valueFontStyle": "fStyle", - "valueFontWeight": "fWeight", - "valueFontColor": "color", - "valueFontColorOnDark": "color", - "valueLetterSpacing": "length", - "valueLineHeight": "length", - "disabledColor": "color", - "disabledColorOnDark": "color", - "underlineColor": "color", - "underlineColorOnDark": "color", - "underlineFocusColor": "color", - "underlineFocusColorOnDark": "color", - "underlineThickness": "length" - }, "toggleGroup": { "containerBackgroundColor": "color", "containerBorderColor": "color", diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Default.schema.json b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Default.schema.json index 355e3532f..f8a83ecc0 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Default.schema.json +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/schemas/Default.schema.json @@ -60,9 +60,6 @@ "radio": { "baseColor": "color" }, - "v3Select": { - "baseColor": "color" - }, "select": { "baseColor": "color" }, diff --git a/projects/dxc-ngx-cdk-site/src/assets/examples/select.json b/projects/dxc-ngx-cdk-site/src/assets/examples/select.json deleted file mode 100644 index df62a9e94..000000000 --- a/projects/dxc-ngx-cdk-site/src/assets/examples/select.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "data": [ - { - "title": "Multiple Select", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-select/v3-multiple-select/v3-multiple-select.component.html&initialpath=v3MultipleSelect", - "title": "multiple-select" - }, - "visibility": true - }, - { - "title": "Uncontrolled Select", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-select/v3-uncontrolled-select/v3-uncontrolled-select.component.html&initialpath=v3UncontrolledSelect", - "title": "uncontrolled-select" - } - }, - { - "title": "Controlled Select", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-select/v3-controlled-select/v3-controlled-select.component.html&initialpath=v3ControlledSelect", - "title": "controlled-select" - } - }, - { - "title": "Sized Select", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-select/v3-sized-select/v3-sized-select.component.html&initialpath=v3SizedSelect", - "title": "select-sized" - } - }, - { - "title": "Select With Icons", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-select/v3-with-icons-select/v3-with-icons-select.component.html&initialpath=v3WithIconsSelect", - "title": "select-with-icons" - } - } - ] -} diff --git a/projects/dxc-ngx-cdk-site/src/assets/examples/text-area.json b/projects/dxc-ngx-cdk-site/src/assets/examples/text-area.json deleted file mode 100644 index 690e4a110..000000000 --- a/projects/dxc-ngx-cdk-site/src/assets/examples/text-area.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "data": [ - { - "title": "Controlled Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-controlled-textarea/v3-controlled-textarea.component.html&initialpath=v3ControlledTextarea", - "title": "controlled-text-area" - }, - "visibility": true - }, - { - "title": "Disabled Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-disabled-textarea/v3-disabled-textarea.component.html&initialpath=v3DisabledTextarea", - "title": "disabled-text-area" - } - }, - { - "title": "Invalid Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-invalid-textarea/v3-invalid-textarea.component.html&initialpath=v3InvalidTextarea", - "title": "invalid-text-area" - } - }, - { - "title": "Required Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-required-textarea/v3-required-textarea.component.html&initialpath=v3RequiredTextarea", - "title": "required-text-area" - } - }, - { - "title": "Uncontrolled Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-uncontrolled-textarea/v3-uncontrolled-textarea.component.html&initialpath=v3UncontrolledTextarea", - "title": "uncontrolled-text-area" - } - }, - { - "title": "Fill Parent Textarea", - "iframe": { - "src": "https://stackblitz.com/edit/halstack-angular-examples-next?file=src/app/views/v3-textarea/v3-fill-parent-textarea/v3-fill-parent-textarea.component.html&initialpath=v3FillParentTextarea", - "title": "fill-parent-text-area" - } - } - ] -} diff --git a/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts b/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts index f4f096a83..ee3213eaa 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts +++ b/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts @@ -236,14 +236,6 @@ export class ComplexThemeBindingStrategy implements MappingStrategy { this.setOpacity(theme?.radio?.baseColor, 0.34) ?? tokens["--radio-disabledColor"]; - //V3 SELECT - proccessedTokens["--v3Select-selectedOptionBackgroundColor"] = - theme?.v3Select?.baseColor ?? - tokens["--v3Select-selectedOptionBackgroundColor"]; - proccessedTokens["--v3Select-hoverOptionBackgroundColor"] = - this.setOpacity(theme?.v3Select?.baseColor, 0.34) ?? - tokens["--v3Select-hoverOptionBackgroundColor"]; - //SELECT proccessedTokens["--select-selectedListItemBackgroundColor"] = theme?.select?.baseColor ?? diff --git a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts index 9df1b516c..9d0a7a196 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts +++ b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts @@ -1000,63 +1000,6 @@ export const componentTokens = { // "--radioGroup-radioInputHeight": "18px", // "--radioGroup-focusOutlineHeight": "24px", - - //V3 SELECT - "--v3Select-fontFamily": "Open Sans, sans-serif", - "--v3Select-labelFontSize": globalTokens.type_scale_03, - "--v3Select-labelFontStyle": "normal", - "--v3Select-labelFontWeight": globalTokens.type_regular, - "--v3Select-labelFontColor": globalTokens.hal_black, - "--v3Select-labelFontColorOnDark": globalTokens.hal_white, - "--v3Select-assistiveTextFontColor": globalTokens.hal_black, - "--v3Select-assistiveTextFontColorOnDark": globalTokens.hal_white, - "--v3Select-assistiveTextFontSize": globalTokens.type_scale_01, - "--v3Select-assistiveTextFontStyle": globalTokens.type_normal, - "--v3Select-assistiveTextFontWeight": globalTokens.type_regular, - "--v3Select-optionBackgroundColor": globalTokens.hal_white, - "--v3Select-optionBorderColor": globalTokens.type_no_line, - "--v3Select-optionBorderThickness": "0px", - "--v3Select-optionBorderStyle": globalTokens.border_solid, - "--v3Select-optionFontColor": globalTokens.hal_black, - "--v3Select-optionFontColorOnDark": globalTokens.hal_white, - "--v3Select-optionFontSize": globalTokens.type_scale_root, - "--v3Select-optionFontStyle": globalTokens.type_normal, - "--v3Select-optionFontWeight": globalTokens.type_regular, - "--v3Select-optionIconSpacing": "12px", - "--v3Select-optionIconColor": globalTokens.hal_black, - "--v3Select-optionIconColorOnDark": globalTokens.hal_white, //añadir - "--v3Select-optionIconSize": "20px", - "--v3Select-selectedOptionBackgroundColor": globalTokens.lightGrey, - "--v3Select-selectedOptionBackgroundColorOnDark": globalTokens.lightGrey, - "--v3Select-hoverOptionBackgroundColor": globalTokens.hal_grey_l_95, - "--v3Select-hoverOptionBackgroundColorOnDark": globalTokens.hal_grey_l_95, - "--v3Select-optionPaddingBottom": "6px", - "--v3Select-optionPaddingTop": "6px", - "--v3Select-optionPaddingLeft": "16px", - "--v3Select-optionPaddingRight": "16px", - "--v3Select-optionCheckboxSpacing": "12px", - "--v3Select-errorColor": globalTokens.hal_red_s_41, - "--v3Select-errorColorOnDark": globalTokens.hal_red_l_60, - "--v3Select-required": globalTokens.hal_red_s_41, - "--v3Select-focusColor": globalTokens.hal_blue_l_50, - "--v3Select-focusColorOnDark": "#1682FF", - "--v3Select-disabledColor": globalTokens.lighterBlack, - "--v3Select-disabledColorOnDark": "#575757", - "--v3Select-scrollBarThumbColor": globalTokens.hal_grey_s_40, - "--v3Select-scrollBarTrackColor": globalTokens.lightGrey, - "--v3Select-underlineColor": globalTokens.hal_black, - "--v3Select-underlineColorOnDark": globalTokens.hal_white, - "--v3Select-underlineFocusColor": globalTokens.hal_black, - "--v3Select-underlineFocusColorOnDark": globalTokens.hal_white, - "--v3Select-underlineThickness": "1px", - "--v3Select-valueFontColor": globalTokens.hal_black, - "--v3Select-valueFontColorOnDark": globalTokens.hal_white, - "--v3Select-valueFontSize": globalTokens.type_scale_03, - "--v3Select-valueFontStyle": globalTokens.type_normal, - "--v3Select-valueFontWeight": globalTokens.type_regular, - "--v3Select-arrowColor": globalTokens.hal_black, - "--v3Select-arrowColorOnDark": globalTokens.hal_white, - //SELECT "--select-fontFamily": globalTokens.type_sans, @@ -1436,43 +1379,6 @@ export const componentTokens = { "--tag-labelPaddingRight": "1rem", "--tag-disabledFontColor": globalTokens.hal_grey_l_60, - //V3 TEXTAREA - "--v3Textarea-fontFamily": globalTokens.type_sans, - "--v3Textarea-errorColor": globalTokens.hal_red_s_41, - "--v3Textarea-errorColorOnDark": globalTokens.hal_red_l_60, - "--v3Textarea-assistiveTextFontFamily": globalTokens.type_sans, - "--v3Textarea-assistiveTextFontSize": globalTokens.type_scale_01, - "--v3Textarea-assistiveTextFontStyle": globalTokens.type_normal, - "--v3Textarea-assistiveTextFontWeight": globalTokens.type_regular, - "--v3Textarea-assistiveTextFontColor": globalTokens.hal_black, - "--v3Textarea-assistiveTextFontColorOnDark": globalTokens.hal_white, - "--v3Textarea-assistiveTextLetterSpacing": globalTokens.type_spacing_normal, - "--v3Textarea-labelFontFamily": globalTokens.type_sans, - "--v3Textarea-labelFontSize": globalTokens.type_scale_03, - "--v3Textarea-labelFontStyle": globalTokens.type_normal, - "--v3Textarea-labelFontWeight": globalTokens.type_regular, - "--v3Textarea-labelFontColor": globalTokens.hal_black, - "--v3Textarea-labelFontColorOnDark": globalTokens.hal_white, - "--v3Textarea-labelLetterSpacing": globalTokens.type_spacing_normal, - "--v3Textarea-scrollBarThumbColor": globalTokens.hal_grey_s_40, - "--v3Textarea-scrollBarThumbColorOnDark": globalTokens.hal_white, - "--v3Textarea-scrollBarTrackColor": globalTokens.lightGrey, - "--v3Textarea-scrollBarTrackColorOnDark": globalTokens.hal_grey_l_60, - "--v3Textarea-valueFontSize": globalTokens.type_scale_03, - "--v3Textarea-valueFontStyle": globalTokens.type_normal, - "--v3Textarea-valueFontWeight": globalTokens.type_regular, - "--v3Textarea-valueFontColor": globalTokens.hal_black, - "--v3Textarea-valueFontColorOnDark": globalTokens.hal_white, - "--v3Textarea-valueLetterSpacing": "0", - "--v3Textarea-valueLineHeight": "1.1875em", - "--v3Textarea-disabledColor": globalTokens.lighterBlack, - "--v3Textarea-disabledColorOnDark": "#575757", - "--v3Textarea-underlineColor": globalTokens.hal_black, - "--v3Textarea-underlineColorOnDark": globalTokens.hal_white, - "--v3Textarea-underlineFocusColor": globalTokens.hal_black, - "--v3Textarea-underlineFocusColorOnDark": globalTokens.hal_white, - "--v3Textarea-underlineThickness": "1px", - //TOGGLE GROUP "--toggleGroup-containerBackgroundColor": globalTokens.color_grey_50, "--toggleGroup-containerBorderColor": globalTokens.hal_grey_l_60, diff --git a/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json b/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json index df3a7f232..d66118c4f 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json +++ b/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json @@ -1090,41 +1090,6 @@ "badgeHeightWithNotificationNumber": "17px", "badgeRadiusWithNotificationNumber": "10px" }, - "v3Textarea": { - "fontFamily": "Open Sans, sans-serif", - "errorColor": "#D0011B", - "errorColorOnDark": "#FE344F", - "assistiveTextFontSize": "0.75rem", - "assistiveTextFontStyle": "normal", - "assistiveTextFontWeight": "400", - "assistiveTextFontColor": "#000000", - "assistiveTextFontColorOnDark": "#ffffff", - "assistiveTextLetterSpacing": "0em", - "valueFontSize": "1rem", - "valueFontStyle": "normal", - "valueFontWeight": "400", - "valueFontColor": "#000000", - "valueFontColorOnDark": "#ffffff", - "valueLetterSpacing": "0", - "valueLineHeight": "1.1875em", - "labelFontSize": "1rem", - "labelFontStyle": "normal", - "labelFontWeight": "400", - "labelFontColor": "#000000", - "labelFontColorOnDark": "#ffffff", - "labelLetterSpacing": "0em", - "scrollBarThumbColor": "#666666", - "scrollBarThumbColorOnDark": "#ffffff", - "scrollBarTrackColor": "#D9D9D9", - "scrollBarTrackColorOnDark": "#999999", - "disabledColor": "#b1b1b1", - "disabledColorOnDark": "#575757", - "underlineColor": "#000000", - "underlineColorOnDark": "#ffffff", - "underlineFocusColor": "#000000", - "underlineFocusColorOnDark": "#ffffff", - "underlineThickness": "1px" - }, "toggleGroup": { "containerBackgroundColor": "#fafafa", "containerBorderColor": "#999999", From ebe39a9ea537e418eddc3c3e8375412016c93395 Mon Sep 17 00:00:00 2001 From: agonzalez97 Date: Tue, 29 Mar 2022 13:44:09 +0200 Subject: [PATCH 2/3] Added examples password input in theme builder --- .../text-input-preview.component.html | 139 ++++-------------- .../text-input-preview.component.ts | 10 ++ 2 files changed, 42 insertions(+), 107 deletions(-) diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html index 8c9f8a454..52156070b 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html @@ -153,11 +153,11 @@ - + + - + diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts index 5ea2aac5c..dff51b1b7 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts @@ -19,6 +19,8 @@ export class TextInputPreviewComponent implements OnInit { errorMessage = ""; + passwordValue = ""; + minLength = 2; maxLength = 5; @@ -80,4 +82,12 @@ export class TextInputPreviewComponent implements OnInit { } ngOnInit(): void {} + + onChangePassword({ value, error }) { + this.passwordValue = value; + } + + onBlurPassword({ value, error }) { + this.passwordValue = value; + } } From ebab374692b9dce6618c77ad50016353e3cf2a00 Mon Sep 17 00:00:00 2001 From: agonzalez97 Date: Tue, 29 Mar 2022 14:11:58 +0200 Subject: [PATCH 3/3] Added number input examples --- .../text-input-preview.component.html | 70 +++++++++++++++++++ .../text-input-preview.component.ts | 10 +++ 2 files changed, 80 insertions(+) diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html index 52156070b..3fa0c439a 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.html @@ -213,3 +213,73 @@ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts index dff51b1b7..5e28ddbac 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/text-input-preview/text-input-preview.component.ts @@ -21,6 +21,8 @@ export class TextInputPreviewComponent implements OnInit { passwordValue = ""; + numberValue = 0; + minLength = 2; maxLength = 5; @@ -90,4 +92,12 @@ export class TextInputPreviewComponent implements OnInit { onBlurPassword({ value, error }) { this.passwordValue = value; } + + onChangeNumber({ value, error }) { + this.numberValue = value; + } + + onBlurNumber({ value, error }) { + this.numberValue = value; + } }