@noctuatech/uswds 0.1.2 → 0.1.4

package/target/lib/checkbox/checkbox.stories.js

@@ -10,53 +10,12 @@ export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
 export const Primary = {
     render() {
-        return html `
-      <usa-checkbox-group>
-        <legend class="usa-legend">Select any historical figure</legend>
-
-        <usa-checkbox name="historical-figure" value="sojurner-truth">
-          Sojourner Truth
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="frederick-douglass">
-          Frederick Douglass
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="booker-t-washington">
-          Booker T. Washington
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="gw-carver" disabled>
-          George Washington Carver
-        </usa-checkbox>
-      </usa-checkbox-group>
-    `;
+        return html `<usa-checkbox-group><legend class="usa-legend">Select any historical figure</legend><usa-checkbox name="historical-figure" value="sojurner-truth">Sojourner Truth</usa-checkbox><usa-checkbox name="historical-figure" value="frederick-douglass">Frederick Douglass</usa-checkbox><usa-checkbox name="historical-figure" value="booker-t-washington">Booker T. Washington</usa-checkbox><usa-checkbox name="historical-figure" value="gw-carver" disabled="disabled">George Washington Carver</usa-checkbox></usa-checkbox-group>`;
     },
 };
 export const Tiled = {
     render() {
-        return html `
-      <usa-checkbox-group>
-        <legend class="usa-legend">Select any historical figure</legend>
-
-        <usa-checkbox name="historical-figure" value="sojurner-truth" tiled>
-          Sojourner Truth
-          <usa-description>This is optional text that can be used to describe the label in more detail.</usa-description>
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="frederick-douglass" tiled>
-          Frederick Douglass
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="booker-t-washington" tiled>
-          Booker T. Washington
-        </usa-checkbox>
-
-        <usa-checkbox name="historical-figure" value="gw-carver" tiled disabled>
-          George Washington Carver
-        </usa-checkbox>
-      </usa-checkbox-group>
-    `;
+        return html `<usa-checkbox-group><legend class="usa-legend">Select any historical figure</legend><usa-checkbox name="historical-figure" value="sojurner-truth" tiled>Sojourner Truth<usa-description>This is optional text that can be used to describe the label in more detail.</usa-description></usa-checkbox><usa-checkbox name="historical-figure" value="frederick-douglass" tiled>Frederick Douglass</usa-checkbox><usa-checkbox name="historical-figure" value="booker-t-washington" tiled>Booker T. Washington</usa-checkbox><usa-checkbox name="historical-figure" value="gw-carver" tiled disabled="disabled">George Washington Carver</usa-checkbox></usa-checkbox-group>`;
     },
 };
 //# sourceMappingURL=checkbox.stories.js.map

package/target/lib/checkbox/checkbox.test.js

