@universal-material/web 3.3.8 → 3.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.3.8",
+  "version": "3.3.10",
   "description": "Material web components",
   "type": "module",
   "keywords": [

package/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAMxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAGxG,qBACa,QAAS,SAAQ,wBAAwB;;IAEpD,OAAgB,MAAM,4BAAwB;IAG9C,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAEpC,KAAK,EAAG,gBAAgB,CAAC;cAItB,aAAa,IAAI,kBAAkB;IAI7C,MAAM,IAAI,kBAAkB;IAuC5B,YAAY,CAAC,iBAAiB,EAAE,cAAc;CAUxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAMxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAGxG,qBACa,QAAS,SAAQ,wBAAwB;;IAEpD,OAAgB,MAAM,4BAAwB;IAG9C,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAEpC,KAAK,EAAG,gBAAgB,CAAC;cAItB,aAAa,IAAI,kBAAkB;IAI7C,MAAM,IAAI,kBAAkB;IAwC5B,YAAY,CAAC,iBAAiB,EAAE,cAAc;CAUxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}

package/search/search.js

@@ -29,13 +29,14 @@ let UmSearch = class UmSearch extends UmNativeTextFieldWrapper {
           </div>
           <input
             class="input"
-            part="input" 
+            part="input"
+            id=${this.id || nothing}
             spellcheck=${this.spellcheck}
-            autocomplete=${this.autocomplete}
-            autocapitalize=${this.autocapitalize}
-            role=${this.role}
+            autocomplete=${this.autocomplete ?? nothing}
+            autocapitalize=${this.autocapitalize || nothing}
+            role=${this.role ?? nothing}
             maxlength=${this.maxlength ?? nothing}
-            .placeholder=${this.placeholder}
+            .placeholder=${this.placeholder ?? nothing}
             .value=${live(this._value)}
             @input=${this._handleInput} />
     

package/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,wBAAwB;IAA/C;;QAKL,aAAQ,GAAoC,OAAO,CAAC;QAIpD,2BAAsB,GAA0B,IAAI,CAAC;IAuDvD,CAAC;aA9DiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAO9C,sBAAsB,CAA+B;IAElC,aAAa;QAC9B,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAEQ,MAAM;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC;YACvB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,OAAO;;;qDAG0B,IAAI,CAAC,4BAA4B;;;;;yBAK7D,IAAI,CAAC,UAAU;2BACb,IAAI,CAAC,YAAY;6BACf,IAAI,CAAC,cAAc;mBAC7B,IAAI,CAAC,IAAI;wBACJ,IAAI,CAAC,SAAS,IAAI,OAAO;2BACtB,IAAI,CAAC,WAAW;qBACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;qBACjB,IAAI,CAAC,YAAY;;;sDAGgB,IAAI,CAAC,6BAA6B;;;;WAI7E,CAAC;IACV,CAAC;IAED,4BAA4B;QAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7D,CAAC;IAED,6BAA6B;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/D,CAAC;IAEQ,YAAY,CAAC,iBAAiC;QACrD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrD,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,yBAAyB;QACvB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC;IACnF,CAAC;;AA1DD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACwB;AAEpC;IAAf,KAAK,CAAC,OAAO,CAAC;uCAA0B;AAP9B,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAgEpB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { styles } from './search.styles.js';\n\n@customElement('u-search')\nexport class UmSearch extends UmNativeTextFieldWrapper {\n\n  static override styles = [baseStyles, styles];\n\n  @property({ reflect: true })\n  position: 'fixed' | 'absolute' | 'static' = 'fixed';\n\n  @query('input') input!: HTMLInputElement;\n\n  #containerSizeObserver: ResizeObserver | null = null;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html``;\n  }\n\n  override render(): HTMLTemplateResult {\n    const classes = classMap({\n      'inner-container': true,\n    });\n\n    return html`<div class=\"container\">\n      <div class=\"${classes}\">\n        <div class=\"content\">\n          <div class=\"icon leading-icon\" part=\"icon leading\">\n            <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n          </div>\n          <input\n            class=\"input\"\n            part=\"input\" \n            spellcheck=${this.spellcheck}\n            autocomplete=${this.autocomplete}\n            autocapitalize=${this.autocapitalize}\n            role=${this.role}\n            maxlength=${this.maxlength ?? nothing}\n            .placeholder=${this.placeholder}\n            .value=${live(this._value)}\n            @input=${this._handleInput} />\n    \n          <div class=\"icon trailing-icon\" part=\"icon trailing\">\n            <slot name=\"trailing-icon\" @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n          </div>\n        </div>\n      </div>\n    </div>`;\n  }\n\n  #handleLeadingIconSlotChange() {\n    this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n  }\n\n  #handleTrailingIconSlotChange() {\n    this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.#containerSizeObserver = new ResizeObserver(() => this.#setContentHeightProperty());\n    this.#containerSizeObserver.observe(this._container);\n    this.#setContentHeightProperty();\n  }\n\n  #setContentHeightProperty() {\n    this.style.setProperty('--_content-height', `${this._container.clientHeight}px`);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-search': UmSearch;\n  }\n}\n"]}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/search/search.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,wBAAwB;IAA/C;;QAKL,aAAQ,GAAoC,OAAO,CAAC;QAIpD,2BAAsB,GAA0B,IAAI,CAAC;IAwDvD,CAAC;aA/DiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAO9C,sBAAsB,CAA+B;IAElC,aAAa;QAC9B,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAEQ,MAAM;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC;YACvB,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,OAAO;;;qDAG0B,IAAI,CAAC,4BAA4B;;;;;iBAKrE,IAAI,CAAC,EAAE,IAAI,OAAO;yBACV,IAAI,CAAC,UAAU;2BACb,IAAI,CAAC,YAAY,IAAI,OAAO;6BAC1B,IAAI,CAAC,cAAc,IAAI,OAAO;mBACxC,IAAI,CAAC,IAAI,IAAI,OAAO;wBACf,IAAI,CAAC,SAAS,IAAI,OAAO;2BACtB,IAAI,CAAC,WAAW,IAAI,OAAO;qBACjC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;qBACjB,IAAI,CAAC,YAAY;;;sDAGgB,IAAI,CAAC,6BAA6B;;;;WAI7E,CAAC;IACV,CAAC;IAED,4BAA4B;QAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7D,CAAC;IAED,6BAA6B;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/D,CAAC;IAEQ,YAAY,CAAC,iBAAiC;QACrD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrD,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,yBAAyB;QACvB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC;IACnF,CAAC;;AA3DD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACwB;AAEpC;IAAf,KAAK,CAAC,OAAO,CAAC;uCAA0B;AAP9B,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAiEpB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { styles } from './search.styles.js';\n\n@customElement('u-search')\nexport class UmSearch extends UmNativeTextFieldWrapper {\n\n  static override styles = [baseStyles, styles];\n\n  @property({ reflect: true })\n  position: 'fixed' | 'absolute' | 'static' = 'fixed';\n\n  @query('input') input!: HTMLInputElement;\n\n  #containerSizeObserver: ResizeObserver | null = null;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html``;\n  }\n\n  override render(): HTMLTemplateResult {\n    const classes = classMap({\n      'inner-container': true,\n    });\n\n    return html`<div class=\"container\">\n      <div class=\"${classes}\">\n        <div class=\"content\">\n          <div class=\"icon leading-icon\" part=\"icon leading\">\n            <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n          </div>\n          <input\n            class=\"input\"\n            part=\"input\"\n            id=${this.id || nothing}\n            spellcheck=${this.spellcheck}\n            autocomplete=${this.autocomplete ?? nothing}\n            autocapitalize=${this.autocapitalize || nothing}\n            role=${this.role ?? nothing}\n            maxlength=${this.maxlength ?? nothing}\n            .placeholder=${this.placeholder ?? nothing}\n            .value=${live(this._value)}\n            @input=${this._handleInput} />\n    \n          <div class=\"icon trailing-icon\" part=\"icon trailing\">\n            <slot name=\"trailing-icon\" @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n          </div>\n        </div>\n      </div>\n    </div>`;\n  }\n\n  #handleLeadingIconSlotChange() {\n    this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n  }\n\n  #handleTrailingIconSlotChange() {\n    this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.#containerSizeObserver = new ResizeObserver(() => this.#setContentHeightProperty());\n    this.#containerSizeObserver.observe(this._container);\n    this.#setContentHeightProperty();\n  }\n\n  #setContentHeightProperty() {\n    this.style.setProperty('--_content-height', `${this._container.clientHeight}px`);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-search': UmSearch;\n  }\n}\n"]}

package/text-field/text-field.js

@@ -27,11 +27,11 @@ let UmTextField = class UmTextField extends UmNativeTextFieldWrapper {
           ?readonly=${this.readOnly}
           ?disabled=${this.disabled}
           spellcheck=${this.spellcheck}
-          autocomplete=${this.autocomplete}
-          autocapitalize=${this.autocapitalize}
-          role=${this.role}
+          autocomplete=${this.autocomplete ?? nothing}
+          autocapitalize=${this.autocapitalize || nothing}
+          role=${this.role ?? nothing}
           maxlength=${this.maxlength ?? nothing}
-          .placeholder=${this.placeholder}
+          .placeholder=${this.placeholder ?? nothing}
           .value=${live(this._value)}
           @input=${this._handleInput} />
       </div>

package/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,wBAAwB;IAAlD;;QAGO,SAAI,GAAG,MAAM,CAAC;QAGkB,aAAQ,GAAG,KAAK,CAAC;IAiC/D,CAAC;aAtCiB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IAUvD,aAAa;QAC9B,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,UAAU;;;;iBAId,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE,IAAI,OAAO;;;sBAGX,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;uBACZ,IAAI,CAAC,UAAU;yBACb,IAAI,CAAC,YAAY;2BACf,IAAI,CAAC,cAAc;iBAC7B,IAAI,CAAC,IAAI;sBACJ,IAAI,CAAC,SAAS,IAAI,OAAO;yBACtB,IAAI,CAAC,WAAW;mBACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;mBACjB,IAAI,CAAC,YAAY;;;gBAGpB,IAAI,CAAC,UAAU;;KAE1B,CAAC;IACJ,CAAC;;AAnCW;IAAX,QAAQ,EAAE;yCAAe;AACc;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AAC/B;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AAC3B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACvB;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkC;AAE9C;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAT9B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAuCvB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './text-field.styles.js';\n\n@customElement('u-text-field')\nexport class UmTextField extends UmNativeTextFieldWrapper {\n  static override styles: CSSResultGroup = [UmTextFieldBase.styles, styles];\n\n  @property() type = 'text';\n  @property({ attribute: 'prefix-text' }) prefixText: string | undefined;\n  @property({ attribute: 'suffix-text' }) suffixText: string | undefined;\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n  @property({ reflect: true }) override autocapitalize!: string;\n\n  @query('input') input!: HTMLInputElement;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <slot class=\"prefix\" name=\"prefix\">\n        <span>${this.prefixText}</span>\n      </slot>\n      <div class=\"input\">\n        <input\n          type=${this.type}\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          aria-describedBy=\"supporting-text\"\n          ?readonly=${this.readOnly}\n          ?disabled=${this.disabled}\n          spellcheck=${this.spellcheck}\n          autocomplete=${this.autocomplete}\n          autocapitalize=${this.autocapitalize}\n          role=${this.role}\n          maxlength=${this.maxlength ?? nothing}\n          .placeholder=${this.placeholder}\n          .value=${live(this._value)}\n          @input=${this._handleInput} />\n      </div>\n      <slot class=\"suffix\" name=\"suffix\">\n        <span>${this.suffixText}</span>\n      </slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-text-field': UmTextField;\n  }\n}\n"]}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,wBAAwB;IAAlD;;QAGO,SAAI,GAAG,MAAM,CAAC;QAGkB,aAAQ,GAAG,KAAK,CAAC;IAiC/D,CAAC;aAtCiB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IAUvD,aAAa;QAC9B,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,UAAU;;;;iBAId,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE,IAAI,OAAO;;;sBAGX,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;uBACZ,IAAI,CAAC,UAAU;yBACb,IAAI,CAAC,YAAY,IAAI,OAAO;2BAC1B,IAAI,CAAC,cAAc,IAAI,OAAO;iBACxC,IAAI,CAAC,IAAI,IAAI,OAAO;sBACf,IAAI,CAAC,SAAS,IAAI,OAAO;yBACtB,IAAI,CAAC,WAAW,IAAI,OAAO;mBACjC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;mBACjB,IAAI,CAAC,YAAY;;;gBAGpB,IAAI,CAAC,UAAU;;KAE1B,CAAC;IACJ,CAAC;;AAnCW;IAAX,QAAQ,EAAE;yCAAe;AACc;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AAC/B;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AAC3B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACvB;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkC;AAE9C;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAT9B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAuCvB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './text-field.styles.js';\n\n@customElement('u-text-field')\nexport class UmTextField extends UmNativeTextFieldWrapper {\n  static override styles: CSSResultGroup = [UmTextFieldBase.styles, styles];\n\n  @property() type = 'text';\n  @property({ attribute: 'prefix-text' }) prefixText: string | undefined;\n  @property({ attribute: 'suffix-text' }) suffixText: string | undefined;\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n  @property({ reflect: true }) override autocapitalize!: string;\n\n  @query('input') input!: HTMLInputElement;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <slot class=\"prefix\" name=\"prefix\">\n        <span>${this.prefixText}</span>\n      </slot>\n      <div class=\"input\">\n        <input\n          type=${this.type}\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          aria-describedBy=\"supporting-text\"\n          ?readonly=${this.readOnly}\n          ?disabled=${this.disabled}\n          spellcheck=${this.spellcheck}\n          autocomplete=${this.autocomplete ?? nothing}\n          autocapitalize=${this.autocapitalize || nothing}\n          role=${this.role ?? nothing}\n          maxlength=${this.maxlength ?? nothing}\n          .placeholder=${this.placeholder ?? nothing}\n          .value=${live(this._value)}\n          @input=${this._handleInput} />\n      </div>\n      <slot class=\"suffix\" name=\"suffix\">\n        <span>${this.suffixText}</span>\n      </slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-text-field': UmTextField;\n  }\n}\n"]}

package/vscode.html-custom-data.json

@@ -2,6 +2,17 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
+    {
+      "name": "u-badge",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "static",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-top-app-bar",
       "description": "\n---\n",
@@ -558,17 +569,6 @@
       ],
       "references": []
     },
