@noctuatech/uswds 0.0.18 → 0.0.20
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/assets/img/built-to-grow--alt.jpg +0 -0
- package/assets/uswds.min.js +1 -1
- package/package.json +1 -1
- package/src/lib/card/card-body/card-body.element.ts +23 -0
- package/src/lib/card/card-footer/card-footer.element.ts +21 -0
- package/src/lib/card/card-group/card-group.element.ts +30 -0
- package/src/lib/card/card-header/card-header.element.ts +31 -0
- package/src/lib/card/card-media/card-media.element.ts +50 -0
- package/src/lib/card/card.element.ts +53 -0
- package/src/lib/card/card.stories.ts +135 -0
- package/src/lib/card/card.test.ts +37 -0
- package/src/lib/define.ts +6 -0
- package/src/lib/side-nav/side-nav.element.ts +3 -2
- package/src/lib/step-indicator/step/step.element.ts +2 -1
- package/src/lib/step-indicator/step-indicator.element.ts +3 -2
- package/src/lib.ts +10 -0
- package/target/lib/accordion/accordion.element.js +26 -32
- package/target/lib/accordion/accordion.element.js.map +1 -1
- package/target/lib/alert/alert.element.js +16 -22
- package/target/lib/alert/alert.element.js.map +1 -1
- package/target/lib/button/button.element.js +60 -73
- package/target/lib/button/button.element.js.map +1 -1
- package/target/lib/card/card-body/card-body.element.d.ts +7 -0
- package/target/lib/card/card-body/card-body.element.js +35 -0
- package/target/lib/card/card-body/card-body.element.js.map +1 -0
- package/target/lib/card/card-footer/card-footer.element.d.ts +7 -0
- package/target/lib/card/card-footer/card-footer.element.js +33 -0
- package/target/lib/card/card-footer/card-footer.element.js.map +1 -0
- package/target/lib/card/card-group/card-group.element.d.ts +8 -0
- package/target/lib/card/card-group/card-group.element.js +51 -0
- package/target/lib/card/card-group/card-group.element.js.map +1 -0
- package/target/lib/card/card-header/card-header.element.d.ts +7 -0
- package/target/lib/card/card-header/card-header.element.js +43 -0
- package/target/lib/card/card-header/card-header.element.js.map +1 -0
- package/target/lib/card/card-media/card-media.element.d.ts +8 -0
- package/target/lib/card/card-media/card-media.element.js +71 -0
- package/target/lib/card/card-media/card-media.element.js.map +1 -0
- package/target/lib/card/card.element.d.ts +9 -0
- package/target/lib/card/card.element.js +79 -0
- package/target/lib/card/card.element.js.map +1 -0
- package/target/lib/card/card.stories.d.ts +12 -0
- package/target/lib/card/card.stories.js +126 -0
- package/target/lib/card/card.stories.js.map +1 -0
- package/target/lib/card/card.test.d.ts +6 -0
- package/target/lib/card/card.test.js +33 -0
- package/target/lib/card/card.test.js.map +1 -0
- package/target/lib/checkbox/checkbox.element.js +44 -54
- package/target/lib/checkbox/checkbox.element.js.map +1 -1
- package/target/lib/config/config.element.js +19 -27
- package/target/lib/config/config.element.js.map +1 -1
- package/target/lib/define.d.ts +6 -0
- package/target/lib/define.js +6 -0
- package/target/lib/define.js.map +1 -1
- package/target/lib/description/description.element.js +10 -10
- package/target/lib/description/description.element.js.map +1 -1
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js +23 -30
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
- package/target/lib/file-input/file-input.element.js +46 -58
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/icon/icon.element.js +26 -36
- package/target/lib/icon/icon.element.js.map +1 -1
- package/target/lib/input/input.element.js +50 -60
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/input-mask/input-mask.element.js +25 -29
- package/target/lib/input-mask/input-mask.element.js.map +1 -1
- package/target/lib/link/link.element.js +33 -42
- package/target/lib/link/link.element.js.map +1 -1
- package/target/lib/modal/modal-close/modal-close.element.js +17 -19
- package/target/lib/modal/modal-close/modal-close.element.js.map +1 -1
- package/target/lib/modal/modal-heading/modal-heading.element.js +10 -10
- package/target/lib/modal/modal-heading/modal-heading.element.js.map +1 -1
- package/target/lib/modal/modal.element.js +17 -22
- package/target/lib/modal/modal.element.js.map +1 -1
- package/target/lib/radio/radio-option/radio-option.element.js +34 -40
- package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
- package/target/lib/radio/radio.element.js +36 -44
- package/target/lib/radio/radio.element.js.map +1 -1
- package/target/lib/select/select-option/select-option.element.js +17 -22
- package/target/lib/select/select-option/select-option.element.js.map +1 -1
- package/target/lib/select/select.element.js +33 -41
- package/target/lib/select/select.element.js.map +1 -1
- package/target/lib/side-nav/side-nav-item/side-nav-item.element.js +17 -19
- package/target/lib/side-nav/side-nav-item/side-nav-item.element.js.map +1 -1
- package/target/lib/side-nav/side-nav.element.d.ts +1 -1
- package/target/lib/side-nav/side-nav.element.js +20 -12
- package/target/lib/side-nav/side-nav.element.js.map +1 -1
- package/target/lib/step-indicator/step/step.element.d.ts +1 -1
- package/target/lib/step-indicator/step/step.element.js +28 -22
- package/target/lib/step-indicator/step/step.element.js.map +1 -1
- package/target/lib/step-indicator/step-indicator.element.d.ts +1 -1
- package/target/lib/step-indicator/step-indicator.element.js +20 -12
- package/target/lib/step-indicator/step-indicator.element.js.map +1 -1
- package/target/lib/summary-box/summary-box.element.js +10 -10
- package/target/lib/summary-box/summary-box.element.js.map +1 -1
- package/target/lib/tag/tag.element.js +15 -17
- package/target/lib/tag/tag.element.js.map +1 -1
- package/target/lib.d.ts +10 -0
- package/target/lib.js +10 -0
- package/target/lib.js.map +1 -1
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/web-components";
|
|
2
|
+
import { html } from "lit";
|
|
3
|
+
|
|
4
|
+
import type { USACardElement } from "./card.element.js";
|
|
5
|
+
|
|
6
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
|
|
7
|
+
const meta = {
|
|
8
|
+
title: "usa-card",
|
|
9
|
+
tags: ["autodocs"],
|
|
10
|
+
|
|
11
|
+
argTypes: {},
|
|
12
|
+
args: {},
|
|
13
|
+
} satisfies Meta<USACardElement>;
|
|
14
|
+
|
|
15
|
+
export default meta;
|
|
16
|
+
|
|
17
|
+
type Story = StoryObj<USACardElement>;
|
|
18
|
+
|
|
19
|
+
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
|
|
20
|
+
export const Primary: Story = {
|
|
21
|
+
render() {
|
|
22
|
+
return html`
|
|
23
|
+
<usa-card-group>
|
|
24
|
+
<usa-card>
|
|
25
|
+
<usa-card-header>Card</usa-card-header>
|
|
26
|
+
|
|
27
|
+
<usa-card-body>
|
|
28
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
|
|
29
|
+
earum tenetur quo cupiditate, eaque qui officia recusandae.
|
|
30
|
+
</usa-card-body>
|
|
31
|
+
|
|
32
|
+
<usa-card-footer>
|
|
33
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
34
|
+
</usa-card-footer>
|
|
35
|
+
</usa-card>
|
|
36
|
+
|
|
37
|
+
<usa-card>
|
|
38
|
+
<usa-card-media>
|
|
39
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
40
|
+
</usa-card-media>
|
|
41
|
+
|
|
42
|
+
<usa-card-header>Card with media</usa-card-header>
|
|
43
|
+
|
|
44
|
+
<usa-card-body>
|
|
45
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
|
|
46
|
+
earum tenetur quo cupiditate, eaque qui officia recusandae.
|
|
47
|
+
</usa-card-body>
|
|
48
|
+
|
|
49
|
+
<usa-card-footer>
|
|
50
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
51
|
+
</usa-card-footer>
|
|
52
|
+
</usa-card>
|
|
53
|
+
|
|
54
|
+
<usa-card>
|
|
55
|
+
<usa-card-header>Media with heaer first</usa-card-header>
|
|
56
|
+
|
|
57
|
+
<usa-card-media>
|
|
58
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
59
|
+
</usa-card-media>
|
|
60
|
+
|
|
61
|
+
<usa-card-body>
|
|
62
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
|
|
63
|
+
possimus similique nemo odit doloremque laudantium?
|
|
64
|
+
</usa-card-body>
|
|
65
|
+
|
|
66
|
+
<usa-card-footer>
|
|
67
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
68
|
+
</usa-card-footer>
|
|
69
|
+
</usa-card>
|
|
70
|
+
|
|
71
|
+
<usa-card>
|
|
72
|
+
<usa-card-media variant="inset">
|
|
73
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
74
|
+
</usa-card-media>
|
|
75
|
+
|
|
76
|
+
<usa-card-header>Inset media</usa-card-header>
|
|
77
|
+
|
|
78
|
+
<usa-card-body>
|
|
79
|
+
Etiam vitae sodales metus. Fusce id orci dignissim, efficitur risus
|
|
80
|
+
eget, tempus odio. Donec lectus ante, auctor eget cursus sed,
|
|
81
|
+
convallis quis magna. Orci varius natoque penatibus et magnis dis
|
|
82
|
+
parturient montes, nascetur ridiculus mus. Mauris mattis tellus
|
|
83
|
+
bibendum aliquet malesuada.
|
|
84
|
+
</usa-card-body>
|
|
85
|
+
|
|
86
|
+
<usa-card-footer>
|
|
87
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
88
|
+
</usa-card-footer>
|
|
89
|
+
</usa-card>
|
|
90
|
+
</usa-card-group>
|
|
91
|
+
`;
|
|
92
|
+
},
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
export const Flag: Story = {
|
|
96
|
+
render() {
|
|
97
|
+
return html`
|
|
98
|
+
<usa-card-group variant="flag">
|
|
99
|
+
<usa-card variant="flag">
|
|
100
|
+
<usa-card-media>
|
|
101
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
102
|
+
</usa-card-media>
|
|
103
|
+
|
|
104
|
+
<usa-card-header>Card with media</usa-card-header>
|
|
105
|
+
|
|
106
|
+
<usa-card-body>
|
|
107
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
|
|
108
|
+
earum tenetur quo cupiditate, eaque qui officia recusandae.
|
|
109
|
+
</usa-card-body>
|
|
110
|
+
|
|
111
|
+
<usa-card-footer>
|
|
112
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
113
|
+
</usa-card-footer>
|
|
114
|
+
</usa-card>
|
|
115
|
+
|
|
116
|
+
<usa-card variant="flag">
|
|
117
|
+
<usa-card-media variant="inset">
|
|
118
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
119
|
+
</usa-card-media>
|
|
120
|
+
|
|
121
|
+
<usa-card-header>Card with media</usa-card-header>
|
|
122
|
+
|
|
123
|
+
<usa-card-body>
|
|
124
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
|
|
125
|
+
earum tenetur quo cupiditate, eaque qui officia recusandae.
|
|
126
|
+
</usa-card-body>
|
|
127
|
+
|
|
128
|
+
<usa-card-footer>
|
|
129
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
130
|
+
</usa-card-footer>
|
|
131
|
+
</usa-card>
|
|
132
|
+
</usa-card-group>
|
|
133
|
+
`;
|
|
134
|
+
},
|
|
135
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import "./card.element.js";
|
|
2
|
+
import "./card-body/card-body.element.js";
|
|
3
|
+
import "./card-footer/card-footer.element.js";
|
|
4
|
+
import "./card-group/card-group.element.js";
|
|
5
|
+
import "./card-header/card-header.element.js";
|
|
6
|
+
import "./card-media/card-media.element.js";
|
|
7
|
+
|
|
8
|
+
import { fixture, html, assert } from "@open-wc/testing";
|
|
9
|
+
|
|
10
|
+
import { USACardElement } from "./card.element.js";
|
|
11
|
+
|
|
12
|
+
describe("usa-card", () => {
|
|
13
|
+
it("should be accessible", async () => {
|
|
14
|
+
const card = await fixture<USACardElement>(html`
|
|
15
|
+
<usa-card-group>
|
|
16
|
+
<usa-card>
|
|
17
|
+
<usa-card-media>
|
|
18
|
+
<img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
|
|
19
|
+
</usa-card-media>
|
|
20
|
+
|
|
21
|
+
<usa-card-header>Card with media</usa-card-header>
|
|
22
|
+
|
|
23
|
+
<usa-card-body>
|
|
24
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
|
|
25
|
+
earum tenetur quo cupiditate, eaque qui officia recusandae.
|
|
26
|
+
</usa-card-body>
|
|
27
|
+
|
|
28
|
+
<usa-card-footer>
|
|
29
|
+
<usa-button>Visit Florida Keys</usa-button>
|
|
30
|
+
</usa-card-footer>
|
|
31
|
+
</usa-card>
|
|
32
|
+
</usa-card-group>
|
|
33
|
+
`);
|
|
34
|
+
|
|
35
|
+
return assert.isAccessible(card);
|
|
36
|
+
});
|
|
37
|
+
});
|
package/src/lib/define.ts
CHANGED
|
@@ -23,3 +23,9 @@ import "./step-indicator/step/step.element.js";
|
|
|
23
23
|
import "./modal/modal.element.js";
|
|
24
24
|
import "./modal/modal-close/modal-close.element.js";
|
|
25
25
|
import "./modal/modal-heading/modal-heading.element.js";
|
|
26
|
+
import "./card/card.element.js";
|
|
27
|
+
import "./card/card-header/card-header.element.js";
|
|
28
|
+
import "./card/card-body/card-body.element.js";
|
|
29
|
+
import "./card/card-footer/card-footer.element.js";
|
|
30
|
+
import "./card/card-media/card-media.element.js";
|
|
31
|
+
import "./card/card-group/card-group.element.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css, element, html } from "@joist/element";
|
|
1
|
+
import { css, element, html, attr } from "@joist/element";
|
|
2
2
|
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
@@ -21,5 +21,6 @@ declare global {
|
|
|
21
21
|
],
|
|
22
22
|
})
|
|
23
23
|
export class USASideNavElement extends HTMLElement {
|
|
24
|
-
|
|
24
|
+
@attr()
|
|
25
|
+
accessor role = "navigation";
|
|
25
26
|
}
|
|
@@ -113,7 +113,8 @@ export class USAStepIndicatorStepElement extends HTMLElement {
|
|
|
113
113
|
@attr()
|
|
114
114
|
accessor state: "complete" | "current" | "" = "";
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
@attr()
|
|
117
|
+
accessor role = "listitem";
|
|
117
118
|
|
|
118
119
|
@attrChanged("state")
|
|
119
120
|
onStateAttrChanged() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css, element, html } from "@joist/element";
|
|
1
|
+
import { attr, css, element, html } from "@joist/element";
|
|
2
2
|
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
@@ -22,5 +22,6 @@ declare global {
|
|
|
22
22
|
],
|
|
23
23
|
})
|
|
24
24
|
export class USAStepIndicatorElement extends HTMLElement {
|
|
25
|
-
|
|
25
|
+
@attr()
|
|
26
|
+
accessor role = "list";
|
|
26
27
|
}
|
package/src/lib.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
export { USAConfigElement, USAConfig } from "./lib/config/config.element.js";
|
|
1
2
|
export { USAAlertElement } from "./lib/alert/alert.element.js";
|
|
2
3
|
export { USAButtonElement } from "./lib/button/button.element.js";
|
|
3
4
|
export { USACheckboxElement } from "./lib/checkbox/checkbox.element.js";
|
|
4
5
|
export { USADescriptionElement } from "./lib/description/description.element.js";
|
|
6
|
+
export { USAFileInputElement } from "./lib/file-input/file-input.element.js";
|
|
7
|
+
export { USAFileInputPreviewElement } from "./lib/file-input/file-input-preview/file-input-preview.element.js";
|
|
5
8
|
export { USAIconElement } from "./lib/icon/icon.element.js";
|
|
6
9
|
export { USATextInputElement } from "./lib/input/input.element.js";
|
|
7
10
|
export { USAInputMaskElement } from "./lib/input-mask/input-mask.element.js";
|
|
@@ -13,9 +16,16 @@ export { USASelecOptionElement } from "./lib/select/select-option/select-option.
|
|
|
13
16
|
export { USATagElement } from "./lib/tag/tag.element.js";
|
|
14
17
|
export { USAAccordionElement } from "./lib/accordion/accordion.element.js";
|
|
15
18
|
export { USASideNavElement } from "./lib/side-nav/side-nav.element.js";
|
|
19
|
+
export { USASideNavItemElement } from "./lib/side-nav/side-nav-item/side-nav-item.element.js";
|
|
16
20
|
export { USASummaryBoxElement } from "./lib/summary-box/summary-box.element.js";
|
|
17
21
|
export { USAStepIndicatorElement } from "./lib/step-indicator/step-indicator.element.js";
|
|
18
22
|
export { USAStepIndicatorStepElement } from "./lib/step-indicator/step/step.element.js";
|
|
19
23
|
export { USAModalElement } from "./lib/modal/modal.element.js";
|
|
20
24
|
export { USAModalCloseElement } from "./lib/modal/modal-close/modal-close.element.js";
|
|
21
25
|
export { USAModalHeadingElement } from "./lib/modal/modal-heading/modal-heading.element.js";
|
|
26
|
+
export { USACardElement } from "./lib/card/card.element.js";
|
|
27
|
+
export { USACardHeaderElement } from "./lib/card/card-header/card-header.element.js";
|
|
28
|
+
export { USACardBodyElement } from "./lib/card/card-body/card-body.element.js";
|
|
29
|
+
export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element.js";
|
|
30
|
+
export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
|
|
31
|
+
export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
3
3
|
let USAAccordionElement = (() => {
|
|
4
|
-
var _USAAccordionElement_details, _USAAccordionElement_name_accessor_storage, _USAAccordionElement_open_accessor_storage;
|
|
5
4
|
let _classDecorators = [element({
|
|
6
5
|
tagName: "usa-accordion",
|
|
7
6
|
shadowDomOpts: {
|
|
@@ -110,19 +109,32 @@ let USAAccordionElement = (() => {
|
|
|
110
109
|
let _open_extraInitializers = [];
|
|
111
110
|
let _onClick_decorators;
|
|
112
111
|
let _onAccordionToggle_decorators;
|
|
113
|
-
var USAAccordionElement =
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
112
|
+
var USAAccordionElement = class extends _classSuper {
|
|
113
|
+
static { _classThis = this; }
|
|
114
|
+
static {
|
|
115
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
116
|
+
_name_decorators = [attr()];
|
|
117
|
+
_open_decorators = [attr()];
|
|
118
|
+
_onClick_decorators = [listen("click", "summary")];
|
|
119
|
+
_onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
|
|
120
|
+
__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);
|
|
121
|
+
__esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
|
|
122
|
+
__esDecorate(this, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
123
|
+
__esDecorate(this, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
124
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
125
|
+
USAAccordionElement = _classThis = _classDescriptor.value;
|
|
126
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
127
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
119
128
|
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
129
|
+
#name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
|
|
130
|
+
get name() { return this.#name_accessor_storage; }
|
|
131
|
+
set name(value) { this.#name_accessor_storage = value; }
|
|
132
|
+
#open_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false));
|
|
133
|
+
get open() { return this.#open_accessor_storage; }
|
|
134
|
+
set open(value) { this.#open_accessor_storage = value; }
|
|
135
|
+
#details = (__runInitializers(this, _open_extraInitializers), query("details"));
|
|
124
136
|
attributeChangedCallback() {
|
|
125
|
-
const details =
|
|
137
|
+
const details = this.#details();
|
|
126
138
|
details.open = this.open;
|
|
127
139
|
}
|
|
128
140
|
onClick(e) {
|
|
@@ -138,29 +150,11 @@ let USAAccordionElement = (() => {
|
|
|
138
150
|
}
|
|
139
151
|
}
|
|
140
152
|
};
|
|
141
|
-
_USAAccordionElement_details = new WeakMap();
|
|
142
|
-
_USAAccordionElement_name_accessor_storage = new WeakMap();
|
|
143
|
-
_USAAccordionElement_open_accessor_storage = new WeakMap();
|
|
144
|
-
__setFunctionName(_classThis, "USAAccordionElement");
|
|
145
|
-
(() => {
|
|
146
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
147
|
-
_name_decorators = [attr()];
|
|
148
|
-
_open_decorators = [attr()];
|
|
149
|
-
_onClick_decorators = [listen("click", "summary")];
|
|
150
|
-
_onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
|
|
151
|
-
__esDecorate(_classThis, 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);
|
|
152
|
-
__esDecorate(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
|
|
153
|
-
__esDecorate(_classThis, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
154
|
-
__esDecorate(_classThis, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
155
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
156
|
-
USAAccordionElement = _classThis = _classDescriptor.value;
|
|
157
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
158
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
159
|
-
})();
|
|
160
153
|
return USAAccordionElement = _classThis;
|
|
161
154
|
})();
|
|
162
155
|
export { USAAccordionElement };
|
|
163
156
|
class USAAccordionToggleEvent extends Event {
|
|
157
|
+
open;
|
|
164
158
|
get target() {
|
|
165
159
|
return super.target;
|
|
166
160
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAuG5D,mBAAmB
|
|
1
|
+
{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAuG5D,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAnBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAUtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA5BH,6KA6BC;;;YA7BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA5BU,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IACzC,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, query } from "@joist/element";
|
|
3
3
|
import { USA_ALERT_CONFIG } from "./alert-types.js";
|
|
4
4
|
let USAAlertElement = (() => {
|
|
5
|
-
var _USAAlertElement_icon, _USAAlertElement_type_accessor_storage;
|
|
6
5
|
let _classDecorators = [element({
|
|
7
6
|
tagName: "usa-alert",
|
|
8
7
|
shadowDom: [
|
|
@@ -93,31 +92,26 @@ let USAAlertElement = (() => {
|
|
|
93
92
|
let _type_decorators;
|
|
94
93
|
let _type_initializers = [];
|
|
95
94
|
let _type_extraInitializers = [];
|
|
96
|
-
var USAAlertElement =
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
var USAAlertElement = class extends _classSuper {
|
|
96
|
+
static { _classThis = this; }
|
|
97
|
+
static {
|
|
98
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
99
|
+
_type_decorators = [attr()];
|
|
100
|
+
__esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
101
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
102
|
+
USAAlertElement = _classThis = _classDescriptor.value;
|
|
103
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
104
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
101
105
|
}
|
|
102
|
-
|
|
103
|
-
|
|
106
|
+
#type_accessor_storage = __runInitializers(this, _type_initializers, "info");
|
|
107
|
+
get type() { return this.#type_accessor_storage; }
|
|
108
|
+
set type(value) { this.#type_accessor_storage = value; }
|
|
109
|
+
#icon = (__runInitializers(this, _type_extraInitializers), query("usa-icon"));
|
|
104
110
|
attributeChangedCallback() {
|
|
105
|
-
const icon =
|
|
111
|
+
const icon = this.#icon();
|
|
106
112
|
icon.icon = USA_ALERT_CONFIG[this.type].icon;
|
|
107
113
|
}
|
|
108
114
|
};
|
|
109
|
-
_USAAlertElement_icon = new WeakMap();
|
|
110
|
-
_USAAlertElement_type_accessor_storage = new WeakMap();
|
|
111
|
-
__setFunctionName(_classThis, "USAAlertElement");
|
|
112
|
-
(() => {
|
|
113
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
114
|
-
_type_decorators = [attr()];
|
|
115
|
-
__esDecorate(_classThis, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
116
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
117
|
-
USAAlertElement = _classThis = _classDescriptor.value;
|
|
118
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
119
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
120
|
-
})();
|
|
121
115
|
return USAAlertElement = _classThis;
|
|
122
116
|
})();
|
|
123
117
|
export { USAAlertElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe
|
|
1
|
+
{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe;4BAnF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;SAVU,eAAe"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, listen, query, ready } from "@joist/element";
|
|
3
3
|
export const BUTTON_VARIANTS = [
|
|
4
4
|
"primary",
|
|
@@ -8,7 +8,6 @@ export const BUTTON_VARIANTS = [
|
|
|
8
8
|
"outline",
|
|
9
9
|
];
|
|
10
10
|
let USAButtonElement = (() => {
|
|
11
|
-
var _USAButtonElement_instances, _USAButtonElement_internals, _USAButtonElement_button, _USAButtonElement_handleForm, _USAButtonElement_type_accessor_storage, _USAButtonElement_disabled_accessor_storage, _USAButtonElement_variant_accessor_storage, _USAButtonElement_value_accessor_storage, _USAButtonElement_tabIndex_accessor_storage;
|
|
12
11
|
let _classDecorators = [element({
|
|
13
12
|
tagName: "usa-button",
|
|
14
13
|
shadowDomOpts: {
|
|
@@ -187,96 +186,84 @@ let USAButtonElement = (() => {
|
|
|
187
186
|
let _onReady_decorators;
|
|
188
187
|
let _onKeyDown_decorators;
|
|
189
188
|
let _onInternalClick_decorators;
|
|
190
|
-
var USAButtonElement =
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
189
|
+
var USAButtonElement = class extends _classSuper {
|
|
190
|
+
static { _classThis = this; }
|
|
191
|
+
static {
|
|
192
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
193
|
+
_type_decorators = [attr()];
|
|
194
|
+
_disabled_decorators = [attr()];
|
|
195
|
+
_variant_decorators = [attr()];
|
|
196
|
+
_value_decorators = [attr()];
|
|
197
|
+
_onReady_decorators = [ready()];
|
|
198
|
+
_onKeyDown_decorators = [listen("keydown", () => document.body)];
|
|
199
|
+
_onInternalClick_decorators = [listen("click")];
|
|
200
|
+
__esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
201
|
+
__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);
|
|
202
|
+
__esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
|
|
203
|
+
__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);
|
|
204
|
+
__esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
205
|
+
__esDecorate(this, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
206
|
+
__esDecorate(this, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
207
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
208
|
+
USAButtonElement = _classThis = _classDescriptor.value;
|
|
209
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
201
210
|
}
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
get
|
|
205
|
-
set
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
get
|
|
211
|
-
set
|
|
211
|
+
static formAssociated = true;
|
|
212
|
+
#type_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button"));
|
|
213
|
+
get type() { return this.#type_accessor_storage; }
|
|
214
|
+
set type(value) { this.#type_accessor_storage = value; }
|
|
215
|
+
#disabled_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false));
|
|
216
|
+
get disabled() { return this.#disabled_accessor_storage; }
|
|
217
|
+
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
218
|
+
#variant_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary"));
|
|
219
|
+
get variant() { return this.#variant_accessor_storage; }
|
|
220
|
+
set variant(value) { this.#variant_accessor_storage = value; }
|
|
221
|
+
#value_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ""));
|
|
222
|
+
get value() { return this.#value_accessor_storage; }
|
|
223
|
+
set value(value) { this.#value_accessor_storage = value; }
|
|
224
|
+
#tabIndex_accessor_storage = (__runInitializers(this, _value_extraInitializers), 0);
|
|
225
|
+
get tabIndex() { return this.#tabIndex_accessor_storage; }
|
|
226
|
+
set tabIndex(value) { this.#tabIndex_accessor_storage = value; }
|
|
227
|
+
#internals = this.attachInternals();
|
|
228
|
+
#button = query("button");
|
|
212
229
|
onReady() {
|
|
213
|
-
const input =
|
|
230
|
+
const input = this.#button();
|
|
214
231
|
input.autofocus = this.autofocus;
|
|
215
232
|
}
|
|
216
233
|
onKeyDown(e) {
|
|
217
234
|
if (this.type === "submit") {
|
|
218
235
|
if (e.key.toUpperCase() === "ENTER") {
|
|
219
|
-
|
|
236
|
+
this.#handleForm();
|
|
220
237
|
}
|
|
221
238
|
}
|
|
222
239
|
}
|
|
223
240
|
onInternalClick() {
|
|
224
|
-
|
|
241
|
+
this.#handleForm();
|
|
225
242
|
}
|
|
226
243
|
attributeChangedCallback() {
|
|
227
|
-
const button =
|
|
244
|
+
const button = this.#button();
|
|
228
245
|
button.type = this.type;
|
|
229
246
|
button.disabled = this.disabled;
|
|
230
247
|
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
const btn = document.createElement("button");
|
|
245
|
-
btn.type = "submit";
|
|
246
|
-
form.append(btn);
|
|
247
|
-
btn.click();
|
|
248
|
-
btn.remove();
|
|
249
|
-
}
|
|
250
|
-
else if (this.type === "reset") {
|
|
251
|
-
form.reset();
|
|
248
|
+
#handleForm() {
|
|
249
|
+
const { form } = this.#internals;
|
|
250
|
+
if (form) {
|
|
251
|
+
if (this.type === "submit") {
|
|
252
|
+
const btn = document.createElement("button");
|
|
253
|
+
btn.type = "submit";
|
|
254
|
+
form.append(btn);
|
|
255
|
+
btn.click();
|
|
256
|
+
btn.remove();
|
|
257
|
+
}
|
|
258
|
+
else if (this.type === "reset") {
|
|
259
|
+
form.reset();
|
|
260
|
+
}
|
|
252
261
|
}
|
|
253
262
|
}
|
|
263
|
+
static {
|
|
264
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
265
|
+
}
|
|
254
266
|
};
|
|
255
|
-
__setFunctionName(_classThis, "USAButtonElement");
|
|
256
|
-
(() => {
|
|
257
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
258
|
-
_type_decorators = [attr()];
|
|
259
|
-
_disabled_decorators = [attr()];
|
|
260
|
-
_variant_decorators = [attr()];
|
|
261
|
-
_value_decorators = [attr()];
|
|
262
|
-
_onReady_decorators = [ready()];
|
|
263
|
-
_onKeyDown_decorators = [listen("keydown", () => document.body)];
|
|
264
|
-
_onInternalClick_decorators = [listen("click")];
|
|
265
|
-
__esDecorate(_classThis, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
266
|
-
__esDecorate(_classThis, 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);
|
|
267
|
-
__esDecorate(_classThis, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
|
|
268
|
-
__esDecorate(_classThis, 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);
|
|
269
|
-
__esDecorate(_classThis, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
270
|
-
__esDecorate(_classThis, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
271
|
-
__esDecorate(_classThis, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
272
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
273
|
-
USAButtonElement = _classThis = _classDescriptor.value;
|
|
274
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
275
|
-
})();
|
|
276
|
-
_classThis.formAssociated = true;
|
|
277
|
-
(() => {
|
|
278
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
279
|
-
})();
|
|
280
267
|
return USAButtonElement = _classThis;
|
|
281
268
|
})();
|
|
282
269
|
export { USAButtonElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAQhF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS;IACT,WAAW;IACX,MAAM;IACN,MAAM;IACN,SAAS;CACD,CAAC;IAkKE,gBAAgB
|
|
1
|
+
{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":"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"}
|