@noctuatech/uswds 0.1.3 → 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 (79) hide show
  1. package/README.md +48 -0
  2. package/package.json +7 -7
  3. package/src/lib/button/button.element.ts +11 -3
  4. package/src/lib/collection/collection.stories.ts +2 -2
  5. package/src/lib/combo-box/combo-box-option/combo-box-option.element.ts +2 -4
  6. package/src/lib/combo-box/combo-box.element.ts +20 -0
  7. package/src/lib/combo-box/combo-box.test.ts +18 -31
  8. package/src/lib/define.ts +5 -0
  9. package/src/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.ts +81 -0
  10. package/src/lib/in-page-nav/in-page-nav.element.ts +58 -0
  11. package/src/lib/in-page-nav/in-page-nav.stories.ts +67 -0
  12. package/src/lib/in-page-nav/in-page-nav.test.ts +15 -0
  13. package/src/lib/input/input.element.ts +9 -1
  14. package/src/lib/process-list/process-list-item/process-list-item.element.ts +80 -0
  15. package/src/lib/process-list/process-list.element.ts +27 -0
  16. package/src/lib/process-list/process-list.stories.ts +61 -0
  17. package/src/lib/process-list/process-list.test.ts +41 -0
  18. package/src/lib/search/search.element.ts +94 -0
  19. package/src/lib/search/search.event.ts +15 -0
  20. package/src/lib/search/search.stories.ts +31 -0
  21. package/src/lib/search/search.test.ts +81 -0
  22. package/src/lib.ts +5 -0
  23. package/target/lib/button/button.element.js +1 -1
  24. package/target/lib/button/button.element.js.map +1 -1
  25. package/target/lib/checkbox/checkbox.element.js +1 -1
  26. package/target/lib/collection/collection.stories.js +1 -1
  27. package/target/lib/combo-box/combo-box-option/combo-box-option.element.js +2 -7
  28. package/target/lib/combo-box/combo-box-option/combo-box-option.element.js.map +1 -1
  29. package/target/lib/combo-box/combo-box.element.d.ts +3 -0
  30. package/target/lib/combo-box/combo-box.element.js +23 -2
  31. package/target/lib/combo-box/combo-box.element.js.map +1 -1
  32. package/target/lib/combo-box/combo-box.test.js +7 -25
  33. package/target/lib/combo-box/combo-box.test.js.map +1 -1
  34. package/target/lib/define.d.ts +5 -0
  35. package/target/lib/define.js +5 -0
  36. package/target/lib/define.js.map +1 -1
  37. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.d.ts +15 -0
  38. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js +78 -0
  39. package/target/lib/in-page-nav/in-page-nav-item/in-page-nav-item.element.js.map +1 -0
  40. package/target/lib/in-page-nav/in-page-nav.element.d.ts +10 -0
  41. package/target/lib/in-page-nav/in-page-nav.element.js +50 -0
  42. package/target/lib/in-page-nav/in-page-nav.element.js.map +1 -0
  43. package/target/lib/in-page-nav/in-page-nav.stories.d.ts +12 -0
  44. package/target/lib/in-page-nav/in-page-nav.stories.js +17 -0
  45. package/target/lib/in-page-nav/in-page-nav.stories.js.map +1 -0
  46. package/target/lib/in-page-nav/in-page-nav.test.d.ts +1 -0
  47. package/target/lib/in-page-nav/in-page-nav.test.js +9 -0
  48. package/target/lib/in-page-nav/in-page-nav.test.js.map +1 -0
  49. package/target/lib/input/input.element.d.ts +3 -1
  50. package/target/lib/input/input.element.js +14 -2
  51. package/target/lib/input/input.element.js.map +1 -1
  52. package/target/lib/process-list/process-list-item/process-list-item.element.d.ts +8 -0
  53. package/target/lib/process-list/process-list-item/process-list-item.element.js +40 -0
  54. package/target/lib/process-list/process-list-item/process-list-item.element.js.map +1 -0
  55. package/target/lib/process-list/process-list.element.d.ts +8 -0
  56. package/target/lib/process-list/process-list.element.js +40 -0
  57. package/target/lib/process-list/process-list.element.js.map +1 -0
  58. package/target/lib/process-list/process-list.stories.d.ts +12 -0
  59. package/target/lib/process-list/process-list.stories.js +17 -0
  60. package/target/lib/process-list/process-list.stories.js.map +1 -0
  61. package/target/lib/process-list/process-list.test.d.ts +2 -0
  62. package/target/lib/process-list/process-list.test.js +10 -0
  63. package/target/lib/process-list/process-list.test.js.map +1 -0
  64. package/target/lib/radio/radio.element.js +1 -1
  65. package/target/lib/search/search.element.d.ts +16 -0
  66. package/target/lib/search/search.element.js +99 -0
  67. package/target/lib/search/search.element.js.map +1 -0
  68. package/target/lib/search/search.event.d.ts +9 -0
  69. package/target/lib/search/search.event.js +8 -0
  70. package/target/lib/search/search.event.js.map +1 -0
  71. package/target/lib/search/search.stories.d.ts +12 -0
  72. package/target/lib/search/search.stories.js +21 -0
  73. package/target/lib/search/search.stories.js.map +1 -0
  74. package/target/lib/search/search.test.d.ts +3 -0
  75. package/target/lib/search/search.test.js +52 -0
  76. package/target/lib/search/search.test.js.map +1 -0
  77. package/target/lib.d.ts +5 -0
  78. package/target/lib.js +5 -0
  79. package/target/lib.js.map +1 -1
