@noctuatech/uswds 0.0.27 → 0.0.28

package/target/lib/icon/icon-types.js

@@ -1,262 +0,0 @@
-export const ICON_TYPES = [
-    "accessibility_new",
-    "accessible_forward",
-    "account_balance",
-    "account_box",
-    "account_circle",
-    "add",
-    "add_circle",
-    "add_circle_outline",
-    "alarm",
-    "alternate_email",
-    "announcement",
-    "arrow_back",
-    "arrow_downward",
-    "arrow_drop_down",
-    "arrow_drop_up",
-    "arrow_forward",
-    "arrow_upward",
-    "api",
-    "assessment",
-    "attach_file",
-    "attach_money",
-    "autorenew",
-    "backpack",
-    "bathtub",
-    "bedding",
-    "bookmark",
-    "bug_report",
-    "build",
-    "calendar_today",
-    "campaign",
-    "camping",
-    "cancel",
-    "chat",
-    "check",
-    "check_box_outline_blank",
-    "check_circle",
-    "check_circle_outline",
-    "checkroom",
-    "clean_hands",
-    "clothes",
-    "close",
-    "closed_caption",
-    "cloud",
-    "code",
-    "comment",
-    "connect_without_contact",
-    "construction",
-    "construction_worker",
-    "contact_page",
-    "content_copy",
-    "coronavirus",
-    "credit_card",
-    "deck",
-    "delete",
-    "device_thermostat",
-    "directions",
-    "directions_bike",
-    "directions_bus",
-    "directions_car",
-    "directions_walk",
-    "do_not_disturb",
-    "do_not_touch",
-    "drag_handle",
-    "eco",
-    "edit",
-    "electrical_services",
-    "emoji_events",
-    "error",
-    "error_outline",
-    "event",
-    "expand_less",
-    "expand_more",
-    "facebook",
-    "fast_forward",
-    "fast_rewind",
-    "favorite",
-    "favorite_border",
-    "fax",
-    "file_download",
-    "file_present",
-    "file_upload",
-    "filter_alt",
-    "filter_list",
-    "fingerprint",
-    "first_page",
-    "flag",
-    "flickr",
-    "flight",
-    "flooding",
-    "folder",
-    "folder_open",
-    "format_quote",
-    "format_size",
-    "forum",
-    "github",
-    "grid_view",
-    "group_add",
-    "groups",
-    "hearing",
-    "help",
-    "help_outline",
-    "highlight_off",
-    "history",
-    "home",
-    "hospital",
-    "hotel",
-    "hourglass_empty",
-    "hurricane",
-    "identification",
-    "image",
-    "info",
-    "info_outline",
-    "insights",
-    "instagram",
-    "keyboard",
-    "label",
-    "language",
-    "last_page",
-    "launch",
-    "lightbulb",
-    "lightbulb_outline",
-    "link",
-    "link_off",
-    "linkedin",
-    "list",
-    "local_cafe",
-    "local_fire_department",
-    "local_gas_station",
-    "local_grocery_store",
-    "local_hospital",
-    "local_laundry_service",
-    "local_library",
-    "local_offer",
-    "local_parking",
-    "local_pharmacy",
-    "local_police",
-    "local_taxi",
-    "location_city",
-    "location_on",
-    "lock",
-    "lock_open",
-    "lock_outline",
-    "login",
-    "logout",
-    "loop",
-    "mail",
-    "mail_outline",
-    "map",
-    "masks",
-    "medical_services",
-    "menu",
-    "military_tech",
-    "more_horiz",
-    "more_vert",
-    "my_location",
-    "navigate_before",
-    "navigate_next",
-    "navigate_far_before",
-    "navigate_far_next",
-    "near_me",
-    "notifications",
-    "notifications_active",
-    "notifications_none",
-    "notifications_off",
-    "park",
-    "people",
-    "person",
-    "pets",
-    "phone",
-    "photo_camera",
-    "print",
-    "priority_high",
-    "public",
-    "push_pin",
-    "radio_button_unchecked",
-    "rain",
-    "reduce_capacity",
-    "remove",
-    "remove_circle",
-    "report",
-    "restaurant",
-    "rss_feed",
-    "safety_divider",
-    "sanitizer",
-    "severe_weather",
-    "save_alt",
-    "schedule",
-    "school",
-    "science",
-    "search",
-    "security",
-    "send",
-    "sentiment_dissatisfied",
-    "sentiment_neutral",
-    "sentiment_satisfied",
-    "sentiment_satisfied_alt",
-    "sentiment_very_dissatisfied",
-    "settings",
-    "share",
-    "shield",
-    "shopping_basket",
-    "snow",
-    "soap",
-    "social_distance",
-    "sort_arrow",
-    "spellcheck",
-    "star",
-    "star_half",
-    "star_outline",
-    "store",
-    "support",
-    "support_agent",
-    "text_fields",
-    "thumb_down_alt",
-    "thumb_up_alt",
-    "timer",
-    "toggle_off",
-    "toggle_on",
-    "topic",
-    "tornado",
-    "translate",
-    "trending_down",
-    "trending_up",
-    "twitter",
-    "undo",
-    "unfold_less",
-    "unfold_more",
-    "update",
-    "upload_file",
-    "verified",
-    "verified_user",
-    "visibility",
-    "visibility_off",
-    "volume_off",
-    "warning",
-    "wash",
-    "wifi",
-    "work",
-    "x",
-    "youtube",
-    "zoom_in",
-    "zoom_out_map",
-    "zoom_out",
-    "visibility",
-    "home",
-    "print",
-    "search",
-    "check_circle",
-    "warning",
-    "info",
-    "cancel",
-    "check_circle",
-    "warning",
-    "info",
-    "cancel",
-    "help",
-    "people",
-    "mail",
-    "support",
-];
-//# sourceMappingURL=icon-types.js.map

