@noctuatech/uswds 0.0.31 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -1
- package/package.json +11 -24
- package/src/lib/accordion/accordion.element.ts +3 -16
- package/src/lib/accordion/events.ts +15 -0
- package/src/lib/alert/alert.element.ts +0 -7
- package/src/lib/description/description.element.ts +1 -1
- package/src/lib/file-input/file-input.element.ts +2 -4
- package/src/lib/icon/icon-types.ts +0 -8
- package/src/lib/input/input.element.ts +10 -19
- package/src/lib/input/input.stories.ts +1 -1
- package/src/lib/input-mask/format.ts +24 -22
- package/src/lib/input-mask/input-mask.element.ts +8 -6
- package/src/lib/radio/radio-option/radio-option.element.ts +10 -11
- package/src/lib/radio/radio.element.ts +9 -5
- package/src/lib/select/select-option/select-option.element.ts +4 -2
- package/src/lib/textarea/textarea.element.ts +13 -16
- package/target/lib/accordion/accordion.element.d.ts +1 -6
- package/target/lib/accordion/accordion.element.js +2 -12
- package/target/lib/accordion/accordion.element.js.map +1 -1
- package/target/lib/accordion/events.d.ts +6 -0
- package/target/lib/accordion/events.js +11 -0
- package/target/lib/accordion/events.js.map +1 -0
- package/target/lib/alert/alert.element.js +0 -7
- package/target/lib/alert/alert.element.js.map +1 -1
- package/target/lib/description/description.element.js +1 -1
- package/target/lib/description/description.element.js.map +1 -1
- package/target/lib/file-input/file-input.element.js +1 -4
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/icon/icon-types.d.ts +1 -1
- package/target/lib/icon/icon-types.js +0 -8
- package/target/lib/icon/icon-types.js.map +1 -1
- package/target/lib/input/input.element.d.ts +2 -2
- package/target/lib/input/input.element.js +14 -17
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/input/input.stories.js +1 -1
- package/target/lib/input-mask/format.d.ts +3 -6
- package/target/lib/input-mask/format.js +21 -22
- package/target/lib/input-mask/format.js.map +1 -1
- package/target/lib/input-mask/input-mask.element.js +6 -9
- package/target/lib/input-mask/input-mask.element.js.map +1 -1
- package/target/lib/radio/radio-option/radio-option.element.js +10 -10
- package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
- package/target/lib/radio/radio.element.js +9 -5
- package/target/lib/radio/radio.element.js.map +1 -1
- package/target/lib/select/select-option/select-option.element.js +4 -2
- package/target/lib/select/select-option/select-option.element.js.map +1 -1
- package/target/lib/textarea/textarea.element.js +12 -16
- package/target/lib/textarea/textarea.element.js.map +1 -1
- package/assets/uswds.min.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/lib/accordion/events.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAChD,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;IAwF1D,eAAe;4BAhF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,IAAI,CAAC,KAAK,CAAC;gBACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;aACvC,CAAC,CAAC;QACL,CAAC;;;;SAVU,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description.element.js","sourceRoot":"","sources":["../../../src/lib/description/description.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqBvC,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,
|
|
1
|
+
{"version":3,"file":"description.element.js","sourceRoot":"","sources":["../../../src/lib/description/description.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqBvC,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACyC,WAAW;qCAAnB,SAAQ,WAAW;;;;YAAtD,6KAAyD;;;YAA5C,uDAAqB;;;;;SAArB,qBAAqB"}
|
|
@@ -166,15 +166,12 @@ let USAFileInputElement = (() => {
|
|
|
166
166
|
this.#preview({ files: this.files });
|
|
167
167
|
const box = this.#box();
|
|
168
168
|
const formData = new FormData();
|
|
169
|
+
box.style.display = this.files?.length ? "none" : "flex";
|
|
169
170
|
if (this.files?.length) {
|
|
170
|
-
box.style.display = "none";
|
|
171
171
|
for (const file of this.files) {
|
|
172
172
|
formData.append(this.name, file);
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
|
-
else {
|
|
176
|
-
box.style.display = "flex";
|
|
177
|
-
}
|
|
178
175
|
this.#internals.setFormValue(formData);
|
|
179
176
|
}
|
|
180
177
|
onInputChange() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;IA+FvC,mBAAmB;4BAvF/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;;;KAkBH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCAGjD,IAAI,EAAE;oCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;iCAGN,OAAO,EAAE;oCAgBT,MAAM,EAAE;
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICON_TYPES: readonly ["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", "
|
|
1
|
+
export declare const ICON_TYPES: readonly ["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", "fast_forward", "fast_rewind", "favorite", "favorite_border", "fax", "file_download", "file_present", "file_upload", "filter_alt", "filter_list", "fingerprint", "first_page", "flag", "flight", "flooding", "folder", "folder_open", "format_quote", "format_size", "forum", "grid_view", "group_add", "groups", "hearing", "help", "help_outline", "highlight_off", "history", "home", "hospital", "hotel", "hourglass_empty", "hurricane", "identification", "image", "info", "info_outline", "insights", "keyboard", "label", "language", "last_page", "launch", "lightbulb", "lightbulb_outline", "link", "link_off", "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", "undo", "unfold_less", "unfold_more", "update", "upload_file", "verified", "verified_user", "visibility", "visibility_off", "volume_off", "warning", "wash", "wifi", "work", "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"];
|
|
2
2
|
export type USAIcon = (typeof ICON_TYPES)[number];
|
|
@@ -71,7 +71,6 @@ export const ICON_TYPES = [
|
|
|
71
71
|
"event",
|
|
72
72
|
"expand_less",
|
|
73
73
|
"expand_more",
|
|
74
|
-
"facebook",
|
|
75
74
|
"fast_forward",
|
|
76
75
|
"fast_rewind",
|
|
77
76
|
"favorite",
|
|
@@ -85,7 +84,6 @@ export const ICON_TYPES = [
|
|
|
85
84
|
"fingerprint",
|
|
86
85
|
"first_page",
|
|
87
86
|
"flag",
|
|
88
|
-
"flickr",
|
|
89
87
|
"flight",
|
|
90
88
|
"flooding",
|
|
91
89
|
"folder",
|
|
@@ -93,7 +91,6 @@ export const ICON_TYPES = [
|
|
|
93
91
|
"format_quote",
|
|
94
92
|
"format_size",
|
|
95
93
|
"forum",
|
|
96
|
-
"github",
|
|
97
94
|
"grid_view",
|
|
98
95
|
"group_add",
|
|
99
96
|
"groups",
|
|
@@ -112,7 +109,6 @@ export const ICON_TYPES = [
|
|
|
112
109
|
"info",
|
|
113
110
|
"info_outline",
|
|
114
111
|
"insights",
|
|
115
|
-
"instagram",
|
|
116
112
|
"keyboard",
|
|
117
113
|
"label",
|
|
118
114
|
"language",
|
|
@@ -122,7 +118,6 @@ export const ICON_TYPES = [
|
|
|
122
118
|
"lightbulb_outline",
|
|
123
119
|
"link",
|
|
124
120
|
"link_off",
|
|
125
|
-
"linkedin",
|
|
126
121
|
"list",
|
|
127
122
|
"local_cafe",
|
|
128
123
|
"local_fire_department",
|
|
@@ -222,7 +217,6 @@ export const ICON_TYPES = [
|
|
|
222
217
|
"translate",
|
|
223
218
|
"trending_down",
|
|
224
219
|
"trending_up",
|
|
225
|
-
"twitter",
|
|
226
220
|
"undo",
|
|
227
221
|
"unfold_less",
|
|
228
222
|
"unfold_more",
|
|
@@ -237,8 +231,6 @@ export const ICON_TYPES = [
|
|
|
237
231
|
"wash",
|
|
238
232
|
"wifi",
|
|
239
233
|
"work",
|
|
240
|
-
"x",
|
|
241
|
-
"youtube",
|
|
242
234
|
"zoom_in",
|
|
243
235
|
"zoom_out_map",
|
|
244
236
|
"zoom_out",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-types.js","sourceRoot":"","sources":["../../../src/lib/icon/icon-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,aAAa;IACb,gBAAgB;IAChB,KAAK;IACL,YAAY;IACZ,oBAAoB;IACpB,OAAO;IACP,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,eAAe;IACf,cAAc;IACd,KAAK;IACL,YAAY;IACZ,aAAa;IACb,cAAc;IACd,WAAW;IACX,UAAU;IACV,SAAS;IACT,SAAS;IACT,UAAU;IACV,YAAY;IACZ,OAAO;IACP,gBAAgB;IAChB,UAAU;IACV,SAAS;IACT,QAAQ;IACR,MAAM;IACN,OAAO;IACP,yBAAyB;IACzB,cAAc;IACd,sBAAsB;IACtB,WAAW;IACX,aAAa;IACb,SAAS;IACT,OAAO;IACP,gBAAgB;IAChB,OAAO;IACP,MAAM;IACN,SAAS;IACT,yBAAyB;IACzB,cAAc;IACd,qBAAqB;IACrB,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;IACb,MAAM;IACN,QAAQ;IACR,mBAAmB;IACnB,YAAY;IACZ,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,KAAK;IACL,MAAM;IACN,qBAAqB;IACrB,cAAc;IACd,OAAO;IACP,eAAe;IACf,OAAO;IACP,aAAa;IACb,aAAa;IACb,
|
|
1
|
+
{"version":3,"file":"icon-types.js","sourceRoot":"","sources":["../../../src/lib/icon/icon-types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type Changes } from "@joist/observable";
|
|
2
1
|
import type { MaskableElement } from "../input-mask/maskable.element.js";
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
@@ -12,6 +11,7 @@ export declare class USATextInputElement extends HTMLElement implements Maskable
|
|
|
12
11
|
accessor autocomplete: AutoFill;
|
|
13
12
|
accessor placeholder: string;
|
|
14
13
|
accessor required: boolean;
|
|
14
|
+
accessor type: "text" | "password" | "number";
|
|
15
15
|
accessor detail: "pfx" | "sfx" | "";
|
|
16
16
|
accessor value: string;
|
|
17
17
|
accessor selectionStart: number | null;
|
|
@@ -19,7 +19,7 @@ export declare class USATextInputElement extends HTMLElement implements Maskable
|
|
|
19
19
|
onReady(): void;
|
|
20
20
|
attributeChangedCallback(): void;
|
|
21
21
|
connectedCallback(): void;
|
|
22
|
-
onChange(
|
|
22
|
+
onChange(): void;
|
|
23
23
|
onKeyDown(e: KeyboardEvent): void;
|
|
24
24
|
onInputChange(): void;
|
|
25
25
|
}
|
|
@@ -97,6 +97,9 @@ let USATextInputElement = (() => {
|
|
|
97
97
|
let _required_decorators;
|
|
98
98
|
let _required_initializers = [];
|
|
99
99
|
let _required_extraInitializers = [];
|
|
100
|
+
let _type_decorators;
|
|
101
|
+
let _type_initializers = [];
|
|
102
|
+
let _type_extraInitializers = [];
|
|
100
103
|
let _detail_decorators;
|
|
101
104
|
let _detail_initializers = [];
|
|
102
105
|
let _detail_extraInitializers = [];
|
|
@@ -121,6 +124,7 @@ let USATextInputElement = (() => {
|
|
|
121
124
|
_autocomplete_decorators = [attr()];
|
|
122
125
|
_placeholder_decorators = [attr()];
|
|
123
126
|
_required_decorators = [attr()];
|
|
127
|
+
_type_decorators = [attr()];
|
|
124
128
|
_detail_decorators = [attr({
|
|
125
129
|
observed: false,
|
|
126
130
|
})];
|
|
@@ -137,6 +141,7 @@ let USATextInputElement = (() => {
|
|
|
137
141
|
__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);
|
|
138
142
|
__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);
|
|
139
143
|
__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);
|
|
144
|
+
__esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
140
145
|
__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);
|
|
141
146
|
__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);
|
|
142
147
|
__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);
|
|
@@ -162,7 +167,10 @@ let USATextInputElement = (() => {
|
|
|
162
167
|
#required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
|
|
163
168
|
get required() { return this.#required_accessor_storage; }
|
|
164
169
|
set required(value) { this.#required_accessor_storage = value; }
|
|
165
|
-
#
|
|
170
|
+
#type_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _type_initializers, "text"));
|
|
171
|
+
get type() { return this.#type_accessor_storage; }
|
|
172
|
+
set type(value) { this.#type_accessor_storage = value; }
|
|
173
|
+
#detail_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _detail_initializers, ""));
|
|
166
174
|
get detail() { return this.#detail_accessor_storage; }
|
|
167
175
|
set detail(value) { this.#detail_accessor_storage = value; }
|
|
168
176
|
#value_accessor_storage = (__runInitializers(this, _detail_extraInitializers), __runInitializers(this, _value_initializers, ""));
|
|
@@ -180,26 +188,15 @@ let USATextInputElement = (() => {
|
|
|
180
188
|
this.#input({ autofocus: this.autofocus });
|
|
181
189
|
}
|
|
182
190
|
attributeChangedCallback() {
|
|
183
|
-
this
|
|
184
|
-
|
|
185
|
-
placeholder: this.placeholder,
|
|
186
|
-
name: this.name,
|
|
187
|
-
});
|
|
191
|
+
const { autocomplete, placeholder, name, type } = this;
|
|
192
|
+
this.#input({ autocomplete, placeholder, name, type });
|
|
188
193
|
}
|
|
189
194
|
connectedCallback() {
|
|
190
195
|
this.#syncFormState();
|
|
191
196
|
}
|
|
192
|
-
onChange(
|
|
193
|
-
const
|
|
194
|
-
|
|
195
|
-
input.value = this.value;
|
|
196
|
-
}
|
|
197
|
-
if (changes.has("selectionStart")) {
|
|
198
|
-
input.selectionStart = this.selectionStart;
|
|
199
|
-
}
|
|
200
|
-
if (changes.has("selectionEnd")) {
|
|
201
|
-
input.selectionEnd = this.selectionEnd;
|
|
202
|
-
}
|
|
197
|
+
onChange() {
|
|
198
|
+
const { value, selectionStart, selectionEnd } = this;
|
|
199
|
+
this.#input({ value, selectionStart, selectionEnd });
|
|
203
200
|
this.#syncFormState();
|
|
204
201
|
}
|
|
205
202
|
onKeyDown(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ const meta = {
|
|
|
10
10
|
const data = new FormData(e.target);
|
|
11
11
|
console.log(Array.from(data.entries()));
|
|
12
12
|
}}>
|
|
13
|
-
<usa-input name="fname"
|
|
13
|
+
<usa-input name="fname" autocomplete="off" detail="pfx">
|
|
14
14
|
<usa-icon icon="credit_card" slot="detail"></usa-icon>
|
|
15
15
|
|
|
16
16
|
First name
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
|
|
3
|
-
Number = "9",
|
|
4
|
-
Letter = "A"
|
|
5
|
-
}
|
|
6
|
-
export declare const PATTERN_CHARS: PatternChar[];
|
|
1
|
+
export declare const PATTERN_CHARS: readonly ["*", "9", "A"];
|
|
2
|
+
export type PatternChar = (typeof PATTERN_CHARS)[number];
|
|
7
3
|
export declare const REG_EXPS: {
|
|
8
4
|
Letters: RegExp;
|
|
9
5
|
Numbers: RegExp;
|
|
@@ -13,3 +9,4 @@ export interface FormattedResult {
|
|
|
13
9
|
formatted: string;
|
|
14
10
|
}
|
|
15
11
|
export declare function format(value: string, pattern: string): FormattedResult;
|
|
12
|
+
export declare function isPatternChar(char: unknown): char is PatternChar;
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
(function (PatternChar) {
|
|
3
|
-
PatternChar["Any"] = "*";
|
|
4
|
-
PatternChar["Number"] = "9";
|
|
5
|
-
PatternChar["Letter"] = "A";
|
|
6
|
-
})(PatternChar || (PatternChar = {}));
|
|
7
|
-
export const PATTERN_CHARS = Object.values(PatternChar);
|
|
1
|
+
export const PATTERN_CHARS = ["*", "9", "A"];
|
|
8
2
|
export const REG_EXPS = {
|
|
9
3
|
Letters: /^[a-z]/i,
|
|
10
4
|
Numbers: /^[0-9]/i,
|
|
@@ -18,24 +12,26 @@ export function format(value, pattern) {
|
|
|
18
12
|
const patternChar = pattern[i];
|
|
19
13
|
const char = chars[count];
|
|
20
14
|
if (char && patternChar) {
|
|
21
|
-
if (patternChar
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
count++;
|
|
25
|
-
}
|
|
26
|
-
else if (patternChar === PatternChar.Number) {
|
|
27
|
-
// Numbers only
|
|
28
|
-
if (/^[0-9]/i.test(char)) {
|
|
15
|
+
if (isPatternChar(patternChar)) {
|
|
16
|
+
if (patternChar === "*") {
|
|
17
|
+
// Any letter or number
|
|
29
18
|
formatted += char;
|
|
19
|
+
count++;
|
|
30
20
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
else if (patternChar === "9") {
|
|
22
|
+
// Numbers only
|
|
23
|
+
if (/^[0-9]/i.test(char)) {
|
|
24
|
+
formatted += char;
|
|
25
|
+
}
|
|
26
|
+
count++;
|
|
27
|
+
}
|
|
28
|
+
else if (patternChar === "A") {
|
|
29
|
+
// Letters only
|
|
30
|
+
if (/^[a-z]/i.test(char)) {
|
|
31
|
+
formatted += char;
|
|
32
|
+
}
|
|
33
|
+
count++;
|
|
37
34
|
}
|
|
38
|
-
count++;
|
|
39
35
|
}
|
|
40
36
|
else {
|
|
41
37
|
formatted += patternChar;
|
|
@@ -44,4 +40,7 @@ export function format(value, pattern) {
|
|
|
44
40
|
}
|
|
45
41
|
return { raw, formatted };
|
|
46
42
|
}
|
|
43
|
+
export function isPatternChar(char) {
|
|
44
|
+
return PATTERN_CHARS.some((c) => char === c);
|
|
45
|
+
}
|
|
47
46
|
//# sourceMappingURL=format.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/lib/input-mask/format.ts"],"names":[],"mappings":"AAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/lib/input-mask/format.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAItD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC;AAOF,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IACzE,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5B,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;YACxB,IAAI,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/B,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBACxB,uBAAuB;oBACvB,SAAS,IAAI,IAAI,CAAC;oBAClB,KAAK,EAAE,CAAC;gBACV,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,eAAe;oBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,SAAS,IAAI,IAAI,CAAC;oBACpB,CAAC;oBAED,KAAK,EAAE,CAAC;gBACV,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,eAAe;oBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,SAAS,IAAI,IAAI,CAAC;oBACpB,CAAC;oBAED,KAAK,EAAE,CAAC;gBACV,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,SAAS,IAAI,WAAW,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IACzC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { attr, css, element, html, listen } from "@joist/element";
|
|
3
|
-
import { PATTERN_CHARS,
|
|
2
|
+
import { attr, css, element, html, listen, queryAll } from "@joist/element";
|
|
3
|
+
import { PATTERN_CHARS, REG_EXPS, format } from "./format.js";
|
|
4
4
|
let USAInputMaskElement = (() => {
|
|
5
5
|
let _classDecorators = [element({
|
|
6
6
|
tagName: "usa-input-mask",
|
|
@@ -41,8 +41,9 @@ let USAInputMaskElement = (() => {
|
|
|
41
41
|
#mask_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _mask_initializers, ""));
|
|
42
42
|
get mask() { return this.#mask_accessor_storage; }
|
|
43
43
|
set mask(value) { this.#mask_accessor_storage = value; }
|
|
44
|
+
#maskables = (__runInitializers(this, _mask_extraInitializers), queryAll("[mask]", this));
|
|
44
45
|
connectedCallback() {
|
|
45
|
-
for (const input of this
|
|
46
|
+
for (const input of this.#maskables()) {
|
|
46
47
|
const { formatted } = format(input.value, this.#getMaskFor(input));
|
|
47
48
|
if (formatted) {
|
|
48
49
|
input.value = formatted;
|
|
@@ -78,13 +79,13 @@ let USAInputMaskElement = (() => {
|
|
|
78
79
|
// prevent default once value is the same as the mask length
|
|
79
80
|
e.preventDefault();
|
|
80
81
|
}
|
|
81
|
-
else if (patternChar ===
|
|
82
|
+
else if (patternChar === "9") {
|
|
82
83
|
if (!REG_EXPS.Numbers.test(e.key)) {
|
|
83
84
|
// if pattern char specifies number and is not
|
|
84
85
|
e.preventDefault();
|
|
85
86
|
}
|
|
86
87
|
}
|
|
87
|
-
else if (patternChar ===
|
|
88
|
+
else if (patternChar === "A") {
|
|
88
89
|
if (!REG_EXPS.Letters.test(e.key)) {
|
|
89
90
|
// if pattern char specifies letter and is not
|
|
90
91
|
e.preventDefault();
|
|
@@ -95,10 +96,6 @@ let USAInputMaskElement = (() => {
|
|
|
95
96
|
#getMaskFor(input) {
|
|
96
97
|
return this.mask || input.getAttribute("mask") || "";
|
|
97
98
|
}
|
|
98
|
-
constructor() {
|
|
99
|
-
super(...arguments);
|
|
100
|
-
__runInitializers(this, _mask_extraInitializers);
|
|
101
|
-
}
|
|
102
99
|
};
|
|
103
100
|
return USAInputMaskElement = _classThis;
|
|
104
101
|
})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-mask.element.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"input-mask.element.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAoB,QAAQ,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;IAoBnE,mBAAmB;4BAX/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;mCAeN,MAAM,CAAC,OAAO,CAAC;qCAwBf,MAAM,CAAC,SAAS,CAAC;YAtClB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAenB,wKAAA,OAAO,6DAqBN;YAGD,8KAAA,SAAS,6DAuBR;YAhEH,6KAqEC;;;YArEY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAEnB,UAAU,sDAAG,QAAQ,CAAkB,QAAQ,EAAE,IAAI,CAAC,EAAC;QAEvD,iBAAiB;YACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;gBACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;gBAEnE,IAAI,SAAS,EAAE,CAAC;oBACd,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAyB,CAAC;YAC1C,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,IAAI,CAAC,CAAC;YACjD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAErC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAEhD,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;YAExB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,CAA4B,CAAC;YAErE,4FAA4F;YAC5F,IAAI,QAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBAChE,KAAK,CAAC,cAAc,GAAG,cAAc,GAAG,MAAM,CAAC;gBAC/C,KAAK,CAAC,YAAY,GAAG,cAAc,GAAG,MAAM,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;gBACtC,KAAK,CAAC,YAAY,GAAG,cAAc,CAAC;YACtC,CAAC;QACH,CAAC;QAGD,SAAS,CAAC,CAAgB;YACxB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAyB,CAAC;YAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,CAAgB,CAAC;YAEnE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBACnD,6EAA6E;gBAE7E,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBACtC,4DAA4D;oBAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;wBAClC,8CAA8C;wBAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;wBAClC,8CAA8C;wBAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAED,WAAW,CAAC,KAAsB;YAChC,OAAO,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACvD,CAAC;;;;SApEU,mBAAmB"}
|
|
@@ -56,24 +56,24 @@ let USARadioOptionElement = (() => {
|
|
|
56
56
|
#slot = query("slot");
|
|
57
57
|
#radio = inject(RADIO_CTX);
|
|
58
58
|
#observer = new MutationObserver(() => {
|
|
59
|
-
const input = this.#input();
|
|
60
59
|
const radio = this.#radio();
|
|
61
|
-
input
|
|
62
|
-
|
|
60
|
+
this.#input({
|
|
61
|
+
name: radio.name,
|
|
62
|
+
checked: radio.value === this.value,
|
|
63
|
+
});
|
|
63
64
|
});
|
|
64
65
|
attributeChangedCallback() {
|
|
65
|
-
|
|
66
|
-
|
|
66
|
+
this.#input({ value: this.value });
|
|
67
|
+
this.#slot({ name: this.value });
|
|
67
68
|
this.slot = this.value;
|
|
68
|
-
slot.name = this.value;
|
|
69
|
-
input.value = this.value;
|
|
70
69
|
}
|
|
71
70
|
onInjected() {
|
|
72
|
-
const input = this.#input();
|
|
73
71
|
const radio = this.#radio();
|
|
74
72
|
radio.addRadioOption(this.#label());
|
|
75
|
-
input
|
|
76
|
-
|
|
73
|
+
this.#input({
|
|
74
|
+
name: radio.name,
|
|
75
|
+
checked: radio.value === this.value,
|
|
76
|
+
});
|
|
77
77
|
this.#observer.observe(radio, {
|
|
78
78
|
attributeFilter: ["value", "name"],
|
|
79
79
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;IAgC7B,qBAAqB;4BAxBjC,UAAU,CAAC;YACV,IAAI,EAAE,sBAAsB;SAC7B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;IAgC7B,qBAAqB;4BAxBjC,UAAU,CAAC;YACV,IAAI,EAAE,sBAAsB;SAC7B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCAwBN,QAAQ,EAAE;YAvBX,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAwBpB,iLAAA,UAAU,6DAaT;YAvCH,6KA8CC;;;YA9CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,MAAM,uDAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QACxB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3B,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACpC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAEjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,CAAC;QAGD,UAAU;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEpC,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;aACpC,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aACnC,CAAC,CAAC;QACL,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;YAEvB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SA7CU,qBAAqB"}
|
|
@@ -11,6 +11,10 @@ let USARadioElement = (() => {
|
|
|
11
11
|
shadowDom: [
|
|
12
12
|
css `
|
|
13
13
|
:host {
|
|
14
|
+
--usa-radio-active-color: #005ea2;
|
|
15
|
+
--usa-radio-tiled-bg: rgba(0, 94, 162, 0.1);
|
|
16
|
+
--usa-radio-focus-color: #2491ff;
|
|
17
|
+
|
|
14
18
|
display: flex;
|
|
15
19
|
flex-direction: column;
|
|
16
20
|
gap: 1rem;
|
|
@@ -44,14 +48,14 @@ let USARadioElement = (() => {
|
|
|
44
48
|
}
|
|
45
49
|
|
|
46
50
|
label:has(input:checked)::before {
|
|
47
|
-
background-color:
|
|
51
|
+
background-color: var(--usa-radio-active-color);
|
|
48
52
|
box-shadow:
|
|
49
|
-
0 0 0 2px
|
|
53
|
+
0 0 0 2px var(--usa-radio-active-color),
|
|
50
54
|
inset 0 0 0 2px #fff;
|
|
51
55
|
}
|
|
52
56
|
|
|
53
57
|
label:has(input:focus)::before {
|
|
54
|
-
outline: 0.25rem solid
|
|
58
|
+
outline: 0.25rem solid var(--usa-radio-focus-color);
|
|
55
59
|
outline-offset: 0.25rem;
|
|
56
60
|
}
|
|
57
61
|
|
|
@@ -68,8 +72,8 @@ let USARadioElement = (() => {
|
|
|
68
72
|
}
|
|
69
73
|
|
|
70
74
|
:host([tiled]) label:has(input:checked) {
|
|
71
|
-
background-color:
|
|
72
|
-
border-color:
|
|
75
|
+
background-color: var(--usa-radio-tiled-bg);
|
|
76
|
+
border-color: var(--usa-radio-active-color);
|
|
73
77
|
}
|
|
74
78
|
|
|
75
79
|
slot {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { attr, css, element, html, listen } from "@joist/element";
|
|
3
2
|
import { inject, injectable, injected } from "@joist/di";
|
|
3
|
+
import { attr, css, element, html, listen } from "@joist/element";
|
|
4
4
|
import { SELECT_CONTEXT } from "../context.js";
|
|
5
5
|
let USASelecOptionElement = (() => {
|
|
6
6
|
let _classDecorators = [element({
|
|
@@ -13,7 +13,9 @@ let USASelecOptionElement = (() => {
|
|
|
13
13
|
`,
|
|
14
14
|
html `<slot></slot>`,
|
|
15
15
|
],
|
|
16
|
-
}), injectable(
|
|
16
|
+
}), injectable({
|
|
17
|
+
name: "usa-select-option-ctx",
|
|
18
|
+
})];
|
|
17
19
|
let _classDescriptor;
|
|
18
20
|
let _classExtraInitializers = [];
|
|
19
21
|
let _classThis;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-option.element.js","sourceRoot":"","sources":["../../../../src/lib/select/select-option/select-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"select-option.element.js","sourceRoot":"","sources":["../../../../src/lib/select/select-option/select-option.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,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;IAsBlC,qBAAqB;4BAdjC,OAAO,CAAC;YACP,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC,EACD,UAAU,CAAC;YACV,IAAI,EAAE,uBAAuB;SAC9B,CAAC;;;;sBACyC,WAAW;;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCAiBN,QAAQ,EAAE;wCAcV,MAAM,CAAC,YAAY,CAAC;YA9BrB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAiBpB,iLAAA,UAAU,6DAWT;YAGD,uLAAA,YAAY,6DAEX;YAnCH,6KA0CC;;;YA1CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEX,MAAM,uDAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC;QAEnD,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAEjC,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAEjC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC;QAGD,UAAU;YACR,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAE9B,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAEnD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC7B,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,OAAO,CAAC;aAC3B,CAAC,CAAC;QACL,CAAC;QAGD,YAAY;YACV,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7C,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC;;;;SAzCU,qBAAqB"}
|