@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.
- package/README.md +48 -0
- package/package.json +4 -4
- package/src/lib/button/button.element.ts +11 -3
- package/src/lib/combo-box/combo-box.element.ts +20 -0
- package/src/lib/combo-box/combo-box.test.ts +18 -31
- package/src/lib/define.ts +5 -0
- package/src/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.ts +81 -0
- package/src/lib/in-page-nav/in-page-nav.element.ts +58 -0
- package/src/lib/in-page-nav/in-page-nav.stories.ts +67 -0
- package/src/lib/in-page-nav/in-page-nav.test.ts +15 -0
- package/src/lib/input/input.element.ts +9 -1
- package/src/lib/process-list/process-list-item/process-list-item.element.ts +80 -0
- package/src/lib/process-list/process-list.element.ts +27 -0
- package/src/lib/process-list/process-list.stories.ts +61 -0
- package/src/lib/process-list/process-list.test.ts +41 -0
- package/src/lib/search/search.element.ts +94 -0
- package/src/lib/search/search.event.ts +15 -0
- package/src/lib/search/search.stories.ts +31 -0
- package/src/lib/search/search.test.ts +81 -0
- package/src/lib.ts +5 -0
- package/target/lib/button/button.element.js +1 -1
- package/target/lib/button/button.element.js.map +1 -1
- package/target/lib/checkbox/checkbox.element.js +1 -1
- package/target/lib/combo-box/combo-box.element.d.ts +3 -0
- package/target/lib/combo-box/combo-box.element.js +23 -2
- package/target/lib/combo-box/combo-box.element.js.map +1 -1
- package/target/lib/combo-box/combo-box.test.js +7 -25
- package/target/lib/combo-box/combo-box.test.js.map +1 -1
- package/target/lib/define.d.ts +5 -0
- package/target/lib/define.js +5 -0
- package/target/lib/define.js.map +1 -1
- package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.d.ts +15 -0
- package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js +78 -0
- package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js.map +1 -0
- package/target/lib/in-page-nav/in-page-nav.element.d.ts +10 -0
- package/target/lib/in-page-nav/in-page-nav.element.js +50 -0
- package/target/lib/in-page-nav/in-page-nav.element.js.map +1 -0
- package/target/lib/in-page-nav/in-page-nav.stories.d.ts +12 -0
- package/target/lib/in-page-nav/in-page-nav.stories.js +17 -0
- package/target/lib/in-page-nav/in-page-nav.stories.js.map +1 -0
- package/target/lib/in-page-nav/in-page-nav.test.d.ts +1 -0
- package/target/lib/in-page-nav/in-page-nav.test.js +9 -0
- package/target/lib/in-page-nav/in-page-nav.test.js.map +1 -0
- package/target/lib/input/input.element.d.ts +3 -1
- package/target/lib/input/input.element.js +14 -2
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/process-list/process-list-item/process-list-item.element.d.ts +8 -0
- package/target/lib/process-list/process-list-item/process-list-item.element.js +40 -0
- package/target/lib/process-list/process-list-item/process-list-item.element.js.map +1 -0
- package/target/lib/process-list/process-list.element.d.ts +8 -0
- package/target/lib/process-list/process-list.element.js +40 -0
- package/target/lib/process-list/process-list.element.js.map +1 -0
- package/target/lib/process-list/process-list.stories.d.ts +12 -0
- package/target/lib/process-list/process-list.stories.js +17 -0
- package/target/lib/process-list/process-list.stories.js.map +1 -0
- package/target/lib/process-list/process-list.test.d.ts +2 -0
- package/target/lib/process-list/process-list.test.js +10 -0
- package/target/lib/process-list/process-list.test.js.map +1 -0
- package/target/lib/radio/radio.element.js +1 -1
- package/target/lib/search/search.element.d.ts +16 -0
- package/target/lib/search/search.element.js +99 -0
- package/target/lib/search/search.element.js.map +1 -0
- package/target/lib/search/search.event.d.ts +9 -0
- package/target/lib/search/search.event.js +8 -0
- package/target/lib/search/search.event.js.map +1 -0
- package/target/lib/search/search.stories.d.ts +12 -0
- package/target/lib/search/search.stories.js +21 -0
- package/target/lib/search/search.stories.js.map +1 -0
- package/target/lib/search/search.test.d.ts +3 -0
- package/target/lib/search/search.test.js +52 -0
- package/target/lib/search/search.test.js.map +1 -0
- package/target/lib.d.ts +5 -0
- package/target/lib.js +5 -0
- 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
|
|
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 @@
|
|
|
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,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":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKzD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,GAAG,aAAa,CAAC;QAC5B,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAAC;QAC1C,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC;QAE5B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;QACvD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,EAAE,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE5E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,MAAM,GAAG,MAAM,OAAO,CAAmB,IAAI,CAAA;;KAElD,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC5D,KAAK,EAAE,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE5D,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
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"}
|