package/target/lib/icon/icon-types.js.map

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

package/target/lib/icon/icon.element.d.ts

@@ -1,13 +0,0 @@
-import type { USAIcon } from "./icon-types.js";
-declare global {
-    interface HTMLElementTagNameMap {
-        "usa-icon": USAIconElement;
-    }
-}
-export declare class USAIconElement extends HTMLElement {
-    #private;
-    accessor icon: USAIcon;
-    ariaHidden: string | null;
-    onInjected(): void;
-    attributeChangedCallback(): void;
-}

package/target/lib/icon/icon.element.js

@@ -1,72 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { inject, injectable, injected } from "@joist/di";
-import { attr, css, element } from "@joist/element";
-import { IconService } from "../services/icon.service.js";
-let USAIconElement = (() => {
-    let _classDecorators = [element({
-            tagName: "usa-icon",
-            shadowDom: [
-                css `
-      :host {
-        display: inline-block;
-        height: 2rem;
-        position: relative;
-        width: 2rem;
-      }
-
-      svg {
-        fill: currentColor;
-        height: 100%;
-        width: 100%;
-      }
-    `,
-            ],
-        }), injectable()];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = HTMLElement;
-    let _instanceExtraInitializers = [];
-    let _icon_decorators;
-    let _icon_initializers = [];
-    let _icon_extraInitializers = [];
-    let _onInjected_decorators;
-    var USAIconElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _icon_decorators = [attr()];
-            _onInjected_decorators = [injected()];
-            __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
-            __esDecorate(this, null, _onInjected_decorators, { kind: "method", name: "onInjected", static: false, private: false, access: { has: obj => "onInjected" in obj, get: obj => obj.onInjected }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            USAIconElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        #icon_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _icon_initializers, "accessibility_new"));
-        get icon() { return this.#icon_accessor_storage; }
-        set icon(value) { this.#icon_accessor_storage = value; }
-        ariaHidden = (__runInitializers(this, _icon_extraInitializers), "true");
-        #icon = inject(IconService);
-        #injected = false;
-        onInjected() {
-            this.#injected = true;
-            this.#updateIcon();
-        }
-        attributeChangedCallback() {
-            if (this.#injected) {
-                this.#updateIcon();
-            }
-        }
-        async #updateIcon() {
-            const icon = this.#icon();
-            if (this.shadowRoot) {
-                this.shadowRoot.append(await icon.getIcon(this.icon));
-            }
-        }
-    };
-    return USAIconElement = _classThis;
-})();
-export { USAIconElement };
-//# sourceMappingURL=icon.element.js.map

package/target/lib/icon/icon.element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.element.js","sourceRoot":"","sources":["../../../src/lib/icon/icon.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;IA6B7C,cAAc;4BApB1B,OAAO,CAAC;YACP,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;KAaF;aACF;SACF,CAAC,EACD,UAAU,EAAE;;;;sBACuB,WAAW;;;;;;8BAAnB,SAAQ,WAAW;;;;gCAC5C,IAAI,EAAE;sCAQN,QAAQ,EAAE;YAPX,iKAAS,IAAI,6BAAJ,IAAI,mFAAgC;YAQ7C,iLAAA,UAAU,6DAGT;YAbH,6KA4BC;;;YA5BY,uDAAc;;QAEzB,0BAFW,mDAAc,8CAEA,mBAAmB,GAAC;QAA7C,IAAS,IAAI,0CAAgC;QAA7C,IAAS,IAAI,gDAAgC;QAE7C,UAAU,sDAAkB,MAAM,EAAC;QAEnC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAC5B,SAAS,GAAG,KAAK,CAAC;QAGlB,UAAU;YACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;QAED,wBAAwB;YACtB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;QAED,KAAK,CAAC,WAAW;YACf,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;;;;SA3BU,cAAc"}

package/target/lib/icon/icon.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from "@storybook/web-components";
-import type { USAIconElement } from "./icon.element.js";
-declare const meta: {
-    title: string;
-    tags: never[];
-    render(args: USAIconElement): import("lit-html").TemplateResult<1>;
-    argTypes: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<USAIconElement>;
-export declare const AllIcons: Story;

package/target/lib/icon/icon.stories.js

@@ -1,39 +0,0 @@
-import { html } from "lit";
-import { ICON_TYPES } from "./icon-types.js";
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const meta = {
-    title: "usa-icon",
-    tags: [],
-    render(args) {
-        return html `<usa-icon icon=${args.icon}></usa-icon>`;
-    },
-    argTypes: {},
-    args: {},
-};
-export default meta;
-export const AllIcons = {
-    render() {
-        async function copyIcon(icon) {
-            try {
-                await navigator.clipboard.writeText(`<usa-icon icon=${icon}></usa-icon>`);
-                alert(`copied markup for ${icon}`);
-            }
-            catch (err) {
-                console.error("Failed to copy: ", err);
-            }
-        }
-        return html `<div style="display: flex; flex-wrap: wrap; gap: .75rem;">
-      ${html `${ICON_TYPES.map((icon) => html `
-          <button
-            @click=${() => copyIcon(icon)}
-            style="padding: .5rem 1rem .5rem .5rem; cursor: pointer; background: #fff; border-radius: 4px; gap: .5rem; display: flex; align-items: center"
-          >
-            <usa-icon icon=${icon}></usa-icon>
-
-            ${icon}
-          </button>
-        `)}`}
-    </div>`;
-    },
-};
-//# sourceMappingURL=icon.stories.js.map

package/target/lib/icon/icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../src/lib/icon/icon.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,EAAE;IACR,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,IAAI,cAAc,CAAC;IACvD,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM;QACJ,KAAK,UAAU,QAAQ,CAAC,IAAY;YAClC,IAAI,CAAC;gBACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CACjC,kBAAkB,IAAI,cAAc,CACrC,CAAC;gBACF,KAAK,CAAC,qBAAqB,IAAI,EAAE,CAAC,CAAC;YACrC,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAA,GAAG,UAAU,CAAC,GAAG,CACrB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;qBAED,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;;;6BAGZ,IAAI;;cAEnB,IAAI;;SAET,CACF,EAAE;WACE,CAAC;IACV,CAAC;CACF,CAAC"}

package/target/lib/input/input.element.d.ts

@@ -1,24 +0,0 @@
-import { type Changes } from "@joist/observable";
-import type { MaskableElement } from "../input-mask/maskable.element.js";
-declare global {
-    interface HTMLElementTagNameMap {
-        "usa-input": USATextInputElement;
-    }
-}
-export declare class USATextInputElement extends HTMLElement implements MaskableElement {
-    #private;
-    static formAssociated: boolean;
-    accessor name: string;
-    accessor autocomplete: AutoFill;
-    accessor placeholder: string;
-    accessor required: boolean;
-    accessor detail: "pfx" | "sfx" | "";
-    accessor value: string;
-    accessor selectionStart: number | null;
-    accessor selectionEnd: number | null;
-    onReady(): void;
-    connectedCallback(): void;
-    onChange(changes: Changes<this>): void;
-    onInputChange(): void;
-    attributeChangedCallback(attr: string): void;
-}

package/target/lib/input/input.element.js

@@ -1,235 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { attr, css, element, html, listen, query, ready } from "@joist/element";
-import { effect, observe } from "@joist/observable";
-let USATextInputElement = (() => {
-    let _classDecorators = [element({
-            tagName: "usa-input",
-            shadowDomOpts: {
-                mode: "open",
-                delegatesFocus: true,
-            },
-            shadowDom: [
-                css `
-      * {
-        box-sizing: border-box;
-      }
-
-      :host {
-        font-size: 1.06rem;
-        line-height: 1.3;
-        display: block;
-        font-weight: 400;
-        max-width: 30rem;
-        margin-bottom: 1.5rem;
-        position: relative;
-      }
-
-      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: 0.5rem;
-        padding: 0.5rem;
-        width: 100%;
-      }
-
-      input:not(:disabled):focus {
-        outline: 0.25rem solid #2491ff;
-        outline-offset: 0;
-      }
-
-      slot[name="detail"]::slotted(*) {
-        color: #757575;
-      }
-
-      slot[name="detail"]::slotted(usa-icon) {
-        width: 1.5rem;
-        height: 1.5rem;
-      }
-
-      slot[name="detail"] {
-        display: block;
-        position: absolute;
-        bottom: 0.21rem;
-        left: 0.5rem;
-      }
-
-      :host([detail="pfx"]) input {
-        padding-left: 2.5rem;
-      }
-
-      :host([detail="sfx"]) input {
-        padding-right: 2.5rem;
-      }
-
-      :host([detail="sfx"]) slot[name="detail"] {
-        right: 0.5rem;
-        left: auto;
-      }
-    `,
-                html `
-      <label>
-        <slot name="detail"></slot>
-
-        <slot></slot>
-
-        <input tabindex="0" />
-      </label>
-    `,
-            ],
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = HTMLElement;
-    let _instanceExtraInitializers = [];
-    let _name_decorators;
-    let _name_initializers = [];
-    let _name_extraInitializers = [];
-    let _autocomplete_decorators;
-    let _autocomplete_initializers = [];
-    let _autocomplete_extraInitializers = [];
-    let _placeholder_decorators;
-    let _placeholder_initializers = [];
-    let _placeholder_extraInitializers = [];
-    let _required_decorators;
-    let _required_initializers = [];
-    let _required_extraInitializers = [];
-    let _detail_decorators;
-    let _detail_initializers = [];
-    let _detail_extraInitializers = [];
-    let _value_decorators;
-    let _value_initializers = [];
-    let _value_extraInitializers = [];
-    let _selectionStart_decorators;
-    let _selectionStart_initializers = [];
-    let _selectionStart_extraInitializers = [];
-    let _selectionEnd_decorators;
-    let _selectionEnd_initializers = [];
-    let _selectionEnd_extraInitializers = [];
-    let _onReady_decorators;
-    let _onChange_decorators;
-    let _onInputChange_decorators;
-    var USATextInputElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _name_decorators = [attr()];
-            _autocomplete_decorators = [attr()];
-            _placeholder_decorators = [attr()];
-            _required_decorators = [attr()];
-            _detail_decorators = [attr({
-                    observed: false,
-                })];
-            _value_decorators = [attr({
-                    reflect: false,
-                }), observe()];
-            _selectionStart_decorators = [observe()];
-            _selectionEnd_decorators = [observe()];
-            _onReady_decorators = [ready()];
-            _onChange_decorators = [effect()];
-            _onInputChange_decorators = [listen("input")];
-            __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, _autocomplete_decorators, { kind: "accessor", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_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, _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, _detail_decorators, { kind: "accessor", name: "detail", static: false, private: false, access: { has: obj => "detail" in obj, get: obj => obj.detail, set: (obj, value) => { obj.detail = value; } }, metadata: _metadata }, _detail_initializers, _detail_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, _selectionStart_decorators, { kind: "accessor", name: "selectionStart", static: false, private: false, access: { has: obj => "selectionStart" in obj, get: obj => obj.selectionStart, set: (obj, value) => { obj.selectionStart = value; } }, metadata: _metadata }, _selectionStart_initializers, _selectionStart_extraInitializers);
-            __esDecorate(this, null, _selectionEnd_decorators, { kind: "accessor", name: "selectionEnd", static: false, private: false, access: { has: obj => "selectionEnd" in obj, get: obj => obj.selectionEnd, set: (obj, value) => { obj.selectionEnd = value; } }, metadata: _metadata }, _selectionEnd_initializers, _selectionEnd_extraInitializers);
-            __esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _onInputChange_decorators, { kind: "method", name: "onInputChange", static: false, private: false, access: { has: obj => "onInputChange" in obj, get: obj => obj.onInputChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            USATextInputElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        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; }
-        #autocomplete_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _autocomplete_initializers, "on"));
-        get autocomplete() { return this.#autocomplete_accessor_storage; }
-        set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
-        #placeholder_accessor_storage = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _placeholder_initializers, ""));
-        get placeholder() { return this.#placeholder_accessor_storage; }
-        set placeholder(value) { this.#placeholder_accessor_storage = value; }
-        #required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
-        get required() { return this.#required_accessor_storage; }
-        set required(value) { this.#required_accessor_storage = value; }
-        #detail_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _detail_initializers, ""));
-        get detail() { return this.#detail_accessor_storage; }
-        set detail(value) { this.#detail_accessor_storage = value; }
-        #value_accessor_storage = (__runInitializers(this, _detail_extraInitializers), __runInitializers(this, _value_initializers, ""));
-        get value() { return this.#value_accessor_storage; }
-        set value(value) { this.#value_accessor_storage = value; }
-        #selectionStart_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _selectionStart_initializers, null));
-        get selectionStart() { return this.#selectionStart_accessor_storage; }
-        set selectionStart(value) { this.#selectionStart_accessor_storage = value; }
-        #selectionEnd_accessor_storage = (__runInitializers(this, _selectionStart_extraInitializers), __runInitializers(this, _selectionEnd_initializers, null));
-        get selectionEnd() { return this.#selectionEnd_accessor_storage; }
-        set selectionEnd(value) { this.#selectionEnd_accessor_storage = value; }
-        #internals = (__runInitializers(this, _selectionEnd_extraInitializers), this.attachInternals());
-        #input = query("input");
-        onReady() {
-            const input = this.#input();
-            input.autofocus = this.autofocus;
-        }
-        connectedCallback() {
-            this.#syncFormState();
-        }
-        onChange(changes) {
-            const input = this.#input();
-            input.value = this.value;
-            if (changes.has("selectionStart")) {
-                input.selectionStart = this.selectionStart;
-            }
-            if (changes.has("selectionEnd")) {
-                input.selectionEnd = this.selectionEnd;
-            }
-            this.#syncFormState();
-        }
-        onInputChange() {
-            const input = this.#input();
-            this.value = input.value;
-            this.selectionStart = input.selectionStart;
-            this.selectionEnd = input.selectionEnd;
-        }
-        attributeChangedCallback(attr) {
-            const input = this.#input();
-            switch (attr) {
-                case "autocomplete":
-                    input.autocomplete = this.autocomplete;
-                    break;
-                case "placeholder":
-                    input.placeholder = this.placeholder;
-                    break;
-                case "name":
-                    input.name = this.name;
-                    break;
-            }
-        }
-        #syncFormState() {
-            const input = this.#input();
-            this.#internals.setFormValue(input.value);
-            if (this.required && !input.value) {
-                this.#internals.setValidity({ valueMissing: true }, "Required", input);
-            }
-            else {
-                this.#internals.setValidity({});
-            }
-        }
-        static {
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-    };
-    return USATextInputElement = _classThis;
-})();
-export { USATextInputElement };
-//# sourceMappingURL=input.element.js.map