@@ -2,32 +2,16 @@ import "./checkbox.element.js";
 import { assert, fixture, html } from "@open-wc/testing";
 describe("usa-checkbox", () => {
     it("should be accessible", async () => {
-        const form = await fixture(html `
-      <usa-checkbox name="fname" value="Foo">Hello World</usa-checkbox>
-    `);
+        const form = await fixture(html `<usa-checkbox name="fname" value="Foo">Hello World</usa-checkbox>`);
         return assert.isAccessible(form);
     });
     it("should submit form with default values", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-checkbox name="enabled" value="test" checked>
-          Hello World
-        </usa-checkbox>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-checkbox name="enabled" value="test" checked="checked">Hello World</usa-checkbox><button>Submit</button></form>`);
         const value = new FormData(form);
         assert.equal(value.get("enabled"), "test");
     });
     it("should update form value as input value changed", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-checkbox name="enabled" value="test">Hello World</usa-checkbox>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-checkbox name="enabled" value="test">Hello World</usa-checkbox><button>Submit</button></form>`);
         const checkbox = form.querySelector("usa-checkbox");
         const nativeInput = checkbox?.shadowRoot?.querySelector("input");
         if (nativeInput) {
@@ -37,15 +21,7 @@ describe("usa-checkbox", () => {
         assert.equal(value.get("enabled"), "test");
     });
     it("should not submit when not valid", async () => {
-        const form = await fixture(html `
-      <form>
-        <usa-checkbox name="enabled" value="test" required>
-          Hello World
-        </usa-checkbox>
-
-        <button>Submit</button>
-      </form>
-    `);
+        const form = await fixture(html `<form><usa-checkbox name="enabled" value="test" required>Hello World</usa-checkbox><button>Submit</button></form>`);
         assert.equal(form.checkValidity(), false);
     });
 });

package/target/lib/collection/collection-item/collection-item.element.js

@@ -4,46 +4,8 @@ let USACollectionItemElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-collection-item",
             shadowDom: [
-                css `
-      :host {
-        display: flex;
-        gap: 1rem;
-      }
-
-      .content {
-        display: flex;
-        flex-direction: column;
-      }
-
-      slot[name="heading"]::slotted(*) {
-        font-size: 1.13rem;
-        line-height: 1.3;
-        margin-bottom: 0;
-        margin-top: 0;
-      }
-
-      .description {
-        margin-bottom: .5rem;
-        margin-top: .5rem;
-      }
-    `,
-                html `
-      <slot name="img"></slot>
-
-      <div class="content">
-        <div class="heading">
-          <slot name="heading"></slot>
-        </div>
-
-        <div class="description">
-          <slot name="description"></slot>
-        </div>
-
-        <div class="slots">
-          <slot name="tags"></slot>
-        </div>
-      </div>
-    `,
+                css `:host{display:flex;gap:1rem}.content{display:flex;flex-direction:column}slot[name=heading]::slotted(*){font-size:1.13rem;line-height:1.3;margin-bottom:0;margin-top:0}.description{margin-bottom:.5rem;margin-top:.5rem}`,
+                html `<slot name="img"></slot><div class="content"><div class="heading"><slot name="heading"></slot></div><div class="description"><slot name="description"></slot></div><div class="slots"><slot name="tags"></slot></div></div>`,
             ],
         })];
     let _classDescriptor;

package/target/lib/collection/collection-item/collection-item.test.js

@@ -2,9 +2,7 @@ import "./collection-item.element.js";
 import { assert, fixture, html } from "@open-wc/testing";
 describe("usa-collection-item", () => {
     it("should be accessible", async () => {
-        const collectionItem = await fixture(html `
-      <usa-collection-item>Hello World</usa-collection-item>
-    `);
+        const collectionItem = await fixture(html `<usa-collection-item>Hello World</usa-collection-item>`);
         return assert.isAccessible(collectionItem);
     });
 });

package/target/lib/collection/collection.element.js

@@ -4,16 +4,8 @@ let USACollectionElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-collection",
             shadowDom: [
-                css `
-      :host {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-        gap: 2rem;
-      }
-    `,
-                html `
-      <slot></slot>
-    `,
+                css `:host{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}`,
+                html `<slot></slot>`,
             ],
         })];
     let _classDescriptor;

package/target/lib/collection/collection.stories.js

