@api-client/ui 0.2.3 → 0.2.5

package/test/elements/http/BodyMultipartEditorElement.test.ts

@@ -1,4 +1,4 @@
-import { assert, fixture, nextFrame, html, aTimeout } from '@open-wc/testing'
+import { assert, fixture, nextFrame, html, oneEvent } from '@open-wc/testing'
 import sinon from 'sinon'
 import { loadMonaco } from '../MonacoSetup.js'
 import BodyMultipartEditorElement, { hasFormDataSupport } from '../../../src/elements/http/BodyMultipartEditor.js'
@@ -23,7 +23,7 @@ describe('elements', () => {
         const file = new File(['blob-value'], 'file.txt', { type: 'text/plain' })
         form.append('file', file, 'file.txt')
         element.value = form
-        await aTimeout(20)
+        await oneEvent(element, 'modelupdate')
         return element
       }
 
@@ -172,19 +172,19 @@ describe('elements', () => {
           element.model = [{ name: 'a', value: 'b', enabled: true }]
           // @ts-expect-error for testing
           element.value = undefined
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           assert.deepEqual(element.model, [])
         })
 
         it('generates the view model', async () => {
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           assert.lengthOf(element.model, 3)
         })
 
         it('generated model has restored text part property', async () => {
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           const [item] = element.model
 
           assert.deepEqual(item, {
@@ -199,7 +199,7 @@ describe('elements', () => {
 
         it('generated model has restored text blob part property', async () => {
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           const item = element.model[1]
           assert.deepEqual(item, {
             enabled: true,
@@ -214,7 +214,7 @@ describe('elements', () => {
 
         it('generated model has restored file part property', async () => {
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           const item = element.model[2]
           assert.deepEqual(item, {
             enabled: true,
@@ -230,7 +230,7 @@ describe('elements', () => {
         it('updates an existing model', async () => {
           element.model = [{ name: 'test', value: 'true', enabled: true }]
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           assert.equal(element.model[0].name, 'text')
         })
 
@@ -239,7 +239,7 @@ describe('elements', () => {
           const spy = sinon.spy()
           element.addEventListener('change', spy)
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           assert.isFalse(spy.called)
         })
       })
@@ -277,7 +277,7 @@ describe('elements', () => {
           const form = new FormData()
           form.append('a', 'b')
           element.value = form
-          await aTimeout(20)
+          await oneEvent(element, 'modelupdate')
           element.model = undefined
           const it = element.value.entries().next()
           assert.isTrue(it.done)
@@ -581,7 +581,7 @@ describe('elements', () => {
           const input = element.shadowRoot!.querySelector('.value-input input[data-index="1"]') as HTMLInputElement
           input.value = '* *'
           input.dispatchEvent(new Event('change'))
-          await aTimeout(20)
+          await oneEvent(element, 'change')
 
           const item = element.model[1]
 
@@ -599,7 +599,7 @@ describe('elements', () => {
           const input = element.shadowRoot!.querySelector('.value-input input[data-index="1"]') as HTMLInputElement
           input.value = '* *'
           input.dispatchEvent(new Event('change'))
-          await aTimeout(10)
+          await oneEvent(element, 'change')
           assert.isTrue(spy.calledOnce)
         })
       })
@@ -615,7 +615,7 @@ describe('elements', () => {
           input.value = 'text/other'
           input.dispatchEvent(new Event('change'))
 
-          await aTimeout(20)
+          await oneEvent(element, 'change')
           const item = element.model[1]
 
           assert.deepEqual(item, {
@@ -631,7 +631,7 @@ describe('elements', () => {
           input.value = 'text/x'
           input.dispatchEvent(new Event('change'))
 
-          await aTimeout(20)
+          await oneEvent(element, 'change')
           const item = element.model[0]
 
           assert.deepEqual(item, {
@@ -649,8 +649,7 @@ describe('elements', () => {
           const input = element.shadowRoot!.querySelector('.mime-input input[data-index="0"]') as HTMLInputElement
           input.value = 'text/x'
           input.dispatchEvent(new Event('change'))
-
-          await aTimeout(20)
+          await oneEvent(element, 'change')
           assert.isTrue(spy.called)
         })
       })

package/test/elements/http/CertificateAdd.test.ts

@@ -31,7 +31,7 @@ describe.skip('elements', () => {
         })
 
         it('renders the certificate name input', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           assert.ok(input, 'has the input')
         })
 
@@ -46,12 +46,12 @@ describe.skip('elements', () => {
         })
 
         it('renders the key password filed', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="keyPassword"]') as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="keyPassword"]') as Input
           assert.ok(input, 'has the input')
         })
 
         it('does not render the certificate password filed', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="certificatePassword"]')
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="certificatePassword"]')
           assert.notOk(input, 'has no input')
         })
       })
@@ -64,7 +64,7 @@ describe.skip('elements', () => {
         })
 
         it('renders the certificate name input', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           assert.ok(input, 'has the input')
         })
 
@@ -79,12 +79,12 @@ describe.skip('elements', () => {
         })
 
         it('does not render the key password filed', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="keyPassword"]')
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="keyPassword"]')
           assert.notOk(input, 'has no input')
         })
 
         it('renders the certificate password input', async () => {
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="certificatePassword"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="certificatePassword"]')! as Input
           assert.ok(input, 'has the input')
         })
       })
@@ -387,14 +387,14 @@ describe.skip('elements', () => {
           element.addEventListener(EventTypes.Store.File.create, spy)
           await element.submit()
           assert.isFalse(spy.called, 'does not dispatch store event')
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           assert.isTrue(input.invalid, 'the input is invalid')
         })
 
         it('informs when the certificate is missing', async () => {
           const key = new File(['test'], 'key.key', { type: 'text/plain' })
           await element.processDroppedFile(key, 'key')
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           input.value = 'test'
           input.notifyChange()
           await input.updateComplete
@@ -408,7 +408,7 @@ describe.skip('elements', () => {
         it('informs when the key is missing', async () => {
           const cert = new File(['test'], 'key.key', { type: 'text/plain' })
           await element.processDroppedFile(cert, 'certificate')
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           input.value = 'test'
           input.notifyChange()
           await input.updateComplete
@@ -424,7 +424,7 @@ describe.skip('elements', () => {
           const key = new File(['test'], 'key.key', { type: 'text/plain' })
           await element.processDroppedFile(cert, 'certificate')
           await element.processDroppedFile(key, 'key')
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           input.value = 'test'
           input.notifyChange()
           await input.updateComplete
@@ -445,7 +445,7 @@ describe.skip('elements', () => {
           const key = new File(['test'], 'key.key', { type: 'text/plain' })
           await element.processDroppedFile(cert, 'certificate')
           await element.processDroppedFile(key, 'key')
-          const input = element.shadowRoot!.querySelector('ui-text-field[name="name"]')! as Input
+          const input = element.shadowRoot!.querySelector('ui-filled-text-field[name="name"]')! as Input
           input.value = 'test'
           input.notifyChange()
           await input.updateComplete

package/test/elements/http/HttpAssertions.test.ts

@@ -821,7 +821,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.EqualAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.EqualAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -840,7 +840,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotEqualAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotEqualAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -859,7 +859,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.IncludesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.IncludesAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -878,7 +878,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotIncludesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotIncludesAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -898,7 +898,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.MatchesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.MatchesAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -918,7 +918,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.ToBeAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.ToBeAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -938,7 +938,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotToBeAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotToBeAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -958,7 +958,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.GreaterThanAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.GreaterThanAssertionKind}"]`
             ) as Input
 
             input.value = '20'
@@ -978,7 +978,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.LessThanAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.LessThanAssertionKind}"]`
             ) as Input
 
             input.value = '20'

package/test/elements/http/HttpFlows.test.ts

@@ -84,7 +84,7 @@ describe('element', () => {
           button.click()
           const dialog = element.flowAddDialog!
           await dialog.updateComplete
-          const input = dialog.querySelector('ui-text-field')!
+          const input = dialog.querySelector('ui-filled-text-field')!
           input.value = 'My Flow 1'
           input.notifyChange()
           const dialogButton = dialog.shadowRoot!.querySelector('.internal-button[value="confirm"]') as UiButton
@@ -288,7 +288,7 @@ describe('element', () => {
           assert.ok(pill, 'renders the data pill')
           assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value')
           assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill')
-          const input = unit.querySelector('ui-text-field') as Input
+          const input = unit.querySelector('ui-filled-text-field') as Input
           assert.ok(input, 'renders the path input')
         })
 
@@ -313,7 +313,7 @@ describe('element', () => {
           assert.ok(unit, 'renders the step container')
           const spacer = unit.querySelector('.drop-target.spacer')!
           assert.ok(spacer, 'renders the drop target')
-          const input = unit.querySelector('ui-text-field')!
+          const input = unit.querySelector('ui-filled-text-field')!
           assert.ok(input, 'renders the value input')
         })
 
@@ -478,7 +478,7 @@ describe('element', () => {
           assert.ok(pill, 'renders the data pill')
           assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value')
           assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill')
-          const input = unit.querySelector('ui-text-field') as Input
+          const input = unit.querySelector('ui-filled-text-field') as Input
           assert.ok(input, 'renders the path input')
         })
 

package/build/src/md/text-field/internals/TextField.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.styles.ts"],"names":[],"mappings":";AAEA,wBA8QC"}

package/build/src/md/text-field/internals/TextField.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.styles.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8QjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: inline-flex;\n    flex-direction: column;\n    vertical-align: top;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    cursor: text;\n\n    --_active-indicator-color: var(--md-sys-color-on-surface-variant);\n    --_active-indicator-height: 1px;\n    --_focus-active-indicator-color: var(--md-sys-color-primary, #6750a4);\n    --_focus-active-indicator-height: 2px;\n\n    min-width: 200px;\n  }\n\n  .surface {\n    height: 56px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    border-radius: var(--md-sys-shape-corner-extra-small-top);\n    cursor: inherit;\n  }\n\n  .container {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background-color: var(--md-sys-color-surface-variant);\n    border-radius: inherit;\n  }\n\n  .content {\n    height: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    cursor: inherit;\n  }\n\n  .body {\n    flex: 1;\n    overflow: hidden;\n    padding-top: 1em;\n    box-sizing: border-box;\n    position: relative;\n    cursor: inherit;\n  }\n\n  .label {\n    color: var(--md-sys-color-on-surface-variant);\n    max-width: 100%;\n    pointer-events: none;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    z-index: 3;\n\n    position: absolute;\n    transform: translateY(-1.35rem) scale(0.8);\n    transform-origin: left center;\n    top: 50%;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .labelResting .label {\n    transform: translateY(-50%) scale(1);\n  }\n\n  :host(:focus-within) .label {\n    color: var(--md-sys-color-primary);\n  }\n\n  .input {\n    caret-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-surface);\n    height: 24px; /* ??? */\n    flex: 1; /* ??? */\n    white-space: nowrap;\n    overflow: hidden;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    width: 1px;\n    cursor: inherit;\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .input:-webkit-autofill,\n  .input:autofill {\n    background-color: transparent !important;\n  }\n\n  .start,\n  .body,\n  .end {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n  }\n\n  .start {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .start.prefixed {\n    width: 24px;\n    min-width: 24px;\n    margin-left: 12px;\n    margin-right: 16px;\n  }\n\n  .end {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .end.suffixed {\n    width: 24px;\n    min-width: 24px;\n    margin-right: 12px;\n    padding-right: 12px;\n    margin-left: 16px;\n  }\n\n  .end ::slotted(*),\n  .start ::slotted(*) {\n    cursor: default;\n  }\n\n  .highlight {\n    inset: auto 0px 0px;\n    pointer-events: none;\n    position: absolute;\n    width: 100%;\n    z-index: 4;\n  }\n\n  .highlight::before {\n    content: '';\n    border-bottom: 1px solid var(--md-sys-color-on-surface-variant);\n    inset: auto 0px 0px;\n    position: absolute;\n  }\n\n  .highlight::after {\n    content: '';\n    border-bottom-color: var(--md-sys-color-primary);\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    opacity: 0;\n    transform: scaleX(0);\n    transform-origin: center center;\n\n    transition:\n      opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,\n      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;\n\n    position: absolute;\n    inset: auto 0px 0px;\n  }\n\n  :host(:focus-within) .highlight::after {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n\n  .labelHidden .label {\n    display: none;\n  }\n\n  .labelHidden .body {\n    padding-top: 0;\n  }\n\n  .supporting-text {\n    padding-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n    display: flex;\n    justify-content: space-between;\n    padding: 0 16px;\n  }\n\n  .supporting-text-start {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n    margin-right: 16px;\n  }\n\n  .container::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    background-color: var(--md-sys-color-on-surface-variant);\n    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  :host(:hover) .container::before {\n    opacity: var(--md-sys-state-hover-state-layer-opacity);\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .container {\n    background-color: var(--md-sys-color-on-surface);\n    opacity: 0.04;\n  }\n\n  :host([disabled]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([disabled]) .label,\n  :host([disabled]) .input,\n  :host([disabled]) .end ::slotted(*),\n  :host([disabled]) .start ::slotted(*) {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]) .label,\n  :host([invalid]) .supporting-text,\n  :host([invalid]) .end ::slotted(*) {\n    color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]:hover) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-error-container);\n  }\n\n  :host([invalid]:hover) .label,\n  :host([invalid]:hover) .end ::slotted(*) {\n    color: var(--md-sys-color-on-error-container);\n  }\n`\n"]}

package/build/src/md/text-field/internals/TextFieldElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextFieldElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1C,OAAO,KAAK,MAAM,sBAAsB,CAAA;AAExC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK;cAC9B,WAAW,IAAI,cAAc;CAoEjD"}

package/build/src/md/text-field/internals/TextFieldElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextFieldElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { live } from 'lit/directives/live.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport Input from '../../input/Input.js'\n\nexport default class TextFieldElement extends Input {\n  protected override renderInput(): TemplateResult {\n    const placeholderValue = this.placeholder || undefined\n    const maxValue = this.max || undefined\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined\n    const minValue = this.min || undefined\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined\n    const patternValue = this.pattern || undefined\n    const roleValue = this.dataRole || undefined\n    const stepValue = this.step || undefined\n    const { disabled } = this\n\n    const style: StyleInfo = {}\n    if (this.textDirection) {\n      style.direction = this.textDirection\n    }\n\n    const ariaActiveDescendantValue = this.ariaActiveDescendant || undefined\n    const ariaAutoCompleteValue = this.ariaAutoComplete || undefined\n    const ariaControlsValue = this.ariaControls || undefined\n    const ariaDescribedByValue = this.getAriaDescribedBy() || undefined\n    const ariaExpandedValue = this.ariaExpanded || undefined\n    const ariaLabelValue = this.ariaLabel || this.label || undefined\n    const ariaLabelledByValue = this.ariaLabelledBy || undefined\n\n    return html`\n      <input\n        class=\"input\"\n        style=${styleMap(style)}\n        type=${this.effectiveType}\n        name=\"${ifDefined(this.name)}\"\n        .value=${live(this.getInputValue())}\n        max=${ifDefined(maxValue as unknown as number)}\n        maxlength=${ifDefined(maxLengthValue)}\n        min=${ifDefined(minValue as unknown as number)}\n        minlength=${ifDefined(minLengthValue)}\n        pattern=${ifDefined(patternValue)}\n        placeholder=${ifDefined(placeholderValue)}\n        role=${ifDefined(roleValue as 'textbox')}\n        ?disabled=${disabled}\n        ?readonly=${this.readOnly}\n        ?required=${this.required}\n        step=${ifDefined(stepValue as unknown as number)}\n        autocomplete=\"${ifDefined(this.autocomplete)}\"\n        autocapitalize=\"${ifDefined(this.autocapitalize)}\"\n        autocorrect=\"${ifDefined(this.autocorrect)}\"\n        inputmode=\"${ifDefined(this.inputMode)}\"\n        size=\"${ifDefined(this.size)}\"\n        results=\"${ifDefined(this.results)}\"\n        accept=\"${ifDefined(this.accept)}\"\n        ?multiple=\"${this.multiple}\"\n        spellcheck=\"${ifDefined(this.spellcheck)}\"\n        list=\"input-list\"\n        @change=${this.retargetEvent}\n        @input=${this.handleInput}\n        @select=${this.retargetEvent}\n        @invalid=${this.invalidHandler}\n        @search=\"${this.retargetEvent}\"\n        aria-activedescendant=${ifDefined(ariaActiveDescendantValue)}\n        aria-autocomplete=${ifDefined(ariaAutoCompleteValue)}\n        aria-controls=${ifDefined(ariaControlsValue)}\n        aria-describedby=${ifDefined(ariaDescribedByValue)}\n        aria-expanded=${ifDefined(ariaExpandedValue)}\n        aria-invalid=${this.getError()}\n        aria-label=${ifDefined(ariaLabelValue)}\n        aria-labelledby=${ifDefined(ariaLabelledByValue)}\n      />\n    `\n  }\n}\n"]}

package/build/src/md/text-field/ui-text-field.d.ts

@@ -1,11 +0,0 @@
-import type { CSSResultOrNative } from 'lit';
-import Element from './internals/TextFieldElement.js';
-export declare class UiTextFieldElement extends Element {
-    static styles: CSSResultOrNative[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'ui-text-field': UiTextFieldElement;
-    }
-}
-//# sourceMappingURL=ui-text-field.d.ts.map

package/build/src/md/text-field/ui-text-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-text-field.d.ts","sourceRoot":"","sources":["../../../../src/md/text-field/ui-text-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAGrD,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAW;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAA;KACpC;CACF"}

package/build/src/md/text-field/ui-text-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-text-field.js","sourceRoot":"","sources":["../../../../src/md/text-field/ui-text-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,MAAM,MAAM,iCAAiC,CAAA;IAGvC,kBAAkB;4BAD9B,aAAa,CAAC,eAAe,CAAC;;;;sBACS,OAAO;kCAAf,SAAQ,WAAO;;;;YAA/C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAkB;;;;;SAAlB,kBAAkB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextFieldElement.js'\nimport styles from './internals/TextField.styles.js'\n\n@customElement('ui-text-field')\nexport class UiTextFieldElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-text-field': UiTextFieldElement\n  }\n}\n"]}

package/src/md/text-field/ui-text-field.ts

@@ -1,15 +0,0 @@
-import type { CSSResultOrNative } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import Element from './internals/TextFieldElement.js'
-import styles from './internals/TextField.styles.js'
-
-@customElement('ui-text-field')
-export class UiTextFieldElement extends Element {
-  static override styles: CSSResultOrNative[] = [styles]
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'ui-text-field': UiTextFieldElement
-  }
-}