@noctuatech/uswds 0.1.4 → 0.2.0

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.
Files changed (74) hide show
  1. package/README.md +48 -0
  2. package/package.json +4 -4
  3. package/src/lib/button/button.element.ts +11 -3
  4. package/src/lib/combo-box/combo-box.element.ts +20 -0
  5. package/src/lib/combo-box/combo-box.test.ts +18 -31
  6. package/src/lib/define.ts +5 -0
  7. package/src/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.ts +81 -0
  8. package/src/lib/in-page-nav/in-page-nav.element.ts +58 -0
  9. package/src/lib/in-page-nav/in-page-nav.stories.ts +67 -0
  10. package/src/lib/in-page-nav/in-page-nav.test.ts +15 -0
  11. package/src/lib/input/input.element.ts +9 -1
  12. package/src/lib/process-list/process-list-item/process-list-item.element.ts +80 -0
  13. package/src/lib/process-list/process-list.element.ts +27 -0
  14. package/src/lib/process-list/process-list.stories.ts +61 -0
  15. package/src/lib/process-list/process-list.test.ts +41 -0
  16. package/src/lib/search/search.element.ts +94 -0
  17. package/src/lib/search/search.event.ts +15 -0
  18. package/src/lib/search/search.stories.ts +31 -0
  19. package/src/lib/search/search.test.ts +81 -0
  20. package/src/lib.ts +5 -0
  21. package/target/lib/button/button.element.js +1 -1
  22. package/target/lib/button/button.element.js.map +1 -1
  23. package/target/lib/checkbox/checkbox.element.js +1 -1
  24. package/target/lib/combo-box/combo-box.element.d.ts +3 -0
  25. package/target/lib/combo-box/combo-box.element.js +23 -2
  26. package/target/lib/combo-box/combo-box.element.js.map +1 -1
  27. package/target/lib/combo-box/combo-box.test.js +7 -25
  28. package/target/lib/combo-box/combo-box.test.js.map +1 -1
  29. package/target/lib/define.d.ts +5 -0
  30. package/target/lib/define.js +5 -0
  31. package/target/lib/define.js.map +1 -1
  32. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.d.ts +15 -0
  33. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js +78 -0
  34. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js.map +1 -0
  35. package/target/lib/in-page-nav/in-page-nav.element.d.ts +10 -0
  36. package/target/lib/in-page-nav/in-page-nav.element.js +50 -0
  37. package/target/lib/in-page-nav/in-page-nav.element.js.map +1 -0
  38. package/target/lib/in-page-nav/in-page-nav.stories.d.ts +12 -0
  39. package/target/lib/in-page-nav/in-page-nav.stories.js +17 -0
  40. package/target/lib/in-page-nav/in-page-nav.stories.js.map +1 -0
  41. package/target/lib/in-page-nav/in-page-nav.test.d.ts +1 -0
  42. package/target/lib/in-page-nav/in-page-nav.test.js +9 -0
  43. package/target/lib/in-page-nav/in-page-nav.test.js.map +1 -0
  44. package/target/lib/input/input.element.d.ts +3 -1
  45. package/target/lib/input/input.element.js +14 -2
  46. package/target/lib/input/input.element.js.map +1 -1
  47. package/target/lib/process-list/process-list-item/process-list-item.element.d.ts +8 -0
  48. package/target/lib/process-list/process-list-item/process-list-item.element.js +40 -0
  49. package/target/lib/process-list/process-list-item/process-list-item.element.js.map +1 -0
  50. package/target/lib/process-list/process-list.element.d.ts +8 -0
  51. package/target/lib/process-list/process-list.element.js +40 -0
  52. package/target/lib/process-list/process-list.element.js.map +1 -0
  53. package/target/lib/process-list/process-list.stories.d.ts +12 -0
  54. package/target/lib/process-list/process-list.stories.js +17 -0
  55. package/target/lib/process-list/process-list.stories.js.map +1 -0
  56. package/target/lib/process-list/process-list.test.d.ts +2 -0
  57. package/target/lib/process-list/process-list.test.js +10 -0
  58. package/target/lib/process-list/process-list.test.js.map +1 -0
  59. package/target/lib/radio/radio.element.js +1 -1
  60. package/target/lib/search/search.element.d.ts +16 -0
  61. package/target/lib/search/search.element.js +99 -0
  62. package/target/lib/search/search.element.js.map +1 -0
  63. package/target/lib/search/search.event.d.ts +9 -0
  64. package/target/lib/search/search.event.js +8 -0
  65. package/target/lib/search/search.event.js.map +1 -0
  66. package/target/lib/search/search.stories.d.ts +12 -0
  67. package/target/lib/search/search.stories.js +21 -0
  68. package/target/lib/search/search.stories.js.map +1 -0
  69. package/target/lib/search/search.test.d.ts +3 -0
  70. package/target/lib/search/search.test.js +52 -0
  71. package/target/lib/search/search.test.js.map +1 -0
  72. package/target/lib.d.ts +5 -0
  73. package/target/lib.js +5 -0
  74. package/target/lib.js.map +1 -1
