@vonage/vwc-textfield 2.32.0 → 2.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +11 -11
- package/vwc-textfield.d.ts +1 -0
- package/vwc-textfield.js +7 -0
- package/vwc-textfield.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vwc-textfield",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.34.0",
|
|
4
4
|
"description": "texfield component",
|
|
5
5
|
"author": "yinonov <yinon@hotmail.com>",
|
|
6
6
|
"homepage": "https://github.com/Vonage/vivid/tree/master/components/textfield#readme",
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@material/mwc-textfield": "^0.22.1",
|
|
31
|
-
"@vonage/vvd-core": "2.
|
|
32
|
-
"@vonage/vvd-foundation": "2.
|
|
33
|
-
"@vonage/vvd-style-coupling": "2.
|
|
34
|
-
"@vonage/vwc-helper-message": "2.
|
|
35
|
-
"@vonage/vwc-icon": "2.
|
|
36
|
-
"@vonage/vwc-notched-outline": "2.
|
|
31
|
+
"@vonage/vvd-core": "2.34.0",
|
|
32
|
+
"@vonage/vvd-foundation": "2.34.0",
|
|
33
|
+
"@vonage/vvd-style-coupling": "2.34.0",
|
|
34
|
+
"@vonage/vwc-helper-message": "2.34.0",
|
|
35
|
+
"@vonage/vwc-icon": "2.34.0",
|
|
36
|
+
"@vonage/vwc-notched-outline": "2.34.0",
|
|
37
37
|
"lit-element": "^2.4.0",
|
|
38
38
|
"lit-html": "^1.3.0",
|
|
39
39
|
"tslib": "^2.3.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@vonage/vvd-design-tokens": "2.
|
|
43
|
-
"@vonage/vvd-typography": "2.
|
|
44
|
-
"@vonage/vvd-umbrella": "2.
|
|
42
|
+
"@vonage/vvd-design-tokens": "2.34.0",
|
|
43
|
+
"@vonage/vvd-typography": "2.34.0",
|
|
44
|
+
"@vonage/vvd-umbrella": "2.34.0",
|
|
45
45
|
"typescript": "^4.3.2"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "e582f2efce9f76fba3cc893ffa005983c21e7d79"
|
|
48
48
|
}
|
package/vwc-textfield.d.ts
CHANGED
package/vwc-textfield.js
CHANGED
|
@@ -215,6 +215,7 @@ let VWCTextField = class VWCTextField extends MWCTextField {
|
|
|
215
215
|
setAttributeByValue('type', this.type, fe);
|
|
216
216
|
setAttributeByValue('form', this.form, fe);
|
|
217
217
|
setAttributeByValue('placeholder', this.placeholder, fe);
|
|
218
|
+
setAttributeByValue('autocomplete', this.autocomplete, fe);
|
|
218
219
|
setAttributeByValue('min', this.min, fe);
|
|
219
220
|
setAttributeByValue('max', this.max, fe);
|
|
220
221
|
setAttributeByValue('step', this.step, fe);
|
|
@@ -270,6 +271,12 @@ __decorate([
|
|
|
270
271
|
reflect: true
|
|
271
272
|
})
|
|
272
273
|
], VWCTextField.prototype, "shape", void 0);
|
|
274
|
+
__decorate([
|
|
275
|
+
property({
|
|
276
|
+
type: String,
|
|
277
|
+
reflect: true
|
|
278
|
+
})
|
|
279
|
+
], VWCTextField.prototype, "autocomplete", void 0);
|
|
273
280
|
__decorate([
|
|
274
281
|
property({
|
|
275
282
|
type: String,
|
package/vwc-textfield.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vwc-textfield.js","sourceRoot":"","sources":["src/vwc-textfield.ts"],"names":[],"mappings":"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","sourcesContent":["import '@vonage/vvd-core';\nimport '@vonage/vwc-helper-message';\nimport '@vonage/vwc-icon';\nimport '@vonage/vwc-notched-outline';\n\nimport {\n\tcustomElement,\n\tproperty,\n\thtml,\n\tTemplateResult,\n\tqueryAssignedNodes,\n\tquery,\n\tinternalProperty\n} from 'lit-element';\nimport type { PropertyValues } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport { TextField as MWCTextField } from '@material/mwc-textfield';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\nimport { style as vwcTextFieldStyle } from './vwc-textfield.css.js';\nimport { styles as mwcTextFieldStyles } from '@material/mwc-textfield/mwc-textfield.css.js';\nimport type { Shape, Layout } from '@vonage/vvd-foundation/constants.js';\nimport { debounced, handleAutofocus } from '@vonage/vvd-foundation/general-utils.js';\n\nexport type { TextFieldType } from '@material/mwc-textfield';\n\nexport const COMPONENT_NAME = 'vwc-textfield';\nexport const VALID_BUTTON_ELEMENTS = ['vwc-icon-button'];\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t[COMPONENT_NAME]: VWCTextField;\n\t}\n}\n\ntype TextfieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCTextField.styles = [styleCoupling, mwcTextFieldStyles, vwcTextFieldStyle];\n\nconst INPUT_ELEMENT_SLOT_NAME = 'formInputElement';\nconst INPUT_ELEMENT_CLASS_NAME = 'vivid-input-internal';\nconst MDC_FLOAT_ABOVE_CLASS_NAME = 'mdc-floating-label--float-above';\n\ntype TextfieldLayout = Extract<Layout, Layout.Ghost | Layout.Outlined>;\n\n@customElement('vwc-textfield')\nexport class VWCTextField extends MWCTextField {\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t\tattribute: 'no-actions-sync'\n\t})\n\t\tnoActionsSync = false;\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true\n\t})\n\t\tdense = false;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tshape?: TextfieldShape;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tform: string | undefined;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t\tconverter: v => v || ' '\n\t})\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tappearance?: TextfieldLayout;\n\n\toverride placeholder = ' ';\n\t@query('.mdc-text-field__input') protected inputElementWrapper!: HTMLInputElement;\n\t@internalProperty()\n\tprivate hasActionButtons = false;\n\t@queryAssignedNodes('action', true, VALID_BUTTON_ELEMENTS.join(', '))\n\tprivate actionButtons?: NodeListOf<HTMLElement>;\n\n\tprivate inputResizeObserver?: ResizeObserver;\n\n\tconstructor() {\n\t\tsuper();\n\t\tObject.defineProperty(this, 'formElement', {\n\t\t\tvalue: this.createInputElement(),\n\t\t});\n\t\tObject.defineProperty(this, 'value', {\n\t\t\tget: function () {\n\t\t\t\treturn this.formElement.value;\n\t\t\t},\n\t\t\tset: function (newValue: string) {\n\t\t\t\tthis.formElement.value = newValue;\n\t\t\t\tthis.floatLabel();\n\t\t\t\tthis.requestUpdate('value', null);\n\t\t\t},\n\t\t});\n\t}\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tif (!this.hasAttribute('outlined')) {\n\t\t\tthis.outlined = true;\n\t\t}\n\t\tthis.formElement.value = this.value;\n\t\tthis.appendChild(this.formElement);\n\t\tthis.formElement.addEventListener('transitionend', () => {\n\t\t\tthis.floatLabel();\n\t\t});\n\t\tthis.floatLabel();\n\t}\n\n\toverride async firstUpdated(): Promise<void> {\n\t\tawait super.firstUpdated();\n\t\tthis.shadowRoot\n\t\t\t?.querySelector('.mdc-notched-outline')\n\t\t\t?.classList\n\t\t\t.add('vvd-notch');\n\t\tthis.floatLabel();\n\t\thandleAutofocus(this);\n\t\tthis.observeInputSize();\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.inputResizeObserver?.disconnect();\n\t}\n\n\toverride updated(changes: PropertyValues): void {\n\t\tsuper.updated(changes);\n\t\tif (this.shape === 'pill') {\n\t\t\tthis.dense = true;\n\t\t}\n\t\tif (\n\t\t\tchanges.has('disabled') ||\n\t\t\tchanges.has('shape') ||\n\t\t\tchanges.has('dense')\n\t\t) {\n\t\t\tthis.enforcePropsOnActionNodes();\n\t\t}\n\t}\n\n\t/** @soyTemplate */\n\toverride render(): TemplateResult {\n\t\tconst shouldRenderCharCounter = this.charCounter && this.maxLength !== -1;\n\t\tconst shouldRenderHelperText =\n\t\t\t!!this.helper || !!this.validationMessage;\n\n\t\t/** @classMap */\n\t\tconst classes = {\n\t\t\t'mdc-text-field--disabled': this.disabled,\n\t\t\t'mdc-text-field--no-label': !this.label,\n\t\t\t'mdc-text-field--filled': !this.outlined,\n\t\t\t'mdc-text-field--outlined': this.outlined,\n\t\t\t'mdc-text-field--with-leading-icon': this.icon,\n\t\t\t'mdc-text-field--with-trailing-icon': this.iconTrailing,\n\t\t\t'mdc-text-field--end-aligned': this.endAligned,\n\t\t\t'vvd-text-field--with-action': this.hasActionButtons,\n\t\t};\n\n\t\treturn html`\n\t\t\t<label class=\"mdc-text-field ${classMap(classes)}\">\n\t\t\t\t${this.renderRipple()}\n\t\t\t\t${this.outlined ? this.renderOutline() : this.renderLabel()}\n\t\t\t\t${this.renderCharCounter(shouldRenderCharCounter)}\n\t\t\t\t${this.renderLeadingIcon()}\n\t\t\t\t${this.renderPrefix()}\n\t\t\t\t${this.renderInput(shouldRenderHelperText)}\n\t\t\t\t${this.renderSuffix()}\n\t\t\t\t${this.renderTrailingIcon()}\n\t\t\t\t<slot name=\"action\" @slotchange=\"${this.onActionSlotChange}\"></slot>\n\t\t\t\t${this.renderLineRipple()}\n\t\t\t</label>\n\t\t\t${this.renderHelperText(shouldRenderHelperText)}\n\t\t`;\n\t}\n\n\tprotected observeInputSize(): void {\n\t\t// eslint-disable-next-line compat/compat\n\t\tthis.inputResizeObserver = new ResizeObserver(() => {\n\t\t\tthis.syncInputSize();\n\t\t});\n\t\tthis.inputResizeObserver.observe(this.inputElementWrapper);\n\t}\n\n\tprotected override renderInput(shouldRenderHelperText: boolean): TemplateResult {\n\t\tthis.updateInputElement(shouldRenderHelperText);\n\t\treturn html`\n\t\t\t<div class=\"mdc-text-field__input\"></div>\n\t\t\t<slot name=\"${INPUT_ELEMENT_SLOT_NAME}\"></slot>\n\t\t`;\n\t}\n\n\tprotected override renderIcon(icon: string, isTrailingIcon = false): TemplateResult {\n\t\tconst iconClass = isTrailingIcon\n\t\t\t? 'mdc-text-field__icon--trailing'\n\t\t\t: 'mdc-text-field__icon--leading';\n\n\t\treturn html`\n\t\t\t<span class=\"${iconClass}\">\n\t\t\t\t<vwc-icon type=\"${icon}\" size=\"small\"></vwc-icon>\n\t\t\t</span>\n\t\t`;\n\t}\n\n\tprotected override renderOutline(): TemplateResult | string {\n\t\treturn !this.outlined\n\t\t\t? ''\n\t\t\t: html`\n\t\t\t\t<vwc-notched-outline class=\"mdc-notched-outline vvd-notch\">\n\t\t\t\t\t${this.renderLabel()}\n\t\t\t\t</vwc-notched-outline>`;\n\t}\n\n\tprotected override renderHelperText(\n\t\tshouldRenderHelperText: boolean\n\t): TemplateResult | string {\n\t\tif (!shouldRenderHelperText) {\n\t\t\treturn '';\n\t\t}\n\n\t\tconst isError = this.validationMessage && !this.isUiValid;\n\t\tconst text = isError ? this.validationMessage : this.helper;\n\n\t\treturn html`\n\t\t\t<vwc-helper-message\n\t\t\t\tid=\"helper-text\"\n\t\t\t\tclass=\"helper-message\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t?is-error=\"${isError}\"\n\t\t\t>${text}\n\t\t\t</vwc-helper-message\n\t\t\t>`;\n\t}\n\n\tprotected override renderRipple(): TemplateResult {\n\t\treturn html``;\n\t}\n\n\tprotected override renderLineRipple(): TemplateResult {\n\t\treturn html``;\n\t}\n\n\tprotected onActionSlotChange(): void {\n\t\tthis.hasActionButtons = Boolean(this.actionButtons?.length);\n\t\tthis.enforcePropsOnActionNodes();\n\t}\n\n\tprotected enforcePropsOnActionNodes(): void {\n\t\tconst buttons = Array.from(this.actionButtons || []);\n\n\t\tbuttons.forEach((button) => {\n\t\t\tif (!this.noActionsSync) {\n\t\t\t\tbutton.toggleAttribute('disabled', this.disabled);\n\t\t\t}\n\t\t\tbutton.toggleAttribute('dense', this.dense);\n\n\t\t\tconst buttonShape = this.shape == 'pill'\n\t\t\t\t? 'circled'\n\t\t\t\t: this.shape;\n\t\t\tif (buttonShape) {\n\t\t\t\tbutton.setAttribute('shape', buttonShape);\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('shape');\n\t\t\t}\n\t\t});\n\t}\n\n\t@debounced(50)\n\tprivate syncInputSize() {\n\t\tconst {\n\t\t\twidth: hostWidth,\n\t\t\tleft: hostLeft\n\t\t} = this.getBoundingClientRect();\n\t\tconst {\n\t\t\twidth: wrapperWidth,\n\t\t\tleft: wrapperLeft\n\t\t} = this.inputElementWrapper.getBoundingClientRect();\n\t\tconst paddingLeft = wrapperLeft - hostLeft;\n\t\tconst paddingRight = hostWidth - wrapperWidth - paddingLeft;\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.formElement.style.paddingLeft = `${paddingLeft}px`;\n\t\t\tthis.formElement.style.paddingRight = `${paddingRight}px`;\n\t\t});\n\t}\n\n\tprivate createInputElement(): HTMLInputElement {\n\t\tconst element = document.createElement('input');\n\t\tconst defaultValue = this.getAttribute('value');\n\t\telement.defaultValue = defaultValue || '';\n\t\telement.setAttribute('slot', INPUT_ELEMENT_SLOT_NAME);\n\t\telement.className = INPUT_ELEMENT_CLASS_NAME;\n\t\treturn element;\n\t}\n\n\tprivate updateInputElement(shouldRenderHelperText: boolean): void {\n\t\tconst fe = this.formElement;\n\n\t\t//\tevent listeners\n\t\tfe.onfocus = () => {\n\t\t\tthis.dispatchEvent(new FocusEvent('focus', { composed: true }));\n\t\t\tthis.onInputFocus();\n\t\t};\n\n\t\tfe.onblur = () => {\n\t\t\tthis.dispatchEvent(new FocusEvent('blur', { composed: true }));\n\t\t\tthis.onInputBlur();\n\t\t};\n\n\t\tfe.oninput = (e) => {\n\t\t\te.stopImmediatePropagation();\n\t\t\tthis.dispatchEvent(new InputEvent('input', { bubbles: true }));\n\t\t\tthis.handleInputChange();\n\t\t};\n\n\t\t//\tattributes\n\t\tsetAttributeByValue('name', this.name, fe);\n\t\tsetAttributeByValue('type', this.type, fe);\n\t\tsetAttributeByValue('form', this.form, fe);\n\t\tsetAttributeByValue('placeholder', this.placeholder, fe);\n\n\t\tsetAttributeByValue('min', this.min, fe);\n\t\tsetAttributeByValue('max', this.max, fe);\n\t\tsetAttributeByValue('step', this.step, fe);\n\t\tsetAttributeByValue('size', this.size, fe);\n\n\t\tconst autoCapOrNone = this.autocapitalize ? this.autocapitalize : undefined;\n\t\tconst minOrNone = this.minLength === -1 ? undefined : this.minLength;\n\t\tconst maxOrNone = this.maxLength === -1 ? undefined : this.maxLength;\n\t\tsetAttributeByValue('autocapitalize', autoCapOrNone, fe);\n\t\tsetAttributeByValue('minlength', minOrNone, fe);\n\t\tsetAttributeByValue('maxlength', maxOrNone, fe);\n\t\tsetAttributeByValue('pattern', this.pattern, fe);\n\t\tsetAttributeByValue('inputmode', this.inputMode, fe);\n\n\t\tsetAttributeByValue('disabled', this.disabled, fe, true);\n\t\tsetAttributeByValue('readonly', this.readOnly, fe, true);\n\t\tsetAttributeByValue('required', this.required, fe, true);\n\n\t\tconst ariaLabel = shouldRenderHelperText ? 'helper-text' : undefined;\n\t\tconst ariaError =\n\t\t\tthis.validationMessage && !this.isUiValid ? 'helper-text' : undefined;\n\t\tsetAttributeByValue('aria-controls', ariaLabel, fe);\n\t\tsetAttributeByValue('aria-describedby', ariaLabel, fe);\n\t\tsetAttributeByValue('aria-errortext', ariaError, fe);\n\t}\n\n\tprivate floatLabel(): void {\n\t\tconst fle = this.shadowRoot?.querySelector('.mdc-floating-label');\n\t\tconst isUp = this.value || this.focused;\n\t\tif (!fle) {\n\t\t\treturn;\n\t\t}\n\t\tif (isUp) {\n\t\t\tfle.classList.add(MDC_FLOAT_ABOVE_CLASS_NAME);\n\t\t} else {\n\t\t\tfle.classList.remove(MDC_FLOAT_ABOVE_CLASS_NAME);\n\t\t}\n\t}\n}\n\nconst setAttributeByValue = (function () {\n\tconst NOT_ASSIGNED = Symbol('NotAssigned');\n\treturn function (\n\t\tattributeName: string,\n\t\tvalue: unknown,\n\t\ttarget: HTMLInputElement,\n\t\tasEmpty = false\n\t): void {\n\t\tconst newValue: unknown = value\n\t\t\t? (() => {\n\t\t\t\treturn asEmpty ? '' : String(value);\n\t\t\t})()\n\t\t\t: NOT_ASSIGNED;\n\n\t\tconst currentValue: unknown = target.hasAttribute(attributeName)\n\t\t\t? target.getAttribute(attributeName)\n\t\t\t: NOT_ASSIGNED;\n\n\t\tif (newValue !== currentValue) {\n\t\t\tif (newValue === NOT_ASSIGNED) {\n\t\t\t\ttarget.removeAttribute(attributeName);\n\t\t\t} else {\n\t\t\t\ttarget.setAttribute(attributeName, newValue as string);\n\t\t\t}\n\t\t}\n\t};\n}());\n"]}
|
|
1
|
+
{"version":3,"file":"vwc-textfield.js","sourceRoot":"","sources":["src/vwc-textfield.ts"],"names":[],"mappings":"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","sourcesContent":["import '@vonage/vvd-core';\nimport '@vonage/vwc-helper-message';\nimport '@vonage/vwc-icon';\nimport '@vonage/vwc-notched-outline';\n\nimport {\n\tcustomElement,\n\tproperty,\n\thtml,\n\tTemplateResult,\n\tqueryAssignedNodes,\n\tquery,\n\tinternalProperty\n} from 'lit-element';\nimport type { PropertyValues } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport { TextField as MWCTextField } from '@material/mwc-textfield';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\nimport { style as vwcTextFieldStyle } from './vwc-textfield.css.js';\nimport { styles as mwcTextFieldStyles } from '@material/mwc-textfield/mwc-textfield.css.js';\nimport type { Shape, Layout } from '@vonage/vvd-foundation/constants.js';\nimport { debounced, handleAutofocus } from '@vonage/vvd-foundation/general-utils.js';\n\nexport type { TextFieldType } from '@material/mwc-textfield';\n\nexport const COMPONENT_NAME = 'vwc-textfield';\nexport const VALID_BUTTON_ELEMENTS = ['vwc-icon-button'];\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t[COMPONENT_NAME]: VWCTextField;\n\t}\n}\n\ntype TextfieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCTextField.styles = [styleCoupling, mwcTextFieldStyles, vwcTextFieldStyle];\n\nconst INPUT_ELEMENT_SLOT_NAME = 'formInputElement';\nconst INPUT_ELEMENT_CLASS_NAME = 'vivid-input-internal';\nconst MDC_FLOAT_ABOVE_CLASS_NAME = 'mdc-floating-label--float-above';\n\ntype TextfieldLayout = Extract<Layout, Layout.Ghost | Layout.Outlined>;\n\n@customElement('vwc-textfield')\nexport class VWCTextField extends MWCTextField {\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t\tattribute: 'no-actions-sync'\n\t})\n\t\tnoActionsSync = false;\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true\n\t})\n\t\tdense = false;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tshape?: TextfieldShape;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t autocomplete?: string;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tform: string | undefined;\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t\tconverter: v => v || ' '\n\t})\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true\n\t})\n\t\tappearance?: TextfieldLayout;\n\n\toverride placeholder = ' ';\n\t@query('.mdc-text-field__input') protected inputElementWrapper!: HTMLInputElement;\n\t@internalProperty()\n\tprivate hasActionButtons = false;\n\t@queryAssignedNodes('action', true, VALID_BUTTON_ELEMENTS.join(', '))\n\tprivate actionButtons?: NodeListOf<HTMLElement>;\n\n\tprivate inputResizeObserver?: ResizeObserver;\n\n\tconstructor() {\n\t\tsuper();\n\t\tObject.defineProperty(this, 'formElement', {\n\t\t\tvalue: this.createInputElement(),\n\t\t});\n\t\tObject.defineProperty(this, 'value', {\n\t\t\tget: function () {\n\t\t\t\treturn this.formElement.value;\n\t\t\t},\n\t\t\tset: function (newValue: string) {\n\t\t\t\tthis.formElement.value = newValue;\n\t\t\t\tthis.floatLabel();\n\t\t\t\tthis.requestUpdate('value', null);\n\t\t\t},\n\t\t});\n\t}\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tif (!this.hasAttribute('outlined')) {\n\t\t\tthis.outlined = true;\n\t\t}\n\t\tthis.formElement.value = this.value;\n\t\tthis.appendChild(this.formElement);\n\t\tthis.formElement.addEventListener('transitionend', () => {\n\t\t\tthis.floatLabel();\n\t\t});\n\t\tthis.floatLabel();\n\t}\n\n\toverride async firstUpdated(): Promise<void> {\n\t\tawait super.firstUpdated();\n\t\tthis.shadowRoot\n\t\t\t?.querySelector('.mdc-notched-outline')\n\t\t\t?.classList\n\t\t\t.add('vvd-notch');\n\t\tthis.floatLabel();\n\t\thandleAutofocus(this);\n\t\tthis.observeInputSize();\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.inputResizeObserver?.disconnect();\n\t}\n\n\toverride updated(changes: PropertyValues): void {\n\t\tsuper.updated(changes);\n\t\tif (this.shape === 'pill') {\n\t\t\tthis.dense = true;\n\t\t}\n\t\tif (\n\t\t\tchanges.has('disabled') ||\n\t\t\tchanges.has('shape') ||\n\t\t\tchanges.has('dense')\n\t\t) {\n\t\t\tthis.enforcePropsOnActionNodes();\n\t\t}\n\t}\n\n\t/** @soyTemplate */\n\toverride render(): TemplateResult {\n\t\tconst shouldRenderCharCounter = this.charCounter && this.maxLength !== -1;\n\t\tconst shouldRenderHelperText =\n\t\t\t!!this.helper || !!this.validationMessage;\n\n\t\t/** @classMap */\n\t\tconst classes = {\n\t\t\t'mdc-text-field--disabled': this.disabled,\n\t\t\t'mdc-text-field--no-label': !this.label,\n\t\t\t'mdc-text-field--filled': !this.outlined,\n\t\t\t'mdc-text-field--outlined': this.outlined,\n\t\t\t'mdc-text-field--with-leading-icon': this.icon,\n\t\t\t'mdc-text-field--with-trailing-icon': this.iconTrailing,\n\t\t\t'mdc-text-field--end-aligned': this.endAligned,\n\t\t\t'vvd-text-field--with-action': this.hasActionButtons,\n\t\t};\n\n\t\treturn html`\n\t\t\t<label class=\"mdc-text-field ${classMap(classes)}\">\n\t\t\t\t${this.renderRipple()}\n\t\t\t\t${this.outlined ? this.renderOutline() : this.renderLabel()}\n\t\t\t\t${this.renderCharCounter(shouldRenderCharCounter)}\n\t\t\t\t${this.renderLeadingIcon()}\n\t\t\t\t${this.renderPrefix()}\n\t\t\t\t${this.renderInput(shouldRenderHelperText)}\n\t\t\t\t${this.renderSuffix()}\n\t\t\t\t${this.renderTrailingIcon()}\n\t\t\t\t<slot name=\"action\" @slotchange=\"${this.onActionSlotChange}\"></slot>\n\t\t\t\t${this.renderLineRipple()}\n\t\t\t</label>\n\t\t\t${this.renderHelperText(shouldRenderHelperText)}\n\t\t`;\n\t}\n\n\tprotected observeInputSize(): void {\n\t\t// eslint-disable-next-line compat/compat\n\t\tthis.inputResizeObserver = new ResizeObserver(() => {\n\t\t\tthis.syncInputSize();\n\t\t});\n\t\tthis.inputResizeObserver.observe(this.inputElementWrapper);\n\t}\n\n\tprotected override renderInput(shouldRenderHelperText: boolean): TemplateResult {\n\t\tthis.updateInputElement(shouldRenderHelperText);\n\t\treturn html`\n\t\t\t<div class=\"mdc-text-field__input\"></div>\n\t\t\t<slot name=\"${INPUT_ELEMENT_SLOT_NAME}\"></slot>\n\t\t`;\n\t}\n\n\tprotected override renderIcon(icon: string, isTrailingIcon = false): TemplateResult {\n\t\tconst iconClass = isTrailingIcon\n\t\t\t? 'mdc-text-field__icon--trailing'\n\t\t\t: 'mdc-text-field__icon--leading';\n\n\t\treturn html`\n\t\t\t<span class=\"${iconClass}\">\n\t\t\t\t<vwc-icon type=\"${icon}\" size=\"small\"></vwc-icon>\n\t\t\t</span>\n\t\t`;\n\t}\n\n\tprotected override renderOutline(): TemplateResult | string {\n\t\treturn !this.outlined\n\t\t\t? ''\n\t\t\t: html`\n\t\t\t\t<vwc-notched-outline class=\"mdc-notched-outline vvd-notch\">\n\t\t\t\t\t${this.renderLabel()}\n\t\t\t\t</vwc-notched-outline>`;\n\t}\n\n\tprotected override renderHelperText(\n\t\tshouldRenderHelperText: boolean\n\t): TemplateResult | string {\n\t\tif (!shouldRenderHelperText) {\n\t\t\treturn '';\n\t\t}\n\n\t\tconst isError = this.validationMessage && !this.isUiValid;\n\t\tconst text = isError ? this.validationMessage : this.helper;\n\n\t\treturn html`\n\t\t\t<vwc-helper-message\n\t\t\t\tid=\"helper-text\"\n\t\t\t\tclass=\"helper-message\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t?is-error=\"${isError}\"\n\t\t\t>${text}\n\t\t\t</vwc-helper-message\n\t\t\t>`;\n\t}\n\n\tprotected override renderRipple(): TemplateResult {\n\t\treturn html``;\n\t}\n\n\tprotected override renderLineRipple(): TemplateResult {\n\t\treturn html``;\n\t}\n\n\tprotected onActionSlotChange(): void {\n\t\tthis.hasActionButtons = Boolean(this.actionButtons?.length);\n\t\tthis.enforcePropsOnActionNodes();\n\t}\n\n\tprotected enforcePropsOnActionNodes(): void {\n\t\tconst buttons = Array.from(this.actionButtons || []);\n\n\t\tbuttons.forEach((button) => {\n\t\t\tif (!this.noActionsSync) {\n\t\t\t\tbutton.toggleAttribute('disabled', this.disabled);\n\t\t\t}\n\t\t\tbutton.toggleAttribute('dense', this.dense);\n\n\t\t\tconst buttonShape = this.shape == 'pill'\n\t\t\t\t? 'circled'\n\t\t\t\t: this.shape;\n\t\t\tif (buttonShape) {\n\t\t\t\tbutton.setAttribute('shape', buttonShape);\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('shape');\n\t\t\t}\n\t\t});\n\t}\n\n\t@debounced(50)\n\tprivate syncInputSize() {\n\t\tconst {\n\t\t\twidth: hostWidth,\n\t\t\tleft: hostLeft\n\t\t} = this.getBoundingClientRect();\n\t\tconst {\n\t\t\twidth: wrapperWidth,\n\t\t\tleft: wrapperLeft\n\t\t} = this.inputElementWrapper.getBoundingClientRect();\n\t\tconst paddingLeft = wrapperLeft - hostLeft;\n\t\tconst paddingRight = hostWidth - wrapperWidth - paddingLeft;\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.formElement.style.paddingLeft = `${paddingLeft}px`;\n\t\t\tthis.formElement.style.paddingRight = `${paddingRight}px`;\n\t\t});\n\t}\n\n\tprivate createInputElement(): HTMLInputElement {\n\t\tconst element = document.createElement('input');\n\t\tconst defaultValue = this.getAttribute('value');\n\t\telement.defaultValue = defaultValue || '';\n\t\telement.setAttribute('slot', INPUT_ELEMENT_SLOT_NAME);\n\t\telement.className = INPUT_ELEMENT_CLASS_NAME;\n\t\treturn element;\n\t}\n\n\tprivate updateInputElement(shouldRenderHelperText: boolean): void {\n\t\tconst fe = this.formElement;\n\n\t\t//\tevent listeners\n\t\tfe.onfocus = () => {\n\t\t\tthis.dispatchEvent(new FocusEvent('focus', { composed: true }));\n\t\t\tthis.onInputFocus();\n\t\t};\n\n\t\tfe.onblur = () => {\n\t\t\tthis.dispatchEvent(new FocusEvent('blur', { composed: true }));\n\t\t\tthis.onInputBlur();\n\t\t};\n\n\t\tfe.oninput = (e) => {\n\t\t\te.stopImmediatePropagation();\n\t\t\tthis.dispatchEvent(new InputEvent('input', { bubbles: true }));\n\t\t\tthis.handleInputChange();\n\t\t};\n\n\t\t//\tattributes\n\t\tsetAttributeByValue('name', this.name, fe);\n\t\tsetAttributeByValue('type', this.type, fe);\n\t\tsetAttributeByValue('form', this.form, fe);\n\t\tsetAttributeByValue('placeholder', this.placeholder, fe);\n\t\tsetAttributeByValue('autocomplete', this.autocomplete, fe);\n\n\t\tsetAttributeByValue('min', this.min, fe);\n\t\tsetAttributeByValue('max', this.max, fe);\n\t\tsetAttributeByValue('step', this.step, fe);\n\t\tsetAttributeByValue('size', this.size, fe);\n\n\t\tconst autoCapOrNone = this.autocapitalize ? this.autocapitalize : undefined;\n\t\tconst minOrNone = this.minLength === -1 ? undefined : this.minLength;\n\t\tconst maxOrNone = this.maxLength === -1 ? undefined : this.maxLength;\n\t\tsetAttributeByValue('autocapitalize', autoCapOrNone, fe);\n\t\tsetAttributeByValue('minlength', minOrNone, fe);\n\t\tsetAttributeByValue('maxlength', maxOrNone, fe);\n\t\tsetAttributeByValue('pattern', this.pattern, fe);\n\t\tsetAttributeByValue('inputmode', this.inputMode, fe);\n\n\t\tsetAttributeByValue('disabled', this.disabled, fe, true);\n\t\tsetAttributeByValue('readonly', this.readOnly, fe, true);\n\t\tsetAttributeByValue('required', this.required, fe, true);\n\n\t\tconst ariaLabel = shouldRenderHelperText ? 'helper-text' : undefined;\n\t\tconst ariaError =\n\t\t\tthis.validationMessage && !this.isUiValid ? 'helper-text' : undefined;\n\t\tsetAttributeByValue('aria-controls', ariaLabel, fe);\n\t\tsetAttributeByValue('aria-describedby', ariaLabel, fe);\n\t\tsetAttributeByValue('aria-errortext', ariaError, fe);\n\t}\n\n\tprivate floatLabel(): void {\n\t\tconst fle = this.shadowRoot?.querySelector('.mdc-floating-label');\n\t\tconst isUp = this.value || this.focused;\n\t\tif (!fle) {\n\t\t\treturn;\n\t\t}\n\t\tif (isUp) {\n\t\t\tfle.classList.add(MDC_FLOAT_ABOVE_CLASS_NAME);\n\t\t} else {\n\t\t\tfle.classList.remove(MDC_FLOAT_ABOVE_CLASS_NAME);\n\t\t}\n\t}\n}\n\nconst setAttributeByValue = (function () {\n\tconst NOT_ASSIGNED = Symbol('NotAssigned');\n\treturn function (\n\t\tattributeName: string,\n\t\tvalue: unknown,\n\t\ttarget: HTMLInputElement,\n\t\tasEmpty = false\n\t): void {\n\t\tconst newValue: unknown = value\n\t\t\t? (() => {\n\t\t\t\treturn asEmpty ? '' : String(value);\n\t\t\t})()\n\t\t\t: NOT_ASSIGNED;\n\n\t\tconst currentValue: unknown = target.hasAttribute(attributeName)\n\t\t\t? target.getAttribute(attributeName)\n\t\t\t: NOT_ASSIGNED;\n\n\t\tif (newValue !== currentValue) {\n\t\t\tif (newValue === NOT_ASSIGNED) {\n\t\t\t\ttarget.removeAttribute(attributeName);\n\t\t\t} else {\n\t\t\t\ttarget.setAttribute(attributeName, newValue as string);\n\t\t\t}\n\t\t}\n\t};\n}());\n"]}
|