diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/date-input/date-properties/date-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/date-input/date-properties/date-properties.component.html index bfc75fa6c..805212405 100644 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/date-input/date-properties/date-properties.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/date-input/date-properties/date-properties.component.html @@ -126,4 +126,15 @@ Value of the tabindex attribute. + + autocomplete: string + 'off' + + HTML autocomplete attribute. Lets the user specify if any permission the + user agent has to provide automated assistance in filling out the input + value. Its value must be one of all the possible values of the HTML + autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', + ... + + diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/number-input/number-properties/number-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/number-input/number-properties/number-properties.component.html index 6faa8ae38..d710c17ce 100644 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/number-input/number-properties/number-properties.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/number-input/number-properties/number-properties.component.html @@ -86,8 +86,8 @@ onChange: EventEmitter - This function will be called when the user types within the number. An object - including the new value and the error will be passed to this + This function will be called when the user types within the number. An + object including the new value and the error will be passed to this function. An example of this object is: {{ "{" }} value: value, error: error @@ -132,4 +132,15 @@ Value of the tabindex attribute. + + autocomplete: string + 'off' + + HTML autocomplete attribute. Lets the user specify if any permission the + user agent has to provide automated assistance in filling out the input + value. Its value must be one of all the possible values of the HTML + autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', + ... + + diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/password-input/password-properties/password-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/password-input/password-properties/password-properties.component.html index 25e2cbd09..d066ff9ac 100644 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/password-input/password-properties/password-properties.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/password-input/password-properties/password-properties.component.html @@ -14,8 +14,8 @@ value: string - Value of the input element. If undefined, the component will be uncontrolled - and the value will be managed internally by the component. + Value of the input element. If undefined, the component will be + uncontrolled and the value will be managed internally by the component. @@ -56,10 +56,10 @@ onChange: EventEmitter - This function will be called when the user types within the input - element of the component. An - object including the value and the error (if the value entered is not - valid) will be passed to this function. An example of this object is: + This function will be called when the user types within the input element + of the component. An object including the value and the error (if the + value entered is not valid) will be passed to this function. An example of + this object is: {{ "{" }} value: value, error: error{{ "}" }}. If there is no error, error will be null. @@ -68,9 +68,9 @@ onBlur: EventEmitter - This function will be called when the input element loses the focus. An object - including the value and the error (if the value entered is not valid) will - be passed to this function. An example of this object is: + This function will be called when the input element loses the focus. An + object including the value and the error (if the value entered is not + valid) will be passed to this function. An example of this object is: {{ "{" }} value: value, error: error {{ "}" }}. If there is no error, error will be null. @@ -128,4 +128,15 @@ Value of the tabindex attribute. + + autocomplete: string + 'off' + + HTML autocomplete attribute. Lets the user specify if any permission the + user agent has to provide automated assistance in filling out the input + value. Its value must be one of all the possible values of the HTML + autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', + ... + + diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/text-input/text-input-properties/text-input-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/text-input/text-input-properties/text-input-properties.component.html index 940065d5a..1ea463f73 100644 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/text-input/text-input-properties/text-input-properties.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/text-input/text-input-properties/text-input-properties.component.html @@ -51,7 +51,8 @@ If it is defined, the component will change its appearance, showing the - error below the input component. If it is not defined, the error messages will be created and managed internally. + error below the input component. If it is not defined, the error messages + will be created and managed internally. @@ -59,9 +60,7 @@ false - - If true, the input will have an action to clear the entered value. - + If true, the input will have an action to clear the entered value. optional: boolean @@ -120,6 +119,16 @@ will be null. + + autocomplete: string + 'off' + + HTML autocomplete attribute. Lets the user specify if any permission the + user agent has to provide automated assistance in filling out the input + value. Its value must be one of all the possible values of the HTML + autocomplete attribute. Please check the documentation . + + length: object diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/textarea/textarea-properties/textarea-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/textarea/textarea-properties/textarea-properties.component.html index e8f8e32ac..29a4eb8a2 100644 --- a/projects/dxc-ngx-cdk-site/src/app/components/examples/textarea/textarea-properties/textarea-properties.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/textarea/textarea-properties/textarea-properties.component.html @@ -95,8 +95,8 @@ onChange: EventEmitter - This function will be called when the user types within the textarea. An object - including the new value and the error will be passed to this + This function will be called when the user types within the textarea. An + object including the new value and the error will be passed to this function. An example of this object is: {{ "{" }} value: value, error: error @@ -167,4 +167,15 @@ Value of the tabindex attribute. + + autocomplete: string + 'off' + + HTML autocomplete attribute. Lets the user specify if any permission the + user agent has to provide automated assistance in filling out the textarea + value. Its value must be one of all the possible values of the HTML + autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', + ... + + diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-date-input/dxc-date-input.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-date-input/dxc-date-input.component.html index 590c0fdde..4f5a51af0 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-date-input/dxc-date-input.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-date-input/dxc-date-input.component.html @@ -21,6 +21,7 @@ [mdePopoverOffsetX]="popOverOffsetX" [mdePopoverPositionX]="'before'" [tabIndex]="tabIndex" + [autocomplete]="autocomplete" > ({ error: "", clearable: false, diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.html index 18c75ab18..b8309d960 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.html @@ -12,6 +12,7 @@ [tabIndex]="tabIndex" [disabled]="disabled" [optional]="optional" + [autocomplete]="autocomplete" > diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.ts index 70b2ea50a..bdef40a88 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-number-input/dxc-number-input.component.ts @@ -101,6 +101,9 @@ export class DxcNumberInputComponent implements OnInit, OnChanges, OnDestroy { @Input() size: string = "medium"; + @Input() + autocomplete: string = "off"; + private controlled: boolean; defaultInputs = new BehaviorSubject({ diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-password-input/dxc-password-input.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-password-input/dxc-password-input.component.html index 50ab253a3..013ff4e21 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-password-input/dxc-password-input.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-password-input/dxc-password-input.component.html @@ -13,6 +13,7 @@ (onBlur)="handleOnBlur($event)" (onActionClick)="handleMaskPassword()" [tabIndex]="tabIndex" + [autocomplete]="autocomplete" > ({ error: "", helperText: "", diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.html index e7a1b0392..6aa93a309 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-text-input.component.html @@ -31,6 +31,7 @@ [attr.aria-expanded]="suggestions && autosuggestVisible" [attr.aria-controls]="suggestions && autoSuggestId" [attr.aria-autocomplete]="suggestions && 'list'" + [autocomplete]="autocomplete" /> this.onActionClick.observers.length; @Input() diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.html index ba47b8450..6154bdc54 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.html @@ -17,5 +17,6 @@ type="text" class="textarea" (focus)="handleOnFocus()" + [attr.autocomplete]="autocomplete" > {{ error }} diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.ts index dbaaa89a3..db37950ff 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.ts @@ -96,6 +96,9 @@ export class DxcTextareaComponent implements OnInit { @Input() size: string; + @Input() + autocomplete: string = "off"; + private controlled: boolean; defaultInputs = new BehaviorSubject({