-    {
-      "name": "u-badge",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "static",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "u-card-content",
       "description": "\n---\n",
@@ -682,175 +682,175 @@
       "references": []
     },
     {
-      "name": "u-chip-field",
-      "description": "\n---\n\n\n### **Events:**\n - **change**",
+      "name": "u-chip-set",
+      "description": "\n---\n",
       "attributes": [
         {
-          "name": "name",
-          "values": []
-        },
-        {
-          "name": "manual",
-          "description": "If true, ignore enter key input",
-          "values": []
-        },
-        {
-          "name": "placeholder",
-          "values": []
-        },
-        {
-          "name": "variant",
+          "name": "alignment",
+          "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
           "values": [
             {
-              "name": "filled"
+              "name": "start"
             },
             {
-              "name": "outlined"
+              "name": "center"
+            },
+            {
+              "name": "end"
             }
           ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-chip",
+      "description": "\n---\n\n\n### **Events:**\n - **change**",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Whether the chip is selected or not",
+          "values": []
         },
         {
-          "name": "label",
-          "description": "The floating label for the field",
+          "name": "clickable",
           "values": []
         },
         {
-          "name": "counter",
+          "name": "elevated",
+          "description": "Adds elevation to the chip",
           "values": []
         },
         {
-          "name": "hide-counter",
+          "name": "toggle",
+          "description": "When true, the chip will toggle between selected and unselected\nstates",
           "values": []
         },
         {
-          "name": "supporting-text",
-          "description": "Supporting text conveys additional information about the field, such as how it will be used",
+          "name": "removable",
+          "description": "Add the remove icon",
           "values": []
         },
         {
-          "name": "error-text",
-          "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+          "name": "hide-selected-icon",
+          "description": "Hide the selected icon",
           "values": []
         },
         {
-          "name": "empty",
-          "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+          "name": "has-leading-icon",
+          "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
           "values": []
         },
         {
-          "name": "disabled",
+          "name": "has-selected-icon",
+          "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
           "values": []
         },
         {
-          "name": "invalid",
-          "description": "Get or sets where or not the field is in a visually invalid state.",
+          "name": "has-trailing-icon",
+          "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
           "values": []
         },
         {
-          "name": "has-leading-icon",
-          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
           "values": []
         },
         {
-          "name": "has-trailing-icon",
-          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "name": "href",
+          "description": "The URL that the link button points to.",
           "values": []
         },
         {
-          "name": "has-error-text",
-          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-chip-set",
-      "description": "\n---\n",
-      "attributes": [
+        },
         {
-          "name": "alignment",
-          "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-          "values": [
-            {
-              "name": "start"
-            },
-            {
-              "name": "center"
-            },
-            {
-              "name": "end"
-            }
-          ]
+          "name": "name",
+          "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-chip",
+      "name": "u-chip-field",
       "description": "\n---\n\n\n### **Events:**\n - **change**",
       "attributes": [
         {
-          "name": "selected",
-          "description": "Whether the chip is selected or not",
+          "name": "name",
           "values": []
         },
         {
-          "name": "clickable",
+          "name": "manual",
+          "description": "If true, ignore enter key input",
           "values": []
         },
         {
-          "name": "elevated",
-          "description": "Adds elevation to the chip",
+          "name": "placeholder",
           "values": []
         },
         {
-          "name": "toggle",
-          "description": "When true, the chip will toggle between selected and unselected\nstates",
+          "name": "variant",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outlined"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The floating label for the field",
           "values": []
         },
         {
-          "name": "removable",
-          "description": "Add the remove icon",
+          "name": "counter",
           "values": []
         },
         {
-          "name": "hide-selected-icon",
-          "description": "Hide the selected icon",
+          "name": "hide-counter",
           "values": []
         },
         {
-          "name": "has-leading-icon",
-          "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
+          "name": "supporting-text",
+          "description": "Supporting text conveys additional information about the field, such as how it will be used",
           "values": []
         },
         {
-          "name": "has-selected-icon",
-          "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
+          "name": "error-text",
+          "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
           "values": []
         },
         {
-          "name": "has-trailing-icon",
-          "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
+          "name": "empty",
+          "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "Whether the button is disabled or not.",
           "values": []
         },
         {
-          "name": "href",
-          "description": "The URL that the link button points to.",
+          "name": "invalid",
+          "description": "Get or sets where or not the field is in a visually invalid state.",
           "values": []
         },
         {
-          "name": "target",
-          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "name": "has-leading-icon",
+          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
           "values": []
         },
         {
-          "name": "name",
+          "name": "has-trailing-icon",
+          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-error-text",
+          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
           "values": []
         }
       ],
@@ -1186,41 +1186,43 @@
       "references": []
     },
     {
-      "name": "u-radio-list-item",
+      "name": "u-circular-progress",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "leading",
-          "values": []
-        },
-        {
-          "name": "hide-state-layer",
-          "values": []
-        },
-        {
-          "name": "name",
+          "name": "value",
           "values": []
         },
         {
-          "name": "disabled",
+          "name": "max",
           "values": []
-        },
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-progress-bar",
+      "description": "\n---\n",
+      "attributes": [
         {
           "name": "value",
-          "description": "The element value to use in form submission when checked.",
           "values": []
         },
         {
-          "name": "checked",
+          "name": "max",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-radio",
+      "name": "u-radio-list-item",
       "description": "\n---\n",
       "attributes": [
+        {
+          "name": "leading",
+          "values": []
+        },
         {
           "name": "hide-state-layer",
           "values": []
@@ -1246,30 +1248,28 @@
       "references": []
     },
     {
-      "name": "u-circular-progress",
+      "name": "u-radio",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "value",
+          "name": "hide-state-layer",
           "values": []
         },
         {
-          "name": "max",
+          "name": "name",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-progress-bar",
-      "description": "\n---\n",
-      "attributes": [
+        },
+        {
+          "name": "disabled",
+          "values": []
+        },
         {
           "name": "value",
+          "description": "The element value to use in form submission when checked.",
           "values": []
         },
         {
-          "name": "max",
+          "name": "checked",
           "values": []
         }
       ],