@@ -9,7 +9,7 @@ let USARadioElement = (() => {
9
9
  }), element({
10
10
  tagName: "usa-radio",
11
11
  shadowDom: [
12
- css `:host{--usa-radio-active-color:#005ea2;--usa-radio-tiled-bg:rgba(0, 94, 162, 0.1);--usa-radio-focus-color:#2491ff;display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin-bottom:1.5rem}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:#fff;box-shadow:0 0 0 2px #1b1b1b;flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:var(--usa-radio-active-color);box-shadow:0 0 0 2px var(--usa-radio-active-color),inset 0 0 0 2px #fff}label:has(input:checked:is(:disabled))::before{background-color:#757575;box-shadow:0 0 0 2px #757575,inset 0 0 0 2px #fff}label:has(input:disabled){cursor:not-allowed;color:#757575!important}label:has(input:disabled)::before{background-color:#fff;box-shadow:0 0 0 2px #757575}label:has(input:focus)::before{outline:.25rem solid var(--usa-radio-focus-color);outline-offset:.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;color:#1b1b1b;border-radius:.25rem;padding:.75rem 1rem .75rem .75rem}:host([tiled]) label:has(input:checked){background-color:var(--usa-radio-tiled-bg);border-color:var(--usa-radio-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:#fff;border-color:#757575}slot{display:flex}`,
12
+ css `:host{--usa-radio-active-color:#005ea2;--usa-radio-tiled-bg:rgba(0, 94, 162, 0.1);--usa-radio-focus-color:#2491ff;display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin-bottom:1.5rem}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:#fff;box-shadow:0 0 0 2px #1b1b1b;flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:var(--usa-radio-active-color);box-shadow:0 0 0 2px var(--usa-radio-active-color),inset 0 0 0 2px #fff}label:has(input:checked:is(:disabled))::before{background-color:#757575;box-shadow:0 0 0 2px #757575,inset 0 0 0 2px #fff}label:has(input:disabled){cursor:not-allowed;color:#757575!important}label:has(input:disabled)::before{background-color:#fff;box-shadow:0 0 0 2px #757575}label:has(input:focus)::before{outline:.25rem solid var(--usa-radio-focus-color);outline-offset:0.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;color:#1b1b1b;border-radius:.25rem;padding:.75rem 1rem .75rem .75rem}:host([tiled]) label:has(input:checked){background-color:var(--usa-radio-tiled-bg);border-color:var(--usa-radio-active-color)}:host([tiled]) label:has(input:checked:is(:disabled)){background-color:#fff;border-color:#757575}slot{display:flex}`,
13
13
  html `<slot name="legend" id="legend" tabindex="-1"></slot><slot></slot>`,
14
14
  ],
15
15
  })];
