fix: change UUIInput type to getter/setter to support input-password

Author: iOvergaard

packages/uui-input-password/lib/uui-input-password.element.ts

@@ -32,7 +32,6 @@ export class UUIInputPasswordElement extends UUIInputElement {
 
   // this overrides the inherited type property, and moves the input's type handling to the passwordType state.
   @property()
-  // @ts-ignore
   get type() {
     return this.passwordType;
   }

packages/uui-input/lib/uui-input.element.ts

@@ -1,7 +1,8 @@
-import { LitElement, html, css } from 'lit';
+import { FormControlMixin } from '@umbraco-ui/uui-base/lib/mixins';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
+import { css, html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import { FormControlMixin } from '@umbraco-ui/uui-base/lib/mixins';
+
 import { UUIInputEvent } from './UUIInputEvent';
 
 export type InputType =
@@ -211,11 +212,18 @@ export class UUIInputElement extends FormControlMixin(LitElement) {
    * @default text
    */
   @property({ type: String })
-  type: InputType = 'text';
+  get type(): InputType {
+    return this._type;
+  }
+  set type(value: InputType) {
+    this._type = value;
+  }
 
   @query('#input')
   _input!: HTMLInputElement;
 
+  private _type: InputType = 'text';
+
   constructor() {
     super();