@@ -4,69 +4,7 @@ const meta = {
     title: "usa-collection",
     tags: ["autodocs"],
     render() {
-        return html `
-      <usa-collection>
-        <usa-collection-item>
-          <h4 slot="heading">
-            <usa-link href="#">Gears of Government President's Award winners</usa-link>
-          </h4>
-
-          <div slot="description">
-            Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
-          </div>
-
-          <usa-tag slot="tags" type="new">NEW</usa-tag>
-          <usa-tag slot="tags">PMA</usa-tag>
-          <usa-tag slot="tags">OMB</usa-tag>
-        </usa-collection-item>
-
-        <usa-collection-item>
-          <img height="80" width="80" src="/assets/img/gog-logo.png" slot="img"/>
-
-          <h4 slot="heading">
-            <usa-link href="#">Gears of Government President's Award winners</usa-link>
-          </h4>
-
-          <div slot="description">
-            Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
-          </div>
-
-          <usa-tag slot="tags" type="new">NEW</usa-tag>
-          <usa-tag slot="tags">PMA</usa-tag>
-          <usa-tag slot="tags">OMB</usa-tag>
-        </usa-collection-item>
-
-        <usa-collection-item>
-          <h4 slot="heading">
-            <usa-link href="#">Women-owned small business dashboard</usa-link>
-          </h4>
-
-          <div slot="description">
-            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
-          </div>
-
-          <usa-tag slot="tags" type="new">NEW</usa-tag>
-          <usa-tag slot="tags">PMA</usa-tag>
-          <usa-tag slot="tags">OMB</usa-tag>
-        </usa-collection-item>
-
-        <usa-collection-item>
-          <img height="52" width="80" src="/assets/img/wosb1.jpg" slot="img"/>
-
-          <h4 slot="heading">
-            <usa-link href="#">Women-owned small business dashboard</usa-link>
-          </h4>
-          
-          <div slot="description">
-            In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!
-          </div>
-
-          <usa-tag slot="tags" type="new">NEW</usa-tag>
-          <usa-tag slot="tags">PMA</usa-tag>
-          <usa-tag slot="tags">OMB</usa-tag>
-        </usa-collection-item>
-      </usa-collection>
-    `;
+        return html `<usa-collection><usa-collection-item><h4 slot="heading"><usa-link href="#">Gears of Government President's Award winners</usa-link></h4><div slot="description">Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><img height="80" width="80" src="./img/gog-logo.png" slot="img"><h4 slot="heading"><usa-link href="#">Gears of Government President's Award winners</usa-link></h4><div slot="description">Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><h4 slot="heading"><usa-link href="#">Women-owned small business dashboard</usa-link></h4><div slot="description">In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><img height="52" width="80" src="./img/wosb1.jpg" slot="img"><h4 slot="heading"><usa-link href="#">Women-owned small business dashboard</usa-link></h4><div slot="description">In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item></usa-collection>`;
     },
     argTypes: {},
     args: {},

package/target/lib/collection/collection.test.js

@@ -2,9 +2,7 @@ import "./collection.element.js";
 import { assert, fixture, html } from "@open-wc/testing";
 describe("usa-collection", () => {
     it("should be accessible", async () => {
-        const collection = await fixture(html `
-      <usa-collection>Hello World</usa-collection>
-    `);
+        const collection = await fixture(html `<usa-collection>Hello World</usa-collection>`);
         return assert.isAccessible(collection);
     });
 });

package/target/lib/combo-box/combo-box-option/combo-box-option.element.js

@@ -2,26 +2,14 @@ import { __esDecorate, __runInitializers } from "tslib";
 import { inject, injectable } from "@joist/di";
 import { attr, css, element, html, query } from "@joist/element";
 import { COMBO_BOX_CTX } from "../context.js";
-const template = document.createElement("template");
-template.innerHTML = /*html*/ `
-  <li tabindex="-1" role="option">
-    <slot></slot>
-  </li>
-`;
+const listTemplate = html `<li tabindex="-1" role="option"><slot></slot></li>`;
 let USAComboBoxOptionElement = (() => {
     let _classDecorators = [injectable({
             name: "usa-combo-box-option-ctx",
         }), element({
             tagName: "usa-combo-box-option",
             shadowDom: [
-                css `
-    :host {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      padding: 0.5rem;  
-    }
-    `,
+                css `:host{display:flex;align-items:center;gap:.5rem;padding:.5rem}`,
                 html `<slot></slot>`,
             ],
         })];
@@ -46,14 +34,14 @@ let USAComboBoxOptionElement = (() => {
         #value_accessor_storage = __runInitializers(this, _value_initializers, "");
         get value() { return this.#value_accessor_storage; }
         set value(value) { this.#value_accessor_storage = value; }
-        #listItem = (__runInitializers(this, _value_extraInitializers), template.content.cloneNode(true));
+        #listItem = (__runInitializers(this, _value_extraInitializers), listTemplate.createNode());
         #li = query("li", this.#listItem);
         #slot = query("slot", this.#listItem);
         #ctx = inject(COMBO_BOX_CTX);
         attributeChangedCallback() {
             const value = this.value.split(" ").join("-").toLocaleLowerCase();
             this.#li().dataset.value = this.value;
-            this.#slot().name = value;
+            this.#slot({ name: value });
             this.slot = value;
         }
         connectedCallback() {

package/target/lib/combo-box/combo-box-option/combo-box-option.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box-option.element.js","sourceRoot":"","sources":["../../../../src/lib/combo-box/combo-box-option/combo-box-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;AAEpD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC;;;;CAI7B,CAAC;IAmBW,wBAAwB;4BAjBpC,UAAU,CAAC;YACV,IAAI,EAAE,0BAA0B;SACjC,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;KAOF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBAC4C,WAAW;;;;wCAAnB,SAAQ,WAAW;;;;iCACtD,IAAI,EAAE;YACP,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAFtB,6KA+BC;;;YA/BY,uDAAwB;;QAEnC,uEAAiB,EAAE,EAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,SAAS,uDAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAkB,EAAC;QAC9D,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAE7B,wBAAwB;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAElE,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,iBAAiB;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5B,CAAC;QAED,oBAAoB;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YAE7B,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC;;;;SA9BU,wBAAwB"}
+{"version":3,"file":"combo-box-option.element.js","sourceRoot":"","sources":["../../../../src/lib/combo-box/combo-box-option/combo-box-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,YAAY,GAAG,IAAI,CAAA;;;;CAIxB,CAAC;IAmBW,wBAAwB;4BAjBpC,UAAU,CAAC;YACV,IAAI,EAAE,0BAA0B;SACjC,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;KAOF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBAC4C,WAAW;;;;wCAAnB,SAAQ,WAAW;;;;iCACtD,IAAI,EAAE;YACP,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAFtB,6KAgCC;;;YAhCY,uDAAwB;;QAEnC,uEAAiB,EAAE,EAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,SAAS,uDAAG,YAAY,CAAC,UAAU,EAAiB,EAAC;QACrD,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAE7B,wBAAwB;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAElE,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEtC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YAE5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,iBAAiB;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5B,CAAC;QAED,oBAAoB;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YAE7B,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC;;;;SA/BU,wBAAwB"}

package/target/lib/combo-box/combo-box.element.d.ts

@@ -6,9 +6,17 @@ declare global {
 }
 export declare class USAComboBoxElement extends HTMLElement implements ComboBoxContainer {
     #private;
+    static formAssociated: boolean;
+    accessor name: string;
+    accessor required: boolean;
+    accessor value: string;
+    accessor placeholder: string;
     list: (updates?: (Partial<HTMLUListElement> | ((node: HTMLUListElement) => Partial<HTMLUListElement>)) | undefined) => HTMLUListElement;
     input: (updates?: (Partial<HTMLInputElement> | ((node: HTMLInputElement) => Partial<HTMLInputElement>)) | undefined) => HTMLInputElement;
     currentItemEl: Element | null;
+    attributeChangedCallback(): void;
+    onValueChanged(): void;
+    connectedCallback(): void;
     listItems(): NodeListOf<HTMLLIElement>;
     addOption(el: HTMLLIElement): void;
     removeOption(el: HTMLLIElement): void;

package/target/lib/combo-box/combo-box.element.js

@@ -1,6 +1,6 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { injectable } from "@joist/di";
-import { css, element, html, listen, query } from "@joist/element";
+import { attr, attrChanged, css, element, html, listen, query, } from "@joist/element";
 import { COMBO_BOX_CTX } from "./context.js";
 let USAComboBoxElement = (() => {
     let _classDecorators = [injectable({
@@ -9,55 +9,8 @@ let USAComboBoxElement = (() => {
         }), element({
             tagName: "usa-combo-box",
             shadowDom: [
-                css `
-      :host {
-        --usa-combo-max-height: 12.5em;
-
-        display: block;
-        max-width: 30rem;
-        position: relative;
-      }
-
-      ul {
-        padding: 0;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        transform: translateY(100%);
-        margin: 0;
-        border: 1px solid rgb(92, 92, 92);
-        max-height: var(--usa-combo-max-height);
-        overflow-y: scroll;
-        overflow-x: visible;
-        z-index: 1001;
-      }
-
-      ul:empty {
-        border: none;
-      }
-
-      ul li {
-        background: #ffff;
-        list-style: none;
-        border-bottom: 1px solid #e6e6e6;
-        cursor: pointer;
-        display: block;
-      }
-
-      ul li:hover {
-        background-color: #f0f0f0;
-      }
-
-      li:focus {
-        outline: 0.25rem solid #2491ff;
-        outline-offset: -0.25rem;
-      }
-    `,
-                html `
-      <slot name="input"></slot>
-      <ul tabindex="-1" role="listbox"></ul>
-    `,
+                css `*{box-sizing:border-box}:host{--usa-combo-max-height:12.5em;display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}input{border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%;padding-right:2.8rem}input:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}ul{padding:0;position:absolute;bottom:0;width:100%;transform:translateY(100%);margin:0;border:1px solid #5c5c5c;max-height:var(--usa-combo-max-height);overflow-y:scroll;z-index:1001}ul:empty{border:none}ul li{background:#ffff;list-style:none;border-bottom:1px solid #e6e6e6;cursor:pointer;display:block}ul li:hover{background-color:#f0f0f0}li:focus{outline:.25rem solid #2491ff;outline-offset:-.25rem}.usa-combo-box-icon{display:block;position:absolute;bottom:0;right:.5rem;cursor:pointer}.usa-combo-box-icon .line{width:1px;top:.3rem;bottom:.5rem;left:-.3rem;position:absolute;background-color:#c6cace}`,
+                html `<label><slot name="label"></slot><input tabindex="0" role="combobox" autocomplete="off" aria-controls="combo-box-list" aria-expanded="false"><div class="usa-combo-box-icon"><div class="line"></div><usa-icon icon="expand_more"></usa-icon></div></label><ul tabindex="-1" role="listbox" id="combo-box-list"></ul>`,
             ],
         })];
     let _classDescriptor;
@@ -65,6 +18,19 @@ let USAComboBoxElement = (() => {
     let _classThis;
     let _classSuper = HTMLElement;
     let _instanceExtraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _required_decorators;
+    let _required_initializers = [];
+    let _required_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _placeholder_decorators;
+    let _placeholder_initializers = [];
+    let _placeholder_extraInitializers = [];
+    let _onValueChanged_decorators;
     let _onFocusIn_decorators;
     let _onInput_decorators;
     let _onFocusOut_decorators;
@@ -76,13 +42,23 @@ let USAComboBoxElement = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _name_decorators = [attr()];
+            _required_decorators = [attr()];
+            _value_decorators = [attr()];
+            _placeholder_decorators = [attr()];
+            _onValueChanged_decorators = [attrChanged("value", "required")];
             _onFocusIn_decorators = [listen("focus", (host) => host.input())];
-            _onInput_decorators = [listen("input", (host) => host)];
+            _onInput_decorators = [listen("input")];
             _onFocusOut_decorators = [listen("focusout")];
             _onArrowDown_decorators = [listen("keydown")];
             _onArrowUp_decorators = [listen("keydown")];
             _onEnter_decorators = [listen("keydown")];
             _onClick_decorators = [listen("click")];
+            __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(this, null, _onValueChanged_decorators, { kind: "method", name: "onValueChanged", static: false, private: false, access: { has: obj => "onValueChanged" in obj, get: obj => obj.onValueChanged }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _onFocusIn_decorators, { kind: "method", name: "onFocusIn", static: false, private: false, access: { has: obj => "onFocusIn" in obj, get: obj => obj.onFocusIn }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _onInput_decorators, { kind: "method", name: "onInput", static: false, private: false, access: { has: obj => "onInput" in obj, get: obj => obj.onInput }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _onFocusOut_decorators, { kind: "method", name: "onFocusOut", static: false, private: false, access: { has: obj => "onFocusOut" in obj, get: obj => obj.onFocusOut }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -93,12 +69,38 @@ let USAComboBoxElement = (() => {
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             USAComboBoxElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
         }
-        list = (__runInitializers(this, _instanceExtraInitializers), query("ul"));
-        input = query('[slot="input"]', this);
+        static formAssociated = true;
+        #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
+        get name() { return this.#name_accessor_storage; }
+        set name(value) { this.#name_accessor_storage = value; }
+        #required_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _required_initializers, false));
+        get required() { return this.#required_accessor_storage; }
+        set required(value) { this.#required_accessor_storage = value; }
+        #value_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _value_initializers, ""));
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #placeholder_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _placeholder_initializers, ""));
+        get placeholder() { return this.#placeholder_accessor_storage; }
+        set placeholder(value) { this.#placeholder_accessor_storage = value; }
+        list = (__runInitializers(this, _placeholder_extraInitializers), query("ul"));
+        input = query("input");
         currentItemEl = null;
         #allListItems = new Set();
+        #internals = this.attachInternals();
+        attributeChangedCallback() {
+            this.input({
+                name: this.name,
+                placeholder: this.placeholder,
+                required: this.required,
+            });
+        }
+        onValueChanged() {
+            this.#syncFormState();
+        }
+        connectedCallback() {
+            this.#syncFormState();
+        }
         listItems() {
             return this.list().querySelectorAll("li");
         }
@@ -111,6 +113,7 @@ let USAComboBoxElement = (() => {
         onFocusIn() {
             this.currentItemEl = null;
             const list = this.list();
+            this.input({ ariaExpanded: "true" });
             const fragment = document.createDocumentFragment();
             for (const item of this.#allListItems) {
                 fragment.append(item);
@@ -136,6 +139,7 @@ let USAComboBoxElement = (() => {
                 if (!this.contains(document.activeElement)) {
                     this.list({ innerHTML: "" });
                     this.currentItemEl = null;
+                    this.input({ ariaExpanded: "false" });
                 }
             }, 0);
         }
@@ -181,27 +185,32 @@ let USAComboBoxElement = (() => {
             const target = e.target;
             this.currentItemEl = null;
             const value = target.dataset.value || "";
-            this.input({
-                value,
-                selectionStart: value.length,
-                selectionEnd: value.length,
-            }).focus();
+            this.input().focus();
             this.list({ innerHTML: "" });
+            this.value = value;
         }
         onClick(e) {
             if (e.target instanceof HTMLElement) {
                 const value = e.target.getAttribute("value");
                 if (value) {
-                    this.input({
-                        value,
-                        selectionStart: value.length,
-                        selectionEnd: value.length,
-                    }).focus();
+                    this.input().focus();
                     this.list({ innerHTML: "" });
                     this.currentItemEl = null;
+                    this.value = value;
                 }
             }
         }
+        #syncFormState() {
+            const input = this.input({ value: this.value });
+            this.#internals.setValidity({});
+            this.#internals.setFormValue(this.value);
+            if (input.validationMessage) {
+                this.#internals.setValidity({ customError: true }, input.validationMessage, input);
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
     };
     return USAComboBoxElement = _classThis;
 })();

package/target/lib/combo-box/combo-box.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.element.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"combo-box.element.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.element.ts"],"names":[],"mappings":"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"}