@spectrum-web-components/textfield 0.11.3 → 0.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/textfield",
-    "version": "0.11.3",
+    "version": "0.11.4",
     "publishConfig": {
         "access": "public"
     },
@@ -49,7 +49,7 @@
         "@spectrum-web-components/icon": "^0.11.5",
         "@spectrum-web-components/icons-ui": "^0.8.5",
         "@spectrum-web-components/icons-workflow": "^0.8.5",
-        "@spectrum-web-components/shared": "^0.13.6",
+        "@spectrum-web-components/shared": "^0.13.7",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -60,5 +60,5 @@
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "caf12727e7f91dcf961e1fadacc727eea9ece27b"
+    "gitHead": "dd76f9532fdea946880147cc7645f113b998c326"
 }

package/test/benchmark/test-basic.js

@@ -0,0 +1,18 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import '@spectrum-web-components/textfield/sp-textfield.js';
+import { html } from 'lit';
+import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
+measureFixtureCreation(html `
+    <sp-textfield placeholder="Enter your name"></sp-textfield>
+`);
+//# sourceMappingURL=test-basic.js.map

package/test/benchmark/test-basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-basic.js","sourceRoot":"","sources":["test-basic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,oDAAoD,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;CAE1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/textfield/sp-textfield.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n`);\n"]}

package/test/textarea.test-vrt.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import * as stories from '../stories/textarea.stories.js';
+import { regressVisuals } from '../../../test/visual/test.js';
+regressVisuals('TextareaStories', stories);
+//# sourceMappingURL=textarea.test-vrt.js.map

package/test/textarea.test-vrt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.test-vrt.js","sourceRoot":"","sources":["textarea.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/textarea.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('TextareaStories', stories);\n"]}

package/test/textfield.test-vrt.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import * as stories from '../stories/textfield.stories.js';
+import { regressVisuals } from '../../../test/visual/test.js';
+regressVisuals('TextfieldStories', stories);
+//# sourceMappingURL=textfield.test-vrt.js.map

package/test/textfield.test-vrt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.test-vrt.js","sourceRoot":"","sources":["textfield.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/textfield.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('TextfieldStories', stories);\n"]}

package/test/textfield.test.js

@@ -0,0 +1,735 @@
+import { __asyncValues } from "tslib";
+import { elementUpdated, expect, html, litFixture } from '@open-wc/testing';
+import { sendKeys } from '@web/test-runner-commands';
+import { sendMouse } from '../../../test/plugins/browser.js';
+import { findDescribedNode } from '../../../test/testing-helpers-a11y.js';
+import '@spectrum-web-components/help-text/sp-help-text.js';
+import '../sp-textfield.js';
+describe('Textfield', () => {
+    it('loads default textfield accessibly', async () => {
+        const el = await litFixture(html `
+                <sp-textfield label="Enter Your Name"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+    });
+    it('loads multiline textfield accessibly', async () => {
+        const el = await litFixture(html `
+                <sp-textfield label="Enter your name" multiline></sp-textfield>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+    });
+    it('manages tabIndex while disabled', async () => {
+        const el = await litFixture(html `
+                <sp-textfield placeholder="Enter Your Name"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el.tabIndex).to.equal(0);
+        el.disabled = true;
+        await elementUpdated(el);
+        expect(el.tabIndex).to.equal(-1);
+        el.tabIndex = 2;
+        await elementUpdated(el);
+        expect(el.tabIndex).to.equal(-1);
+        el.disabled = false;
+        await elementUpdated(el);
+        expect(el.tabIndex).to.equal(2);
+    });
+    it('manages tabIndex before first render', async () => {
+        const el = document.createElement('sp-textfield');
+        expect(el.focusElement).to.be.null;
+        expect(el.tabIndex).to.equal(0);
+        el.remove();
+    });
+    it('loads', async () => {
+        const testPlaceholder = 'Enter your name';
+        const el = await litFixture(html `
+                <sp-textfield placeholder=${testPlaceholder}></sp-textfield>
+            `);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('input')
+            : null;
+        expect(input).to.not.be.null;
+        const placeholder = input ? input.placeholder : null;
+        expect(placeholder).to.equal(testPlaceholder);
+    });
+    it('multiline', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    multiline
+                ></sp-textfield>
+            `);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('textarea')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('resizes by default', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    multiline
+                    label="No resize control"
+                    placeholder="No resize control"
+                ></sp-textfield>
+            `);
+        const startBounds = el.getBoundingClientRect();
+        await sendMouse({
+            steps: [
+                {
+                    type: 'move',
+                    position: [startBounds.right - 2, startBounds.bottom - 2],
+                },
+                {
+                    type: 'down',
+                },
+                {
+                    type: 'move',
+                    position: [startBounds.right + 50, startBounds.bottom + 50],
+                },
+                {
+                    type: 'up',
+                },
+            ],
+        });
+        const endBounds = el.getBoundingClientRect();
+        expect(endBounds.width).to.be.greaterThan(startBounds.width);
+        expect(endBounds.height).to.be.greaterThan(startBounds.height);
+    });
+    it('accepts resize styling', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    multiline
+                    style="resize: none;"
+                    label="No resize control"
+                    placeholder="No resize control"
+                ></sp-textfield>
+            `);
+        const startBounds = el.getBoundingClientRect();
+        await sendMouse({
+            steps: [
+                {
+                    type: 'move',
+                    position: [startBounds.right - 2, startBounds.bottom - 2],
+                },
+                {
+                    type: 'down',
+                },
+                {
+                    type: 'move',
+                    position: [startBounds.right + 50, startBounds.bottom + 50],
+                },
+                {
+                    type: 'up',
+                },
+            ],
+        });
+        const endBounds = el.getBoundingClientRect();
+        expect(endBounds.width).equals(startBounds.width);
+        expect(endBounds.height).equals(startBounds.height);
+    });
+    it('grows', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    multiline
+                    grows
+                ></sp-textfield>
+            `);
+        expect(el).to.not.equal(undefined);
+        const sizer = el.shadowRoot
+            ? el.shadowRoot.querySelector('#sizer')
+            : null;
+        expect(sizer).to.not.be.null;
+    });
+    it('valid', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="[\\d]+"
+                    value="123"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - multiline', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="[\\d]+"
+                    value="123"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - required', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    value="123"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - multiline - required', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    value="123"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - boundary-type assertions', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="^[\\d]+$"
+                    value="123"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - multiline - boundary-type assertions', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="^[\\d]+$"
+                    value="123"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - unicode', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    pattern="\\p{L}{4,8}"
+                    value="你的名字"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('valid - multiline - unicode', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    pattern="\\p{L}{4,8}"
+                    value="你的名字"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#valid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="[\\d]+"
+                    value="123 not valid"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - multiline', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="[\\d]+"
+                    value="123 not valid"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - required', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    value=""
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - multiline - required', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    value=""
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - unicode', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="\\p{N}+"
+                    value="123 not valid"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - multiline - unicode', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="\\p{N}+"
+                    value="123 not valid"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - boundary-type assertions', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="^\\p{N}+$"
+                    value="123 not valid"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('invalid - multiline - boundary-type assertions', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your number"
+                    pattern="^\\p{N}+$"
+                    value="123 not valid"
+                    required
+                    multiline
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el).to.not.equal(undefined);
+        const input = el.shadowRoot
+            ? el.shadowRoot.querySelector('#invalid')
+            : null;
+        expect(input).to.not.be.null;
+    });
+    it('receives focus', async () => {
+        let activeElement = null;
+        const onFocusIn = (event) => {
+            const path = event.composedPath();
+            activeElement = path[0];
+        };
+        document.addEventListener('focusin', onFocusIn);
+        const el = await litFixture(html `
+                <sp-textfield placeholder="Enter your name"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        el.focus();
+        await elementUpdated(el);
+        expect(activeElement === el.focusElement).to.be.true;
+        document.removeEventListener('focusin', onFocusIn);
+    });
+    it('does not receive focus when disabled', async () => {
+        let activeElement = null;
+        const onFocusIn = (event) => {
+            const path = event.composedPath();
+            activeElement = path[0];
+        };
+        document.addEventListener('focusin', onFocusIn);
+        const el = await litFixture(html `
+                <sp-textfield
+                    disabled
+                    placeholder="Enter your name"
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        el.focus();
+        await elementUpdated(el);
+        expect(activeElement === el.focusElement).to.be.false;
+        expect(document.activeElement === el).to.be.false;
+        document.removeEventListener('focusin', onFocusIn);
+        el.click();
+        await elementUpdated(el);
+        expect(activeElement === el.focusElement).to.be.false;
+        expect(document.activeElement === el).to.be.false;
+        document.removeEventListener('focusin', onFocusIn);
+    });
+    it('accepts input', async () => {
+        const testValue = 'Test Name';
+        const el = await litFixture(html `
+                <sp-textfield placeholder="Enter your name"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        el.focusElement.value = testValue;
+        el.focusElement.dispatchEvent(new Event('input'));
+        expect(el.value).to.equal(testValue);
+    });
+    it('selects', async () => {
+        const testValue = 'Test Name';
+        const el = await litFixture(html `
+                <sp-textfield value=${testValue}></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el.value).to.equal(testValue);
+        el.focus();
+        el.select();
+        await sendKeys({ press: 'Backspace' });
+        expect(el.value).to.equal('');
+    });
+    it('setSelectionRange', async () => {
+        const testValue = 'Test Name';
+        const el = await litFixture(html `
+                <sp-textfield value=${testValue}></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el.value).to.equal(testValue);
+        el.focus();
+        el.setSelectionRange(0, 'Test '.length);
+        await sendKeys({ press: 'Backspace' });
+        expect(el.value).to.equal('Name');
+    });
+    it('accepts maxlength', async () => {
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    maxlength="3"
+                    minlength="2"
+                    required
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        el.focus();
+        await sendKeys({
+            type: 'a',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('a');
+        expect(el.checkValidity()).to.be.false;
+        await sendKeys({
+            type: 'b',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('ab');
+        expect(el.checkValidity());
+        await sendKeys({
+            type: 'c',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('abc');
+        expect(el.checkValidity());
+        await sendKeys({
+            type: 'd',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('abc');
+        expect(el.checkValidity());
+        await sendKeys({
+            press: 'Backspace',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('ab');
+        expect(el.checkValidity());
+        await sendKeys({
+            press: 'Backspace',
+        });
+        await elementUpdated(el);
+        expect(el.value).to.equal('a');
+        expect(el.checkValidity()).to.be.false;
+    });
+    it('dispatches a `change` event', async () => {
+        const testValue = 'Test Name';
+        let eventSource = null;
+        const onChange = (event) => {
+            eventSource = event.composedPath()[0];
+        };
+        const el = await litFixture(html `
+                <sp-textfield
+                    placeholder="Enter your name"
+                    @change=${onChange}
+                ></sp-textfield>
+            `);
+        await elementUpdated(el);
+        el.focusElement.value = testValue;
+        el.focusElement.dispatchEvent(new Event('input'));
+        el.focusElement.dispatchEvent(new Event('change'));
+        expect(el.value).to.equal(testValue);
+        const testSource = eventSource;
+        expect(testSource).to.equal(el);
+    });
+    it('passes through `autocomplete` attribute', async () => {
+        let el = await litFixture(html `
+                <sp-textfield autocomplete="off"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        let input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;
+        expect(input).to.exist;
+        if (input) {
+            expect(input.getAttribute('autocomplete')).to.equal('off');
+        }
+        el = await litFixture(html `
+                <sp-textfield></sp-textfield>
+            `);
+        await elementUpdated(el);
+        input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;
+        expect(input).to.exist;
+        if (input) {
+            expect(input.getAttribute('autocomplete')).to.not.exist;
+        }
+    });
+    it('tests on `required` changes', async () => {
+        const el = await litFixture(html `
+                <sp-textfield value=""></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el.invalid).to.be.false;
+        el.required = true;
+        await elementUpdated(el);
+        expect(el.invalid).to.be.true;
+    });
+    it('manages `allowed-keys`', async () => {
+        const el = await litFixture(html `
+                <sp-textfield allowed-keys="asdf"></sp-textfield>
+            `);
+        await elementUpdated(el);
+        expect(el.value).to.equal('');
+        const inputElement = el.focusElement;
+        el.focusElement.value = 'asdf';
+        inputElement.dispatchEvent(new InputEvent('input'));
+        await elementUpdated(el);
+        expect(el.value).to.equal('asdf');
+        inputElement.value = `asdff`;
+        inputElement.setSelectionRange(1, 1);
+        inputElement.dispatchEvent(new InputEvent('input'));
+        await elementUpdated(el);
+        expect(el.value).to.equal('asdff');
+        expect(inputElement.selectionStart).to.equal(1);
+        inputElement.value = `asdoff`;
+        inputElement.setSelectionRange(4, 4);
+        inputElement.dispatchEvent(new InputEvent('input'));
+        await elementUpdated(el);
+        expect(el.value).to.equal('asdff');
+        expect(inputElement.selectionStart).to.equal(3);
+    });
+    describe('type attribute', () => {
+        // references:
+        // https://developer.mozilla.org/en-US/docs/Glossary/IDL#content_versus_idl_attributes
+        // https://html.spec.whatwg.org/multipage/common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes
+        // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#keywords-and-enumerated-attributes
+        it('assigns valid attributes to the property', async () => {
+            var e_1, _a;
+            const types = [
+                'text',
+                'url',
+                'tel',
+                'email',
+                'password',
+            ];
+            try {
+                for (var types_1 = __asyncValues(types), types_1_1; types_1_1 = await types_1.next(), !types_1_1.done;) {
+                    const t = types_1_1.value;
+                    const el = await litFixture(html `
+                        <sp-textfield type=${t}></sp-textfield>
+                    `);
+                    expect(el.type).equals(t);
+                    el.setAttribute('type', 'url');
+                    expect(el.type).equals('url');
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (types_1_1 && !types_1_1.done && (_a = types_1.return)) await _a.call(types_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        });
+        it('represents invalid and missing attributes as "text"', async () => {
+            const el1 = await litFixture(html `
+                    <sp-textfield></sp-textfield>
+                `);
+            const el2 = await litFixture(html `
+                    <sp-textfield type="time"></sp-textfield>
+                `);
+            expect(el1.type).equals('text');
+            expect(el2.type).equals('text');
+            el1.setAttribute('type', 'submit');
+            expect(el1.type).equals('text');
+        });
+        it('reflects valid property assignments', async () => {
+            const el = await litFixture(html `
+                    <sp-textfield type="url"></sp-textfield>
+                `);
+            el.type = 'email';
+            await elementUpdated(el);
+            expect(el.getAttribute('type')).equals('email');
+            expect(el.type).equals('email');
+        });
+        it('reflects invalid assignments but sets state to "text"', async () => {
+            const el = await litFixture(html `
+                    <sp-textfield type="url"></sp-textfield>
+                `);
+            // eslint-disable-next-line
+            // @ts-ignore
+            el.type = 'range';
+            await elementUpdated(el);
+            expect(el.getAttribute('type')).equals('range');
+            expect(el.type).equals('text');
+        });
+    });
+    describe('help text', () => {
+        const name = 'This is a textfield';
+        const description = 'This text helps you fill it out';
+        const descriptionNegative = 'This text helps you when invalid';
+        it('accepts help text in `slot="help-text"`', async () => {
+            const el = await litFixture(html `
+                <sp-textfield label=${name}>
+                    <sp-help-text slot="help-text">${description}</sp-help-text>
+                </sp-textfield>
+            `);
+            await elementUpdated(el);
+            await findDescribedNode(name, description);
+        });
+        it('accepts help text in `slot="help-text"` w/ own ID', async () => {
+            const el = await litFixture(html `
+                <sp-textfield label=${name}>
+                    <sp-help-text slot="help-text" id="help-text-id-1">
+                        ${description}
+                    </sp-help-text>
+                </sp-textfield>
+            `);
+            await elementUpdated(el);
+            await findDescribedNode(name, description);
+        });
+        it('manages neutral/negative help text pairs', async () => {
+            const el = await litFixture(html `
+                <sp-textfield label=${name}>
+                    <sp-help-text slot="help-text">${description}</sp-help-text>
+                    <sp-help-text slot="negative-help-text">
+                        ${descriptionNegative}
+                    </sp-help-text>
+                </sp-textfield>
+            `);
+            const negativeHelpText = el.querySelector('[slot="negative-help-text"]');
+            await elementUpdated(el);
+            expect(negativeHelpText.variant).to.equal('neutral');
+            await findDescribedNode(name, description);
+            el.invalid = true;
+            await elementUpdated(el);
+            expect(negativeHelpText.variant).to.equal('negative');
+            await findDescribedNode(name, descriptionNegative);
+        });
+        it('manages neutral/negative help text pairs w/ own IDs', async () => {
+            const el = await litFixture(html `
+                <sp-textfield label=${name}>
+                    <sp-help-text slot="help-text" id="help-text-id-2">
+                        ${description}
+                    </sp-help-text>
+                    <sp-help-text slot="negative-help-text" id="help-text-id-3">
+                        ${descriptionNegative}
+                    </sp-help-text>
+                </sp-textfield>
+            `);
+            const negativeHelpText = el.querySelector('[slot="negative-help-text"]');
+            await elementUpdated(el);
+            expect(negativeHelpText.variant).to.equal('neutral');
+            await findDescribedNode(name, description);
+            el.invalid = true;
+            await elementUpdated(el);
+            expect(negativeHelpText.variant).to.equal('negative');
+            await findDescribedNode(name, descriptionNegative);
+        });
+    });
+});
+//# sourceMappingURL=textfield.test.js.map

package/test/textfield.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.test.js","sourceRoot":"","sources":["textfield.test.ts"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,oDAAoD,CAAC;AAC5D,OAAO,oBAAoB,CAAC;AAE5B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEhC,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC;QAChB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC;QACpB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAc,CAAC;QAE/D,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEhC,EAAE,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,eAAe,GAAG,iBAAiB,CAAC;QAC1C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;4CAC4B,eAAe;aAC9C,CACJ,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC;YACtC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QAC7B,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;aAKH,CACJ,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;aAMH,CACJ,CAAC;QACF,MAAM,WAAW,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QAE/C,MAAM,SAAS,CAAC;YACZ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC5D;gBACD;oBACI,IAAI,EAAE,MAAM;iBACf;gBACD;oBACI,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;iBAC9D;gBACD;oBACI,IAAI,EAAE,IAAI;iBACb;aACJ;SACJ,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7D,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,WAAW,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QAE/C,MAAM,SAAS,CAAC;YACZ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC5D;gBACD;oBACI,IAAI,EAAE,MAAM;iBACf;gBACD;oBACI,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;iBAC9D;gBACD;oBACI,IAAI,EAAE,IAAI;iBACb;aACJ;SACJ,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;aAMH,CACJ,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;aAMH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACrB,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;aAMH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;;aAQH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC,UAAU;YACvB,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC5B,IAAI,aAAa,GAA4B,IAAI,CAAC;QAClD,MAAM,SAAS,GAAG,CAAC,KAAY,EAAQ,EAAE;YACrC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAClC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAqB,CAAC;QAChD,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,aAAa,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACrD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,IAAI,aAAa,GAA4B,IAAI,CAAC;QAClD,MAAM,SAAS,GAAG,CAAC,KAAY,EAAQ,EAAE;YACrC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAClC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAqB,CAAC;QAChD,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;aAKH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,aAAa,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACtD,MAAM,CAAC,QAAQ,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEnD,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,aAAa,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACtD,MAAM,CAAC,QAAQ,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC3B,MAAM,SAAS,GAAG,WAAW,CAAC;QAC9B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,EAAE,CAAC,YAAY,CAAC,KAAK,GAAG,SAAS,CAAC;QAClC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACrB,MAAM,SAAS,GAAG,WAAW,CAAC;QAC9B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;sCACsB,SAAS;aAClC,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAErC,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,EAAE,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,SAAS,GAAG,WAAW,CAAC;QAC9B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;sCACsB,SAAS;aAClC,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAErC,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;;;;;aAOH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,EAAE,CAAC,KAAK,EAAE,CAAC;QAEX,MAAM,QAAQ,CAAC;YACX,IAAI,EAAE,GAAG;SACZ,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvC,MAAM,QAAQ,CAAC;YACX,IAAI,EAAE,GAAG;SACZ,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC;QAE3B,MAAM,QAAQ,CAAC;YACX,IAAI,EAAE,GAAG;SACZ,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC;QAE3B,MAAM,QAAQ,CAAC;YACX,IAAI,EAAE,GAAG;SACZ,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC;QAE3B,MAAM,QAAQ,CAAC;YACX,KAAK,EAAE,WAAW;SACrB,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC;QAE3B,MAAM,QAAQ,CAAC;YACX,KAAK,EAAE,WAAW;SACrB,CAAC,CAAC;QACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,SAAS,GAAG,WAAW,CAAC;QAC9B,IAAI,WAAW,GAAG,IAAwB,CAAC;QAC3C,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAQ,EAAE;YACpC,WAAW,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAc,CAAC;QACvD,CAAC,CAAC;QACF,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;;8BAGc,QAAQ;;aAEzB,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,EAAE,CAAC,YAAY,CAAC,KAAK,GAAG,SAAS,CAAC;QAClC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAClD,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrC,MAAM,UAAU,GAAG,WAAwB,CAAC;QAC5C,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACrD,IAAI,EAAE,GAAG,MAAM,UAAU,CACrB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,IAAI,KAAK,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,IAAI,KAAK,EAAE;YACP,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC9D;QAED,EAAE,GAAG,MAAM,UAAU,CACjB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,KAAK,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACpE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,IAAI,KAAK,EAAE;YACP,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;SAC3D;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE/B,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;aAEH,CACJ,CAAC;QACF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAE9B,MAAM,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;QAErC,EAAE,CAAC,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC;QAC/B,YAAY,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAEpD,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAElC,YAAY,CAAC,KAAK,GAAG,OAAO,CAAC;QAC7B,YAAY,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,YAAY,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAEpD,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEhD,YAAY,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC9B,YAAY,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,YAAY,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAEpD,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC5B,cAAc;QACd,sFAAsF;QACtF,oHAAoH;QACpH,sGAAsG;QAEtG,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;;YACtD,MAAM,KAAK,GAAoB;gBAC3B,MAAM;gBACN,KAAK;gBACL,KAAK;gBACL,OAAO;gBACP,UAAU;aACb,CAAC;;gBACF,KAAsB,IAAA,UAAA,cAAA,KAAK,CAAA,WAAA;oBAAhB,MAAM,CAAC,kBAAA,CAAA;oBACd,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;6CACqB,CAAC;qBACzB,CACJ,CAAC;oBACF,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAE1B,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACjC;;;;;;;;;QACL,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;YACjE,MAAM,GAAG,GAAG,MAAM,UAAU,CACxB,IAAI,CAAA;;iBAEH,CACJ,CAAC;YAEF,MAAM,GAAG,GAAG,MAAM,UAAU,CACxB,IAAI,CAAA;;iBAEH,CACJ,CAAC;YACF,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAChC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAEhC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACnC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;YACjD,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;iBAEH,CACJ,CAAC;YAEF,EAAE,CAAC,IAAI,GAAG,OAAO,CAAC;YAClB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAChD,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;YACnE,MAAM,EAAE,GAAG,MAAM,UAAU,CACvB,IAAI,CAAA;;iBAEH,CACJ,CAAC;YAEF,2BAA2B;YAC3B,aAAa;YACb,EAAE,CAAC,IAAI,GAAG,OAAO,CAAC;YAClB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAChD,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACvB,MAAM,IAAI,GAAG,qBAAqB,CAAC;QACnC,MAAM,WAAW,GAAG,iCAAiC,CAAC;QACtD,MAAM,mBAAmB,GAAG,kCAAkC,CAAC;QAC/D,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;YACrD,MAAM,EAAE,GAAG,MAAM,UAAU,CAAC,IAAI,CAAA;sCACN,IAAI;qDACW,WAAW;;aAEnD,CAAC,CAAC;YAEH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;YAC/D,MAAM,EAAE,GAAG,MAAM,UAAU,CAAC,IAAI,CAAA;sCACN,IAAI;;0BAEhB,WAAW;;;aAGxB,CAAC,CAAC;YAEH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,EAAE,GAAG,MAAM,UAAU,CAAY,IAAI,CAAA;sCACjB,IAAI;qDACW,WAAW;;0BAEtC,mBAAmB;;;aAGhC,CAAC,CAAC;YACH,MAAM,gBAAgB,GAAG,EAAE,CAAC,aAAa,CACrC,6BAA6B,CACpB,CAAC;YAEd,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrD,MAAM,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAE3C,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC;YAClB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACtD,MAAM,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;YACjE,MAAM,EAAE,GAAG,MAAM,UAAU,CAAY,IAAI,CAAA;sCACjB,IAAI;;0BAEhB,WAAW;;;0BAGX,mBAAmB;;;aAGhC,CAAC,CAAC;YACH,MAAM,gBAAgB,GAAG,EAAE,CAAC,aAAa,CACrC,6BAA6B,CACpB,CAAC;YAEd,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrD,MAAM,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAE3C,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC;YAClB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACtD,MAAM,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Textfield, TextfieldType } from '../';\nimport { elementUpdated, expect, html, litFixture } from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { findDescribedNode } from '../../../test/testing-helpers-a11y.js';\nimport { HelpText } from '@spectrum-web-components/help-text';\nimport '@spectrum-web-components/help-text/sp-help-text.js';\nimport '../sp-textfield.js';\n\ndescribe('Textfield', () => {\n    it('loads default textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads multiline textfield accessibly', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield label=\"Enter your name\" multiline></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('manages tabIndex while disabled', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter Your Name\"></sp-textfield>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(0);\n\n        el.disabled = true;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.tabIndex = 2;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(-1);\n\n        el.disabled = false;\n        await elementUpdated(el);\n\n        expect(el.tabIndex).to.equal(2);\n    });\n\n    it('manages tabIndex before first render', async () => {\n        const el = document.createElement('sp-textfield') as Textfield;\n\n        expect(el.focusElement).to.be.null;\n        expect(el.tabIndex).to.equal(0);\n\n        el.remove();\n    });\n    it('loads', async () => {\n        const testPlaceholder = 'Enter your name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=${testPlaceholder}></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('input')\n            : null;\n        expect(input).to.not.be.null;\n        const placeholder = input ? input.placeholder : null;\n        expect(placeholder).to.equal(testPlaceholder);\n    });\n    it('multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('textarea')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('resizes by default', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).to.be.greaterThan(startBounds.width);\n        expect(endBounds.height).to.be.greaterThan(startBounds.height);\n    });\n    it('accepts resize styling', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    multiline\n                    style=\"resize: none;\"\n                    label=\"No resize control\"\n                    placeholder=\"No resize control\"\n                ></sp-textfield>\n            `\n        );\n        const startBounds = el.getBoundingClientRect();\n\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [startBounds.right - 2, startBounds.bottom - 2],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'move',\n                    position: [startBounds.right + 50, startBounds.bottom + 50],\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        const endBounds = el.getBoundingClientRect();\n        expect(endBounds.width).equals(startBounds.width);\n        expect(endBounds.height).equals(startBounds.height);\n    });\n    it('grows', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    multiline\n                    grows\n                ></sp-textfield>\n            `\n        );\n        expect(el).to.not.equal(undefined);\n        const sizer = el.shadowRoot\n            ? el.shadowRoot.querySelector('#sizer')\n            : null;\n        expect(sizer).to.not.be.null;\n    });\n    it('valid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^[\\\\d]+$\"\n                    value=\"123\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"你的名字\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('valid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    pattern=\"\\\\p{L}{4,8}\"\n                    value=\"你的名字\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#valid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"[\\\\d]+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - required', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    value=\"\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - unicode', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"\\\\p{N}+\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('invalid - multiline - boundary-type assertions', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your number\"\n                    pattern=\"^\\\\p{N}+$\"\n                    value=\"123 not valid\"\n                    required\n                    multiline\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        expect(el).to.not.equal(undefined);\n        const input = el.shadowRoot\n            ? el.shadowRoot.querySelector('#invalid')\n            : null;\n        expect(input).to.not.be.null;\n    });\n    it('receives focus', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.true;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('does not receive focus when disabled', async () => {\n        let activeElement: HTMLInputElement | null = null;\n        const onFocusIn = (event: Event): void => {\n            const path = event.composedPath();\n            activeElement = path[0] as HTMLInputElement;\n        };\n        document.addEventListener('focusin', onFocusIn);\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    disabled\n                    placeholder=\"Enter your name\"\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(activeElement === el.focusElement).to.be.false;\n        expect(document.activeElement === el).to.be.false;\n        document.removeEventListener('focusin', onFocusIn);\n    });\n    it('accepts input', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield placeholder=\"Enter your name\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n\n        expect(el.value).to.equal(testValue);\n    });\n    it('selects', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.select();\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('');\n    });\n    it('setSelectionRange', async () => {\n        const testValue = 'Test Name';\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=${testValue}></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal(testValue);\n\n        el.focus();\n        el.setSelectionRange(0, 'Test '.length);\n        await sendKeys({ press: 'Backspace' });\n        expect(el.value).to.equal('Name');\n    });\n    it('accepts maxlength', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    maxlength=\"3\"\n                    minlength=\"2\"\n                    required\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        el.focus();\n\n        await sendKeys({\n            type: 'a',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n\n        await sendKeys({\n            type: 'b',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'c',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            type: 'd',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('abc');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('ab');\n        expect(el.checkValidity());\n\n        await sendKeys({\n            press: 'Backspace',\n        });\n        await elementUpdated(el);\n        expect(el.value).to.equal('a');\n        expect(el.checkValidity()).to.be.false;\n    });\n    it('dispatches a `change` event', async () => {\n        const testValue = 'Test Name';\n        let eventSource = null as Textfield | null;\n        const onChange = (event: Event): void => {\n            eventSource = event.composedPath()[0] as Textfield;\n        };\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield\n                    placeholder=\"Enter your name\"\n                    @change=${onChange}\n                ></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n\n        el.focusElement.value = testValue;\n        el.focusElement.dispatchEvent(new Event('input'));\n        el.focusElement.dispatchEvent(new Event('change'));\n\n        expect(el.value).to.equal(testValue);\n        const testSource = eventSource as Textfield;\n        expect(testSource).to.equal(el);\n    });\n    it('passes through `autocomplete` attribute', async () => {\n        let el = await litFixture<Textfield>(\n            html`\n                <sp-textfield autocomplete=\"off\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        let input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.equal('off');\n        }\n\n        el = await litFixture<Textfield>(\n            html`\n                <sp-textfield></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        input = el.shadowRoot ? el.shadowRoot.querySelector('input') : null;\n        expect(input).to.exist;\n        if (input) {\n            expect(input.getAttribute('autocomplete')).to.not.exist;\n        }\n    });\n    it('tests on `required` changes', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield value=\"\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.invalid).to.be.false;\n\n        el.required = true;\n        await elementUpdated(el);\n        expect(el.invalid).to.be.true;\n    });\n    it('manages `allowed-keys`', async () => {\n        const el = await litFixture<Textfield>(\n            html`\n                <sp-textfield allowed-keys=\"asdf\"></sp-textfield>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.value).to.equal('');\n\n        const inputElement = el.focusElement;\n\n        el.focusElement.value = 'asdf';\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdf');\n\n        inputElement.value = `asdff`;\n        inputElement.setSelectionRange(1, 1);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(1);\n\n        inputElement.value = `asdoff`;\n        inputElement.setSelectionRange(4, 4);\n        inputElement.dispatchEvent(new InputEvent('input'));\n\n        await elementUpdated(el);\n        expect(el.value).to.equal('asdff');\n        expect(inputElement.selectionStart).to.equal(3);\n    });\n    describe('type attribute', () => {\n        // references:\n        // https://developer.mozilla.org/en-US/docs/Glossary/IDL#content_versus_idl_attributes\n        // https://html.spec.whatwg.org/multipage/common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes\n        // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#keywords-and-enumerated-attributes\n\n        it('assigns valid attributes to the property', async () => {\n            const types: TextfieldType[] = [\n                'text',\n                'url',\n                'tel',\n                'email',\n                'password',\n            ];\n            for await (const t of types) {\n                const el = await litFixture<Textfield>(\n                    html`\n                        <sp-textfield type=${t}></sp-textfield>\n                    `\n                );\n                expect(el.type).equals(t);\n\n                el.setAttribute('type', 'url');\n                expect(el.type).equals('url');\n            }\n        });\n        it('represents invalid and missing attributes as \"text\"', async () => {\n            const el1 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield></sp-textfield>\n                `\n            );\n\n            const el2 = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"time\"></sp-textfield>\n                `\n            );\n            expect(el1.type).equals('text');\n            expect(el2.type).equals('text');\n\n            el1.setAttribute('type', 'submit');\n            expect(el1.type).equals('text');\n        });\n        it('reflects valid property assignments', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            el.type = 'email';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('email');\n            expect(el.type).equals('email');\n        });\n        it('reflects invalid assignments but sets state to \"text\"', async () => {\n            const el = await litFixture<Textfield>(\n                html`\n                    <sp-textfield type=\"url\"></sp-textfield>\n                `\n            );\n\n            // eslint-disable-next-line\n            // @ts-ignore\n            el.type = 'range';\n            await elementUpdated(el);\n\n            expect(el.getAttribute('type')).equals('range');\n            expect(el.type).equals('text');\n        });\n    });\n    describe('help text', () => {\n        const name = 'This is a textfield';\n        const description = 'This text helps you fill it out';\n        const descriptionNegative = 'This text helps you when invalid';\n        it('accepts help text in `slot=\"help-text\"`', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('accepts help text in `slot=\"help-text\"` w/ own ID', async () => {\n            const el = await litFixture(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-1\">\n                        ${description}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n\n            await elementUpdated(el);\n\n            await findDescribedNode(name, description);\n        });\n        it('manages neutral/negative help text pairs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\">${description}</sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            await findDescribedNode(name, descriptionNegative);\n        });\n        it('manages neutral/negative help text pairs w/ own IDs', async () => {\n            const el = await litFixture<Textfield>(html`\n                <sp-textfield label=${name}>\n                    <sp-help-text slot=\"help-text\" id=\"help-text-id-2\">\n                        ${description}\n                    </sp-help-text>\n                    <sp-help-text slot=\"negative-help-text\" id=\"help-text-id-3\">\n                        ${descriptionNegative}\n                    </sp-help-text>\n                </sp-textfield>\n            `);\n            const negativeHelpText = el.querySelector(\n                '[slot=\"negative-help-text\"]'\n            ) as HelpText;\n\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('neutral');\n            await findDescribedNode(name, description);\n\n            el.invalid = true;\n            await elementUpdated(el);\n\n            expect(negativeHelpText.variant).to.equal('negative');\n            await findDescribedNode(name, descriptionNegative);\n        });\n    });\n});\n"]}