@@ -0,0 +1,16 @@
1
+ declare global {
2
+ interface HTMLElementTagNameMap {
3
+ "usa-search": USASearchElement;
4
+ }
5
+ }
6
+ export declare class USASearchElement extends HTMLElement {
7
+ #private;
8
+ accessor name: string;
9
+ accessor placeholder: string;
10
+ accessor required: boolean;
11
+ accessor disabled: boolean;
12
+ accessor autocomplete: AutoFill;
13
+ accessor value: string;
14
+ attributeChangedCallback(): void;
15
+ onSubmit(e: Event): void;
16
+ }
@@ -0,0 +1,99 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { attr, css, element, html, listen, query } from "@joist/element";
3
+ import { USASearchEvent } from "./search.event.js";
4
+ let USASearchElement = (() => {
5
+ let _classDecorators = [element({
6
+ tagName: "usa-search",
7
+ shadowDom: [
8
+ css `*{box-sizing:border-box}:host{display:block;position:relative}form{display:flex;align-items:flex-end}usa-input{flex-grow:1}usa-button{margin-bottom:1.5rem;height:2.5rem;border-top-left-radius:0;border-bottom-left-radius:0;position:relative}`,
9
+ html `<form><usa-input><slot></slot></usa-input><usa-button type="submit">Search</usa-button></form>`,
10
+ ],
11
+ })];
12
+ let _classDescriptor;
13
+ let _classExtraInitializers = [];
14
+ let _classThis;
15
+ let _classSuper = HTMLElement;
16
+ let _instanceExtraInitializers = [];
17
+ let _name_decorators;
18
+ let _name_initializers = [];
19
+ let _name_extraInitializers = [];
20
+ let _placeholder_decorators;
21
+ let _placeholder_initializers = [];
22
+ let _placeholder_extraInitializers = [];
23
+ let _required_decorators;
24
+ let _required_initializers = [];
25
+ let _required_extraInitializers = [];
26
+ let _disabled_decorators;
27
+ let _disabled_initializers = [];
28
+ let _disabled_extraInitializers = [];
29
+ let _autocomplete_decorators;
30
+ let _autocomplete_initializers = [];
31
+ let _autocomplete_extraInitializers = [];
32
+ let _value_decorators;
33
+ let _value_initializers = [];
34
+ let _value_extraInitializers = [];
35
+ let _onSubmit_decorators;
36
+ var USASearchElement = class extends _classSuper {
37
+ static { _classThis = this; }
38
+ static {
39
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
40
+ _name_decorators = [attr()];
41
+ _placeholder_decorators = [attr()];
42
+ _required_decorators = [attr()];
43
+ _disabled_decorators = [attr()];
44
+ _autocomplete_decorators = [attr()];
45
+ _value_decorators = [attr()];
46
+ _onSubmit_decorators = [listen("submit", "form")];
47
+ __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);
48
+ __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);
49
+ __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);
50
+ __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
51
+ __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);
52
+ __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);
53
+ __esDecorate(this, null, _onSubmit_decorators, { kind: "method", name: "onSubmit", static: false, private: false, access: { has: obj => "onSubmit" in obj, get: obj => obj.onSubmit }, metadata: _metadata }, null, _instanceExtraInitializers);
54
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
55
+ USASearchElement = _classThis = _classDescriptor.value;
56
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
57
+ __runInitializers(_classThis, _classExtraInitializers);
58
+ }
59
+ #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, "search"));
60
+ get name() { return this.#name_accessor_storage; }
61
+ set name(value) { this.#name_accessor_storage = value; }
62
+ #placeholder_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _placeholder_initializers, "Search"));
63
+ get placeholder() { return this.#placeholder_accessor_storage; }
64
+ set placeholder(value) { this.#placeholder_accessor_storage = value; }
65
+ #required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
66
+ get required() { return this.#required_accessor_storage; }
67
+ set required(value) { this.#required_accessor_storage = value; }
68
+ #disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
69
+ get disabled() { return this.#disabled_accessor_storage; }
70
+ set disabled(value) { this.#disabled_accessor_storage = value; }
71
+ #autocomplete_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _autocomplete_initializers, "off"));
72
+ get autocomplete() { return this.#autocomplete_accessor_storage; }
73
+ set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
74
+ #value_accessor_storage = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _value_initializers, ""));
75
+ get value() { return this.#value_accessor_storage; }
76
+ set value(value) { this.#value_accessor_storage = value; }
77
+ #input = (__runInitializers(this, _value_extraInitializers), query("usa-input"));
78
+ attributeChangedCallback() {
79
+ this.#input({
80
+ name: this.name,
81
+ placeholder: this.placeholder,
82
+ required: this.required,
83
+ disabled: this.disabled,
84
+ autocomplete: this.autocomplete,
85
+ value: this.value,
86
+ });
87
+ }
88
+ onSubmit(e) {
89
+ const searchEvent = new USASearchEvent(this.value);
90
+ this.dispatchEvent(searchEvent);
91
+ if (searchEvent.defaultPrevented) {
92
+ e.preventDefault();
93
+ }
94
+ }
95
+ };
96
+ return USASearchElement = _classThis;
97
+ })();
98
+ export { USASearchElement };
99
+ //# sourceMappingURL=search.element.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.element.js","sourceRoot":"","sources":["../../../src/lib/search/search.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;IAiDtC,gBAAgB;4BAzC5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACoC,WAAW;;;;;;;;;;;;;;;;;;;;;gCAAnB,SAAQ,WAAW;;;;gCAC9C,IAAI,EAAE;uCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;wCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;oCAgBN,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;YA9BzB,iKAAS,IAAI,6BAAJ,IAAI,mFAAY;YAGzB,sLAAS,WAAW,6BAAX,WAAW,iGAAY;YAGhC,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,yLAAS,YAAY,6BAAZ,YAAY,mGAAmB;YAGxC,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAgBpB,2KAAA,QAAQ,6DAQP;YAzCH,6KA0CC;;;YA1CY,uDAAgB;;QAE3B,0BAFW,mDAAgB,8CAEX,QAAQ,GAAC;QAAzB,IAAS,IAAI,0CAAY;QAAzB,IAAS,IAAI,gDAAY;QAGzB,sIAAuB,QAAQ,GAAC;QAAhC,IAAS,WAAW,iDAAY;QAAhC,IAAS,WAAW,uDAAY;QAGhC,uIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,oIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,4IAAkC,KAAK,GAAC;QAAxC,IAAS,YAAY,kDAAmB;QAAxC,IAAS,YAAY,wDAAmB;QAGxC,kIAAiB,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,MAAM,uDAAG,KAAK,CAAC,WAAW,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAC;QACL,CAAC;QAGD,QAAQ,CAAC,CAAQ;YACf,MAAM,WAAW,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAEnD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAEhC,IAAI,WAAW,CAAC,gBAAgB,EAAE,CAAC;gBACjC,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;;;;SAzCU,gBAAgB"}
@@ -0,0 +1,9 @@
1
+ declare global {
2
+ interface HTMLElementEventMap {
3
+ "usa::search": USASearchEvent;
4
+ }
5
+ }
6
+ export declare class USASearchEvent extends Event {
7
+ value: string;
8
+ constructor(value: string);
9
+ }
@@ -0,0 +1,8 @@
1
+ export class USASearchEvent extends Event {
2
+ value;
3
+ constructor(value) {
4
+ super("usa::search", { bubbles: true, composed: true, cancelable: true });
5
+ this.value = value;
6
+ }
7
+ }
8
+ //# sourceMappingURL=search.event.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.event.js","sourceRoot":"","sources":["../../../src/lib/search/search.event.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,cAAe,SAAQ,KAAK;IACvC,KAAK,CAAS;IAEd,YAAY,KAAa;QACvB,KAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1E,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;CACF"}
@@ -0,0 +1,12 @@
1
+ import type { StoryObj } from "@storybook/web-components";
2
+ import type { USASearchElement } from "./search.element.js";
3
+ declare const meta: {
4
+ title: string;
5
+ tags: string[];
6
+ render(): import("lit-html").TemplateResult<1>;
7
+ argTypes: {};
8
+ args: {};
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<USASearchElement>;
12
+ export declare const Primary: Story;
@@ -0,0 +1,21 @@
1
+ import { html } from "lit";
2
+ // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
3
+ const meta = {
4
+ title: "usa-search",
5
+ tags: ["autodocs"],
6
+ render() {
7
+ function onSubmit(e) {
8
+ e.preventDefault();
9
+ console.log("SUBMIT", e.value);
10
+ }
11
+ return html `<usa-search @usa::search="${onSubmit}">Search</usa-search>`;
12
+ },
13
+ argTypes: {},
14
+ args: {},
15
+ };
16
+ export default meta;
17
+ // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
18
+ export const Primary = {
19
+ args: {},
20
+ };
21
+ //# sourceMappingURL=search.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.stories.js","sourceRoot":"","sources":["../../../src/lib/search/search.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAK3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,SAAS,QAAQ,CAAC,CAAiB;YACjC,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,IAAI,CAAA,4BAA4B,QAAQ,sBAAsB,CAAC;IACxE,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -0,0 +1,3 @@
1
+ import "./search.element.js";
2
+ import "../input/input.element.js";
3
+ import "../button/button.element.js";
@@ -0,0 +1,52 @@
1
+ import "./search.element.js";
2
+ import "../input/input.element.js";
3
+ import "../button/button.element.js";
4
+ import { assert, fixture, html } from "@open-wc/testing";
5
+ describe("usa-search", () => {
6
+ it("should be accessible", async () => {
7
+ const search = await fixture(html `<usa-search name="search">Hello World</usa-search>`);
8
+ return assert.isAccessible(search);
9
+ });
10
+ it("should have default attribute values", async () => {
11
+ const search = await fixture(html `<usa-search></usa-search>`);
12
+ assert.equal(search.name, "search");
13
+ assert.equal(search.placeholder, "Search");
14
+ assert.equal(search.required, false);
15
+ assert.equal(search.disabled, false);
16
+ assert.equal(search.autocomplete, "off");
17
+ assert.equal(search.value, "");
18
+ });
19
+ it("should update attributes when changed", async () => {
20
+ const search = await fixture(html `<usa-search></usa-search>`);
21
+ search.name = "custom-name";
22
+ search.placeholder = "Custom Placeholder";
23
+ search.required = true;
24
+ search.disabled = true;
25
+ search.autocomplete = "on";
26
+ search.value = "test value";
27
+ assert.equal(search.name, "custom-name");
28
+ assert.equal(search.placeholder, "Custom Placeholder");
29
+ assert.equal(search.required, true);
30
+ assert.equal(search.disabled, true);
31
+ assert.equal(search.autocomplete, "on");
32
+ assert.equal(search.value, "test value");
33
+ });
34
+ it("should handle form submission", async () => {
35
+ const search = await fixture(html `<usa-search></usa-search>`);
36
+ let submitted = false;
37
+ search.addEventListener("submit", (e) => {
38
+ e.preventDefault();
39
+ submitted = true;
40
+ });
41
+ const form = search.shadowRoot?.querySelector("form");
42
+ form?.dispatchEvent(new Event("submit", { bubbles: true, composed: true }));
43
+ assert.isTrue(submitted);
44
+ });
45
+ it("should update value on input change", async () => {
46
+ const search = await fixture(html `<usa-search></usa-search>`);
47
+ const input = search.shadowRoot?.querySelector("usa-input");
48
+ input?.dispatchEvent(new Event("input", { bubbles: true }));
49
+ assert.equal(search.value, "");
50
+ });
51
+ });
52
+ //# sourceMappingURL=search.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search.test.js","sourceRoot":"","sources":["../../../src/lib/search/search.test.ts"],"names":[],"mappings":"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"}
package/target/lib.d.ts CHANGED
@@ -36,3 +36,8 @@ export { USACheckboxGroupElement } from "./lib/checkbox/checkbox-group/checkbox-
36
36
  export { USARangeSliderElement } from "./lib/range-slider/range-slider.element.js";
37
37
  export { USAComboBoxElement as USAAutocompleteElement } from "./lib/combo-box/combo-box.element.js";
38
38
  export { USAComboBoxOptionElement } from "./lib/combo-box/combo-box-option/combo-box-option.element.js";
39
+ export { USASearchElement } from "./lib/search/search.element.js";
40
+ export { USAProcessListElement } from "./lib/process-list/process-list.element.js";
41
+ export { USAProcessListItemElement } from "./lib/process-list/process-list-item/process-list-item.element.js";
42
+ export { USAInPageNavElement } from "./lib/in-page-nav/in-page-nav.element.js";
43
+ export { USAInPageNavItemElement } from "./lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js";
package/target/lib.js CHANGED
@@ -36,4 +36,9 @@ export { USACheckboxGroupElement } from "./lib/checkbox/checkbox-group/checkbox-
36
36
  export { USARangeSliderElement } from "./lib/range-slider/range-slider.element.js";
37
37
  export { USAComboBoxElement as USAAutocompleteElement } from "./lib/combo-box/combo-box.element.js";
38
38
  export { USAComboBoxOptionElement } from "./lib/combo-box/combo-box-option/combo-box-option.element.js";
39
+ export { USASearchElement } from "./lib/search/search.element.js";
40
+ export { USAProcessListElement } from "./lib/process-list/process-list.element.js";
41
+ export { USAProcessListItemElement } from "./lib/process-list/process-list-item/process-list-item.element.js";
42
+ export { USAInPageNavElement } from "./lib/in-page-nav/in-page-nav.element.js";
43
+ export { USAInPageNavItemElement } from "./lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js";
39
44
  //# sourceMappingURL=lib.js.map
package/target/lib.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC"}
1
+ {"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mEAAmE,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC"}