@noctuatech/uswds 0.1.0 → 0.1.2

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

@@ -1,13 +1,29 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { inject, injectable } from "@joist/di";
-import { attr, element, html } from "@joist/element";
+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>
+`;
 let USAComboBoxOptionElement = (() => {
     let _classDecorators = [injectable({
             name: "usa-combo-box-option-ctx",
         }), element({
             tagName: "usa-combo-box-option",
-            shadowDom: [html `<slot></slot>`],
+            shadowDom: [
+                css `
+    :host {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem;  
+    }
+    `,
+                html `<slot></slot>`,
+            ],
         })];
     let _classDescriptor;
     let _classExtraInitializers = [];
@@ -30,24 +46,24 @@ let USAComboBoxOptionElement = (() => {
         #value_accessor_storage = __runInitializers(this, _value_initializers, "");
         get value() { return this.#value_accessor_storage; }
         set value(value) { this.#value_accessor_storage = value; }
-        #li = (__runInitializers(this, _value_extraInitializers), document.createElement("li"));
+        #listItem = (__runInitializers(this, _value_extraInitializers), template.content.cloneNode(true));
+        #li = query("li", this.#listItem);
+        #slot = query("slot", this.#listItem);
         #ctx = inject(COMBO_BOX_CTX);
-        constructor() {
-            super();
-            this.#li.tabIndex = -1;
-        }
         attributeChangedCallback() {
-            this.#li.dataset.value = this.value;
-            this.#li.textContent = this.value;
+            const value = this.value.split(" ").join("-").toLocaleLowerCase();
+            this.#li().dataset.value = this.value;
+            this.#slot().name = value;
+            this.slot = value;
         }
         connectedCallback() {
             const ctx = this.#ctx();
-            ctx.addOption(this.#li);
+            ctx.addOption(this.#li());
         }
         disconnectedCallback() {
             const ctx = this.#ctx();
-            ctx.removeOption(this.#li);
-            this.#li.remove();
+            ctx.removeOption(this.#li());
+            this.#li().remove();
         }
     };
     return USAComboBoxOptionElement = _classThis;

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,EAAO,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;IAejC,wBAAwB;4BAPpC,UAAU,CAAC;YACV,IAAI,EAAE,0BAA0B;SACjC,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE,CAAC,IAAI,CAAA,eAAe,CAAC;SACjC,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,GAAG,uDAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC;QACnC,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAE7B;YACE,KAAK,EAAE,CAAC;YAER,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACzB,CAAC;QAED,wBAAwB;YACtB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QACpC,CAAC;QAED,iBAAiB;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAE3B,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QACpB,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,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"}

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

@@ -12,7 +12,7 @@ export declare class USAComboBoxElement extends HTMLElement implements ComboBoxC
     listItems(): NodeListOf<HTMLLIElement>;
     addOption(el: HTMLLIElement): void;
     removeOption(el: HTMLLIElement): void;
-    onFocusIn(e: FocusEvent): void;
+    onFocusIn(): void;
     onInput(): Promise<void>;
     onFocusOut(): void;
     onArrowDown(e: KeyboardEvent): void;

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

@@ -11,6 +11,8 @@ let USAComboBoxElement = (() => {
             shadowDom: [
                 css `
       :host {
+        --usa-combo-max-height: 12.5em;
+
         display: block;
         max-width: 30rem;
         position: relative;
@@ -25,7 +27,7 @@ let USAComboBoxElement = (() => {
         transform: translateY(100%);
         margin: 0;
         border: 1px solid rgb(92, 92, 92);
-        max-height: 12em;
+        max-height: var(--usa-combo-max-height);
         overflow-y: scroll;
         overflow-x: visible;
         z-index: 1001;
@@ -41,7 +43,6 @@ let USAComboBoxElement = (() => {
         border-bottom: 1px solid #e6e6e6;
         cursor: pointer;
         display: block;
-        padding: 0.5rem;
       }
 
       ul li:hover {
@@ -55,7 +56,7 @@ let USAComboBoxElement = (() => {
     `,
                 html `
       <slot name="input"></slot>
-      <ul tabindex="-1"></ul>
+      <ul tabindex="-1" role="listbox"></ul>
     `,
             ],
         })];
@@ -75,7 +76,7 @@ let USAComboBoxElement = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _onFocusIn_decorators = [listen("focusin", (host) => host)];
+            _onFocusIn_decorators = [listen("focus", (host) => host.input())];
             _onInput_decorators = [listen("input", (host) => host)];
             _onFocusOut_decorators = [listen("focusout")];
             _onArrowDown_decorators = [listen("keydown")];
@@ -107,39 +108,33 @@ let USAComboBoxElement = (() => {
         removeOption(el) {
             this.#allListItems.delete(el);
         }
-        onFocusIn(e) {
-            if (e.target instanceof HTMLElement) {
-                if (e.target.getAttribute("slot") === "input") {
-                    const list = this.list();
-                    for (const item of this.#allListItems) {
-                        if (!list.contains(item)) {
-                            list.append(item);
-                        }
-                    }
-                }
+        onFocusIn() {
+            this.currentItemEl = null;
+            const list = this.list();
+            const fragment = document.createDocumentFragment();
+            for (const item of this.#allListItems) {
+                fragment.append(item);
             }
+            list.replaceChildren(fragment);
         }
         async onInput() {
             const input = this.input();
             const list = this.list();
             this.currentItemEl = null;
+            const fragment = document.createDocumentFragment();
             for (const item of this.#allListItems) {
                 if (item.dataset.value?.toLowerCase().startsWith(input.value.toLowerCase())) {
-                    if (!list.contains(item)) {
-                        list.append(item);
-                    }
-                }
-                else {
-                    item.remove();
+                    fragment.append(item);
                 }
             }
+            list.replaceChildren(fragment);
         }
         onFocusOut() {
             setTimeout(() => {
                 // This needs to be in a timeout so that it runs as part of the next loop.
                 // the active element will not be set until after all of the focus and blur events are done
                 if (!this.contains(document.activeElement)) {
-                    this.list({ textContent: "" });
+                    this.list({ innerHTML: "" });
                     this.currentItemEl = null;
                 }
             }, 0);
@@ -191,18 +186,20 @@ let USAComboBoxElement = (() => {
                 selectionStart: value.length,
                 selectionEnd: value.length,
             }).focus();
-            this.list({ textContent: "" });
+            this.list({ innerHTML: "" });
         }
         onClick(e) {
-            if (e.target instanceof HTMLLIElement) {
-                const value = e.target.dataset.value || "";
-                this.input({
-                    value,
-                    selectionStart: value.length,
-                    selectionEnd: value.length,
-                }).focus();
-                this.list({ textContent: "" });
-                this.currentItemEl = null;
+            if (e.target instanceof HTMLElement) {
+                const value = e.target.getAttribute("value");
+                if (value) {
+                    this.input({
+                        value,
+                        selectionStart: value.length,
+                        selectionEnd: value.length,
+                    }).focus();
+                    this.list({ innerHTML: "" });
+                    this.currentItemEl = null;
+                }
             }
         }
     };

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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"}

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

@@ -6,61 +6,215 @@ const meta = {
     render() {
         return html `
       <usa-combo-box>
-        <usa-input name="search" slot="input" autocomplete="off" detail="sfx">
+        <usa-input
+          placeholder="Select a state"
+          name="state" 
+          slot="input" 
+          autocomplete="off" 
+          detail="sfx">
           States
           <usa-icon slot="detail" icon="expand_more"></usa-icon>
         </usa-input>
 
-        <usa-combo-box-option value="Alabama"></usa-combo-box-option>
-        <usa-combo-box-option value="Alaska"></usa-combo-box-option>
-        <usa-combo-box-option value="Arizona"></usa-combo-box-option>
-        <usa-combo-box-option value="Arkansas"></usa-combo-box-option>
-        <usa-combo-box-option value="California"></usa-combo-box-option>
-        <usa-combo-box-option value="Colorado"></usa-combo-box-option>
-        <usa-combo-box-option value="Connecticut"></usa-combo-box-option>
-        <usa-combo-box-option value="Delaware"></usa-combo-box-option>
-        <usa-combo-box-option value="Florida"></usa-combo-box-option>
-        <usa-combo-box-option value="Georgia"></usa-combo-box-option>
-        <usa-combo-box-option value="Hawaii"></usa-combo-box-option>
-        <usa-combo-box-option value="Idaho"></usa-combo-box-option>
-        <usa-combo-box-option value="Illinois"></usa-combo-box-option>
-        <usa-combo-box-option value="Indiana"></usa-combo-box-option>
-        <usa-combo-box-option value="Iowa"></usa-combo-box-option>
-        <usa-combo-box-option value="Kansas"></usa-combo-box-option>
-        <usa-combo-box-option value="Kentucky"></usa-combo-box-option>
-        <usa-combo-box-option value="Louisiana"></usa-combo-box-option>
-        <usa-combo-box-option value="Maine"></usa-combo-box-option>
-        <usa-combo-box-option value="Maryland"></usa-combo-box-option>
-        <usa-combo-box-option value="Massachusetts"></usa-combo-box-option>
-        <usa-combo-box-option value="Michigan"></usa-combo-box-option>
-        <usa-combo-box-option value="Minnesota"></usa-combo-box-option>
-        <usa-combo-box-option value="Mississippi"></usa-combo-box-option>
-        <usa-combo-box-option value="Missouri"></usa-combo-box-option>
-        <usa-combo-box-option value="Montana"></usa-combo-box-option>
-        <usa-combo-box-option value="Nebraska"></usa-combo-box-option>
-        <usa-combo-box-option value="Nevada"></usa-combo-box-option>
-        <usa-combo-box-option value="New Hampshire"></usa-combo-box-option>
-        <usa-combo-box-option value="New Jersey"></usa-combo-box-option>
-        <usa-combo-box-option value="New Mexico"></usa-combo-box-option>
-        <usa-combo-box-option value="New York"></usa-combo-box-option>
-        <usa-combo-box-option value="North Carolina"></usa-combo-box-option>
-        <usa-combo-box-option value="North Dakota"></usa-combo-box-option>
-        <usa-combo-box-option value="Ohio"></usa-combo-box-option>
-        <usa-combo-box-option value="Oklahoma"></usa-combo-box-option>
-        <usa-combo-box-option value="Oregon"></usa-combo-box-option>
-        <usa-combo-box-option value="Pennsylvania"></usa-combo-box-option>
-        <usa-combo-box-option value="Rhode Island"></usa-combo-box-option>
-        <usa-combo-box-option value="South Carolina"></usa-combo-box-option>
-        <usa-combo-box-option value="South Dakota"></usa-combo-box-option>
-        <usa-combo-box-option value="Tennessee"></usa-combo-box-option>
-        <usa-combo-box-option value="Texas"></usa-combo-box-option>
-        <usa-combo-box-option value="Utah"></usa-combo-box-option>
-        <usa-combo-box-option value="Vermont"></usa-combo-box-option>
-        <usa-combo-box-option value="Virginia"></usa-combo-box-option>
-        <usa-combo-box-option value="Washington"></usa-combo-box-option>
-        <usa-combo-box-option value="West Virginia"></usa-combo-box-option>
-        <usa-combo-box-option value="Wisconsin"></usa-combo-box-option>
-        <usa-combo-box-option value="Wyoming"></usa-combo-box-option>
+        <usa-combo-box-option value="Alabama">
+          <img src="/assets/flags/alabama.svg" alt="Alabama" height="20" /> Alabama
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Alaska">
+          <img src="/assets/flags/alaska.svg" alt="Alaska" height="20" /> Alaska
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Arizona">
+          <img src="/assets/flags/arizona.svg" alt="Arizona" height="20" /> Arizona
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Arkansas">
+          <img src="/assets/flags/arkansas.svg" alt="Arkansas" height="20" /> Arkansas
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="California">
+          <img src="/assets/flags/california.svg" alt="California" height="20" /> California
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Colorado">
+          <img src="/assets/flags/colorado.svg" alt="Colorado" height="20" /> Colorado
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Connecticut">
+          <img src="/assets/flags/connecticut.svg" alt="Connecticut" height="20" /> Connecticut
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Delaware">
+          <img src="/assets/flags/delaware.svg" alt="Delaware" height="20" /> Delaware
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Florida">
+          <img src="/assets/flags/florida.svg" alt="Florida" height="20" /> Florida
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Georgia">
+          <img src="/assets/flags/georgia.svg" alt="Georgia" height="20" /> Georgia
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Hawaii">
+          <img src="/assets/flags/hawaii.svg" alt="Hawaii" height="20" /> Hawaii
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Idaho">
+          <img src="/assets/flags/idaho.svg" alt="Idaho" height="20" /> Idaho
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Illinois">
+          <img src="/assets/flags/illinois.svg" alt="Illinois" height="20" /> Illinois
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Indiana">
+          <img src="/assets/flags/indiana.svg" alt="Indiana" height="20" /> Indiana
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Iowa">
+          <img src="/assets/flags/iowa.svg" alt="Iowa" height="20" /> Iowa
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Kansas">
+          <img src="/assets/flags/kansas.svg" alt="Kansas" height="20" /> Kansas
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Kentucky">
+          <img src="/assets/flags/kentucky.svg" alt="Kentucky" height="20" /> Kentucky
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Louisiana">
+          <img src="/assets/flags/louisiana.svg" alt="Louisiana" height="20" /> Louisiana
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Maine">
+          <img src="/assets/flags/maine.svg" alt="Maine" height="20" /> Maine
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Maryland">
+          <img src="/assets/flags/maryland.svg" alt="Maryland" height="20" /> Maryland
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Massachusetts">
+          <img src="/assets/flags/massachusetts.svg" alt="Massachusetts" height="20" /> Massachusetts
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Michigan">
+          <img src="/assets/flags/michigan.svg" alt="Michigan" height="20" /> Michigan
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Minnesota">
+          <img src="/assets/flags/minnesota.svg" alt="Minnesota" height="20" /> Minnesota
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Mississippi">
+          <img src="/assets/flags/mississippi.svg" alt="Mississippi" height="20" /> Mississippi
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Missouri">
+          <img src="/assets/flags/missouri.svg" alt="Missouri" height="20" /> Missouri
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Montana">
+          <img src="/assets/flags/montana.svg" alt="Montana" height="20" /> Montana
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Nebraska">
+          <img src="/assets/flags/nebraska.svg" alt="Nebraska" height="20" /> Nebraska
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Nevada">
+          <img src="/assets/flags/nevada.svg" alt="Nevada" height="20" /> Nevada
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="New Hampshire">
+          <img src="/assets/flags/new_hampshire.svg" alt="New Hampshire" height="20" /> New Hampshire
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="New Jersey">
+          <img src="/assets/flags/new_jersey.svg" alt="New Jersey" height="20" /> New Jersey
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="New Mexico">
+          <img src="/assets/flags/new_mexico.svg" alt="New Mexico" height="20" /> New Mexico
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="New York">
+          <img src="/assets/flags/new_york.svg" alt="New York" height="20" /> New York
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="North Carolina">
+          <img src="/assets/flags/north_carolina.svg" alt="North Carolina" height="20" /> North Carolina
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="North Dakota">
+          <img src="/assets/flags/north_dakota.svg" alt="North Dakota" height="20" /> North Dakota
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Ohio">
+          <img src="/assets/flags/ohio.svg" alt="Ohio" height="20" /> Ohio
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Oklahoma">
+          <img src="/assets/flags/oklahoma.svg" alt="Oklahoma" height="20" /> Oklahoma
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Oregon">
+          <img src="/assets/flags/oregon.svg" alt="Oregon" height="20" /> Oregon
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Pennsylvania">
+          <img src="/assets/flags/pennsylvania.svg" alt="Pennsylvania" height="20" /> Pennsylvania
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Rhode Island">
+          <img src="/assets/flags/rhode_island.svg" alt="Rhode Island" height="20" /> Rhode Island
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="South Carolina">
+          <img src="/assets/flags/south_carolina.svg" alt="South Carolina" height="20" /> South Carolina
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="South Dakota">
+          <img src="/assets/flags/south_dakota.svg" alt="South Dakota" height="20" /> South Dakota
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Tennessee">
+          <img src="/assets/flags/tennessee.svg" alt="Tennessee" height="20" /> Tennessee
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Texas">
+          <img src="/assets/flags/texas.svg" alt="Texas" height="20" /> Texas
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Utah">
+          <img src="/assets/flags/utah.svg" alt="Utah" height="20" /> Utah
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Vermont">
+          <img src="/assets/flags/vermont.svg" alt="Vermont" height="20" /> Vermont
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Virginia">
+          <img src="/assets/flags/virginia.svg" alt="Virginia" height="20" /> Virginia
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Washington">
+          <img src="/assets/flags/washington.svg" alt="Washington" height="20" /> Washington
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="West Virginia">
+          <img src="/assets/flags/west_virginia.svg" alt="West Virginia" height="20" /> West Virginia
+        </usa-combo-box-option>
+
+        <usa-combo-box-option value="Wisconsin">
+          <img src="/assets/flags/wisconsin.svg" alt="Wisconsin" height="20" /> Wisconsin
+        </usa-combo-box-option>
+        
+        <usa-combo-box-option value="Wyoming">
+          <img src="/assets/flags/wyoming.svg" alt="Wyoming" height="20" /> Wyoming
+        </usa-combo-box-option>
       </usa-combo-box>
     `;
     },

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

@@ -1 +1 @@
-{"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../src/lib/combo-box/combo-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoNV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

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

@@ -27,8 +27,8 @@ describe("usa-combo-box", () => {
         input.dispatchEvent(new Event("input", { bubbles: true }));
         const suggestions = autocomplete.listItems();
         assert.equal(suggestions.length, 2);
-        assert.equal(suggestions[0].textContent, "Banana");
-        assert.equal(suggestions[1].textContent, "Blueberry");
+        assert.equal(suggestions[0].dataset.value, "Banana");
+        assert.equal(suggestions[1].dataset.value, "Blueberry");
     });
     it("should show all suggestions when input is empty", async () => {
         input.value = "";
@@ -41,8 +41,8 @@ describe("usa-combo-box", () => {
         input.dispatchEvent(new Event("input", { bubbles: true }));
         const suggestions = autocomplete.listItems();
         assert.equal(suggestions.length, 2);
-        assert.equal(suggestions[0].textContent, "Banana");
-        assert.equal(suggestions[1].textContent, "Blueberry");
+        assert.equal(suggestions[0].dataset.value, "Banana");
+        assert.equal(suggestions[1].dataset.value, "Blueberry");
     });
     it("should navigate suggestions with arrow keys", async () => {
         // select item from list
@@ -50,10 +50,10 @@ describe("usa-combo-box", () => {
         input.dispatchEvent(new Event("input", { bubbles: true }));
         // Arrow down
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
-        assert.equal(autocomplete.currentItemEl?.textContent, "Banana");
+        assert.equal(autocomplete.currentItemEl?.getAttribute("data-value"), "Banana");
         // Arrow down again
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
-        assert.equal(autocomplete.currentItemEl?.textContent, "Blueberry");
+        assert.equal(autocomplete.currentItemEl?.getAttribute("data-value"), "Blueberry");
     });
     it("should select suggestion with enter key", async () => {
         input.value = "b";
@@ -82,7 +82,7 @@ describe("usa-combo-box", () => {
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
         input.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }));
-        assert.equal(autocomplete.currentItemEl?.textContent, "Blueberry");
+        assert.equal(autocomplete.currentItemEl?.getAttribute("data-value"), "Blueberry");
     });
 });
 //# sourceMappingURL=combo-box.test.js.map

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

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