@@ -0,0 +1,40 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { attr, css, element, html } from "@joist/element";
3
+ let USAProcessListItemElement = (() => {
4
+ let _classDecorators = [element({
5
+ tagName: "usa-process-list-item",
6
+ shadowDom: [
7
+ css `*{box-sizing:border-box}:host{display:flex;gap:.5rem;flex-direction:column;position:relative;padding-left:3rem}.number{background:#fff;box-shadow:0 0 0 .25rem #fff;border:.25rem solid #1b1b1b;position:absolute;height:2.5rem;width:2.5rem;border-radius:50%;left:0;top:-11px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1}.line{background:#d9e8f6;width:.5rem;position:absolute;top:0;bottom:-2rem;left:calc(2.5rem / 2 - .25rem)}#title::slotted(*){margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}:host(:last-child) .line{display:none}`,
8
+ html `<div class="number"><slot name="count">1</slot></div><div class="line"></div><slot id="title" name="title"></slot><div class="content"><slot></slot></div>`,
9
+ ],
10
+ })];
11
+ let _classDescriptor;
12
+ let _classExtraInitializers = [];
13
+ let _classThis;
14
+ let _classSuper = HTMLElement;
15
+ let _role_decorators;
16
+ let _role_initializers = [];
17
+ let _role_extraInitializers = [];
18
+ var USAProcessListItemElement = class extends _classSuper {
19
+ static { _classThis = this; }
20
+ static {
21
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
22
+ _role_decorators = [attr()];
23
+ __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
24
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
25
+ USAProcessListItemElement = _classThis = _classDescriptor.value;
26
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
27
+ __runInitializers(_classThis, _classExtraInitializers);
28
+ }
29
+ #role_accessor_storage = __runInitializers(this, _role_initializers, "listitem");
30
+ get role() { return this.#role_accessor_storage; }
31
+ set role(value) { this.#role_accessor_storage = value; }
32
+ constructor() {
33
+ super(...arguments);
34
+ __runInitializers(this, _role_extraInitializers);
35
+ }
36
+ };
37
+ return USAProcessListItemElement = _classThis;
38
+ })();
39
+ export { USAProcessListItemElement };
40
+ //# sourceMappingURL=process-list-item.element.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"process-list-item.element.js","sourceRoot":"","sources":["../../../../src/lib/process-list/process-list-item/process-list-item.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IA4E7C,yBAAyB;4BApErC,OAAO,CAAC;YACP,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;gBACD,IAAI,CAAA;;;;;;;;;;;;KAYH;aACF;SACF,CAAC;;;;sBAC6C,WAAW;;;;yCAAnB,SAAQ,WAAW;;;;gCACvD,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAc;YAF7B,6KAGC;;;YAHY,uDAAyB;;QAEpC,qEAAgB,UAAU,EAAC;QAA3B,IAAS,IAAI,0CAAc;QAA3B,IAAS,IAAI,gDAAc;;;;;;;;SAFhB,yBAAyB"}
@@ -0,0 +1,8 @@
1
+ declare global {
2
+ interface HTMLElementTagNameMap {
3
+ "usa-process-list": USAProcessListElement;
4
+ }
5
+ }
6
+ export declare class USAProcessListElement extends HTMLElement {
7
+ accessor role: string;
8
+ }
@@ -0,0 +1,40 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { attr, css, element, html } from "@joist/element";
3
+ let USAProcessListElement = (() => {
4
+ let _classDecorators = [element({
5
+ tagName: "usa-process-list",
6
+ shadowDom: [
7
+ css `:host{display:flex;flex-direction:column;gap:1rem}`,
8
+ html `<slot></slot>`,
9
+ ],
10
+ })];
11
+ let _classDescriptor;
12
+ let _classExtraInitializers = [];
13
+ let _classThis;
14
+ let _classSuper = HTMLElement;
15
+ let _role_decorators;
16
+ let _role_initializers = [];
17
+ let _role_extraInitializers = [];
18
+ var USAProcessListElement = class extends _classSuper {
19
+ static { _classThis = this; }
20
+ static {
21
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
22
+ _role_decorators = [attr()];
23
+ __esDecorate(this, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
24
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
25
+ USAProcessListElement = _classThis = _classDescriptor.value;
26
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
27
+ __runInitializers(_classThis, _classExtraInitializers);
28
+ }
29
+ #role_accessor_storage = __runInitializers(this, _role_initializers, "list");
30
+ get role() { return this.#role_accessor_storage; }
31
+ set role(value) { this.#role_accessor_storage = value; }
32
+ constructor() {
33
+ super(...arguments);
34
+ __runInitializers(this, _role_extraInitializers);
35
+ }
36
+ };
37
+ return USAProcessListElement = _classThis;
38
+ })();
39
+ export { USAProcessListElement };
40
+ //# sourceMappingURL=process-list.element.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"process-list.element.js","sourceRoot":"","sources":["../../../src/lib/process-list/process-list.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAuB7C,qBAAqB;4BAfjC,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;KAEH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;qCAAnB,SAAQ,WAAW;;;;gCACnD,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAU;YAFzB,6KAGC;;;YAHY,uDAAqB;;QAEhC,qEAAgB,MAAM,EAAC;QAAvB,IAAS,IAAI,0CAAU;QAAvB,IAAS,IAAI,gDAAU;;;;;;;;SAFZ,qBAAqB"}
@@ -0,0 +1,12 @@
1
+ import type { StoryObj } from "@storybook/web-components";
2
+ import type { USAProcessListElement } from "./process-list.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<USAProcessListElement>;
12
+ export declare const Primary: Story;
@@ -0,0 +1,17 @@
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-process-list",
5
+ tags: ["autodocs"],
6
+ render() {
7
+ return html `<usa-process-list><usa-process-list-item><span slot="count">1</span><h4 slot="title">Start a process</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque.<ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li><li>Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.</li><li>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.</li><li>Aliquam erat volutpat. Sed quis velit.</li></ul></usa-process-list-item><usa-process-list-item><span slot="count">2</span><h4 slot="title">Proceed to the second step</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</usa-process-list-item><usa-process-list-item><span slot="count">3</span><h4 slot="title">Complete the step-by-step process</h4>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</usa-process-list-item></usa-process-list>`;
8
+ },
9
+ argTypes: {},
10
+ args: {},
11
+ };
12
+ export default meta;
13
+ // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
14
+ export const Primary = {
15
+ args: {},
16
+ };
17
+ //# sourceMappingURL=process-list.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"process-list.stories.js","sourceRoot":"","sources":["../../../src/lib/process-list/process-list.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCZ,CAAC;IACF,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -0,0 +1,2 @@
1
+ import "./process-list.element.js";
2
+ import "./process-list-item/process-list-item.element.js";
@@ -0,0 +1,10 @@
1
+ import "./process-list.element.js";
2
+ import "./process-list-item/process-list-item.element.js";
3
+ import { assert, fixture, html } from "@open-wc/testing";
4
+ describe("usa-process-list", () => {
5
+ it("should be accessible", async () => {
6
+ const processList = await fixture(html `<usa-process-list><usa-process-list-item><h4 slot="title">Start a process</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque.<ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li><li>Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.</li><li>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.</li><li>Aliquam erat volutpat. Sed quis velit.</li></ul></usa-process-list-item><usa-process-list-item><h4 slot="title">Proceed to the second step</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</usa-process-list-item><usa-process-list-item><h4 slot="title">Complete the step-by-step process</h4>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</usa-process-list-item></usa-process-list>`);
7
+ return assert.isAccessible(processList);
8
+ });
9
+ });
10
+ //# sourceMappingURL=process-list.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"process-list.test.js","sourceRoot":"","sources":["../../../src/lib/process-list/process-list.test.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,kDAAkD,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,WAAW,GAAG,MAAM,OAAO,CAAwB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B5D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -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"}