@noctuatech/uswds 0.1.3 → 0.1.4
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/package.json +7 -7
- package/src/lib/collection/collection.stories.ts +2 -2
- package/src/lib/combo-box/combo-box-option/combo-box-option.element.ts +2 -4
- package/target/lib/collection/collection.stories.js +1 -1
- package/target/lib/combo-box/combo-box-option/combo-box-option.element.js +2 -7
- package/target/lib/combo-box/combo-box-option/combo-box-option.element.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@noctuatech/uswds",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"workspaces": ["packages/**"],
|
|
6
6
|
"main": "./target/lib.js",
|
|
@@ -61,18 +61,18 @@
|
|
|
61
61
|
"output": ["assets/usa-icon/**"]
|
|
62
62
|
},
|
|
63
63
|
"minify_html_literals": {
|
|
64
|
-
"command": "
|
|
64
|
+
"command": "./scripts/minify_html_literals.js",
|
|
65
65
|
"files": ["target/**/*.js"],
|
|
66
|
-
"dependencies": []
|
|
66
|
+
"dependencies": ["tsc"]
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
"author": "",
|
|
70
70
|
"license": "ISC",
|
|
71
71
|
"description": "",
|
|
72
72
|
"dependencies": {
|
|
73
|
-
"@joist/di": "^4.2.0",
|
|
74
|
-
"@joist/element": "^4.2.0",
|
|
75
|
-
"@joist/observable": "^4.2.0",
|
|
73
|
+
"@joist/di": "^4.2.1-next.0",
|
|
74
|
+
"@joist/element": "^4.2.1-next.0",
|
|
75
|
+
"@joist/observable": "^4.2.1-next.0",
|
|
76
76
|
"tslib": "2.8.1"
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"js-beautify": "^1.15.1",
|
|
94
94
|
"lint-staged": "^15.2.2",
|
|
95
95
|
"lit": "^3.2.1",
|
|
96
|
-
"minify-
|
|
96
|
+
"minify-literals": "^1.0.10",
|
|
97
97
|
"mocha": "^11.0.0",
|
|
98
98
|
"plop": "^4.0.1",
|
|
99
99
|
"storybook": "^8.6.0",
|
|
@@ -25,7 +25,7 @@ const meta = {
|
|
|
25
25
|
</usa-collection-item>
|
|
26
26
|
|
|
27
27
|
<usa-collection-item>
|
|
28
|
-
<img height="80" width="80" src="
|
|
28
|
+
<img height="80" width="80" src="./img/gog-logo.png" slot="img"/>
|
|
29
29
|
|
|
30
30
|
<h4 slot="heading">
|
|
31
31
|
<usa-link href="#">Gears of Government President's Award winners</usa-link>
|
|
@@ -55,7 +55,7 @@ const meta = {
|
|
|
55
55
|
</usa-collection-item>
|
|
56
56
|
|
|
57
57
|
<usa-collection-item>
|
|
58
|
-
<img height="52" width="80" src="
|
|
58
|
+
<img height="52" width="80" src="./img/wosb1.jpg" slot="img"/>
|
|
59
59
|
|
|
60
60
|
<h4 slot="heading">
|
|
61
61
|
<usa-link href="#">Women-owned small business dashboard</usa-link>
|
|
@@ -9,9 +9,7 @@ declare global {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
template.innerHTML = /*html*/ `
|
|
12
|
+
const listTemplate = html`
|
|
15
13
|
<li tabindex="-1" role="option">
|
|
16
14
|
<slot></slot>
|
|
17
15
|
</li>
|
|
@@ -38,7 +36,7 @@ export class USAComboBoxOptionElement extends HTMLElement {
|
|
|
38
36
|
@attr()
|
|
39
37
|
accessor value = "";
|
|
40
38
|
|
|
41
|
-
#listItem =
|
|
39
|
+
#listItem = listTemplate.createNode() as HTMLElement;
|
|
42
40
|
#li = query("li", this.#listItem);
|
|
43
41
|
#slot = query("slot", this.#listItem);
|
|
44
42
|
#ctx = inject(COMBO_BOX_CTX);
|
|
@@ -4,7 +4,7 @@ const meta = {
|
|
|
4
4
|
title: "usa-collection",
|
|
5
5
|
tags: ["autodocs"],
|
|
6
6
|
render() {
|
|
7
|
-
return html `<usa-collection><usa-collection-item><h4 slot="heading"><usa-link href="#">Gears of Government President's Award winners</usa-link></h4><div slot="description">Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><img height="80" width="80" src="
|
|
7
|
+
return html `<usa-collection><usa-collection-item><h4 slot="heading"><usa-link href="#">Gears of Government President's Award winners</usa-link></h4><div slot="description">Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><img height="80" width="80" src="./img/gog-logo.png" slot="img"><h4 slot="heading"><usa-link href="#">Gears of Government President's Award winners</usa-link></h4><div slot="description">Today, the Administration announces the winners of the Gears of Government President's Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><h4 slot="heading"><usa-link href="#">Women-owned small business dashboard</usa-link></h4><div slot="description">In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item><usa-collection-item><img height="52" width="80" src="./img/wosb1.jpg" slot="img"><h4 slot="heading"><usa-link href="#">Women-owned small business dashboard</usa-link></h4><div slot="description">In honor of National Women's Small Business Month, we've partnered with SBA's Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!</div><usa-tag slot="tags" type="new">NEW</usa-tag><usa-tag slot="tags">PMA</usa-tag><usa-tag slot="tags">OMB</usa-tag></usa-collection-item></usa-collection>`;
|
|
8
8
|
},
|
|
9
9
|
argTypes: {},
|
|
10
10
|
args: {},
|
|
@@ -2,12 +2,7 @@ import { __esDecorate, __runInitializers } from "tslib";
|
|
|
2
2
|
import { inject, injectable } from "@joist/di";
|
|
3
3
|
import { attr, css, element, html, query } from "@joist/element";
|
|
4
4
|
import { COMBO_BOX_CTX } from "../context.js";
|
|
5
|
-
const
|
|
6
|
-
template.innerHTML = /*html*/ `
|
|
7
|
-
<li tabindex="-1" role="option">
|
|
8
|
-
<slot></slot>
|
|
9
|
-
</li>
|
|
10
|
-
`;
|
|
5
|
+
const listTemplate = html `<li tabindex="-1" role="option"><slot></slot></li>`;
|
|
11
6
|
let USAComboBoxOptionElement = (() => {
|
|
12
7
|
let _classDecorators = [injectable({
|
|
13
8
|
name: "usa-combo-box-option-ctx",
|
|
@@ -39,7 +34,7 @@ let USAComboBoxOptionElement = (() => {
|
|
|
39
34
|
#value_accessor_storage = __runInitializers(this, _value_initializers, "");
|
|
40
35
|
get value() { return this.#value_accessor_storage; }
|
|
41
36
|
set value(value) { this.#value_accessor_storage = value; }
|
|
42
|
-
#listItem = (__runInitializers(this, _value_extraInitializers),
|
|
37
|
+
#listItem = (__runInitializers(this, _value_extraInitializers), listTemplate.createNode());
|
|
43
38
|
#li = query("li", this.#listItem);
|
|
44
39
|
#slot = query("slot", this.#listItem);
|
|
45
40
|
#ctx = inject(COMBO_BOX_CTX);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box-option.element.js","sourceRoot":"","sources":["../../../../src/lib/combo-box/combo-box-option/combo-box-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,
|
|
1
|
+
{"version":3,"file":"combo-box-option.element.js","sourceRoot":"","sources":["../../../../src/lib/combo-box/combo-box-option/combo-box-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,YAAY,GAAG,IAAI,CAAA;;;;CAIxB,CAAC;IAmBW,wBAAwB;4BAjBpC,UAAU,CAAC;YACV,IAAI,EAAE,0BAA0B;SACjC,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;KAOF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBAC4C,WAAW;;;;wCAAnB,SAAQ,WAAW;;;;iCACtD,IAAI,EAAE;YACP,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAFtB,6KAgCC;;;YAhCY,uDAAwB;;QAEnC,uEAAiB,EAAE,EAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,SAAS,uDAAG,YAAY,CAAC,UAAU,EAAiB,EAAC;QACrD,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAE7B,wBAAwB;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAElE,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEtC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YAE5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,iBAAiB;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5B,CAAC;QAED,oBAAoB;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YAExB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YAE7B,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC;;;;SA/BU,wBAAwB"}
|