@noctuatech/uswds 1.3.1 → 1.3.3

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 (52) hide show
  1. package/package.json +6 -6
  2. package/src/lib/accordion/accordion.element.ts +18 -26
  3. package/src/lib/alert/alert.element.ts +21 -20
  4. package/src/lib/alert/alert.stories.ts +10 -15
  5. package/src/lib/file-input/file-input.element.ts +36 -31
  6. package/src/lib/icon/icon.element.ts +37 -27
  7. package/src/lib/input/input.element.ts +32 -44
  8. package/src/lib/input/input.test.ts +25 -16
  9. package/src/lib/input-mask/input-mask.element.ts +13 -13
  10. package/src/lib/input-mask/input-mask.stories.ts +7 -12
  11. package/src/lib/input-mask/input-mask.test.ts +45 -50
  12. package/src/lib/services/icon.service.test.ts +14 -14
  13. package/src/lib/services/icon.service.ts +18 -17
  14. package/src/lib/textarea/textarea.element.ts +15 -23
  15. package/target/lib/accordion/accordion.element.d.ts +4 -3
  16. package/target/lib/accordion/accordion.element.js +20 -12
  17. package/target/lib/accordion/accordion.element.js.map +1 -1
  18. package/target/lib/alert/alert.element.d.ts +4 -4
  19. package/target/lib/alert/alert.element.js +20 -12
  20. package/target/lib/alert/alert.element.js.map +1 -1
  21. package/target/lib/alert/alert.stories.d.ts +2 -2
  22. package/target/lib/alert/alert.stories.js +3 -3
  23. package/target/lib/alert/alert.stories.js.map +1 -1
  24. package/target/lib/file-input/file-input.element.d.ts +0 -1
  25. package/target/lib/file-input/file-input.element.js +6 -14
  26. package/target/lib/file-input/file-input.element.js.map +1 -1
  27. package/target/lib/icon/icon.element.d.ts +4 -4
  28. package/target/lib/icon/icon.element.js +35 -25
  29. package/target/lib/icon/icon.element.js.map +1 -1
  30. package/target/lib/input/input.element.d.ts +5 -5
  31. package/target/lib/input/input.element.js +101 -25
  32. package/target/lib/input/input.element.js.map +1 -1
  33. package/target/lib/input/input.test.d.ts +1 -1
  34. package/target/lib/input/input.test.js +42 -17
  35. package/target/lib/input/input.test.js.map +1 -1
  36. package/target/lib/input-mask/input-mask.element.d.ts +1 -1
  37. package/target/lib/input-mask/input-mask.element.js +11 -11
  38. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  39. package/target/lib/input-mask/input-mask.stories.d.ts +2 -2
  40. package/target/lib/input-mask/input-mask.stories.js +5 -5
  41. package/target/lib/input-mask/input-mask.stories.js.map +1 -1
  42. package/target/lib/input-mask/input-mask.test.d.ts +2 -2
  43. package/target/lib/input-mask/input-mask.test.js +43 -43
  44. package/target/lib/input-mask/input-mask.test.js.map +1 -1
  45. package/target/lib/services/icon.service.d.ts +2 -1
  46. package/target/lib/services/icon.service.js +15 -15
  47. package/target/lib/services/icon.service.js.map +1 -1
  48. package/target/lib/services/icon.service.test.js +14 -14
  49. package/target/lib/services/icon.service.test.js.map +1 -1
  50. package/target/lib/textarea/textarea.element.d.ts +1 -1
  51. package/target/lib/textarea/textarea.element.js +10 -10
  52. package/target/lib/textarea/textarea.element.js.map +1 -1
@@ -1,7 +1,7 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { inject, injectable } from "@joist/di";
3
- import { USAConfig } from "../config/config.element.js";
4
- import { HttpService } from "./http.service.js";
2
+ import { inject, injectable } from '@joist/di';
3
+ import { USAConfig } from '../config/config.element.js';
4
+ import { HttpService } from './http.service.js';
5
5
  let IconService = (() => {
6
6
  let _classDecorators = [injectable()];
7
7
  let _classDescriptor;
@@ -19,36 +19,36 @@ let IconService = (() => {
19
19
  #config = inject(USAConfig);
20
20
  #http = inject(HttpService);
21
21
  #iconCache = new Map();
22
- async getIcon(icon) {
22
+ async getIcon(icon, abortSignal) {
23
23
  const config = this.#config();
24
24
  const http = this.#http();
25
25
  const cached = this.#iconCache.get(icon);
26
26
  if (cached) {
27
- return cached.then((res) => {
28
- if (!res.content.firstElementChild) {
29
- throw Error("cached value is not valid");
30
- }
31
- return res.content.firstElementChild.cloneNode(true);
32
- });
27
+ if (!cached.content.firstElementChild) {
28
+ throw Error('cached value is not valid');
29
+ }
30
+ return cached.content.firstElementChild.cloneNode(true);
33
31
  }
34
32
  const svg = http
35
- .fetch(`${config.iconPath}${icon}.svg`)
33
+ .fetch(`${config.iconPath}${icon}.svg`, {
34
+ signal: abortSignal,
35
+ })
36
36
  .then((res) => {
37
37
  switch (res.status) {
38
38
  case 200:
39
39
  return res.text();
40
40
  }
41
- return "";
41
+ return '';
42
42
  })
43
43
  .then((res) => {
44
- const template = document.createElement("template");
44
+ const template = document.createElement('template');
45
45
  template.innerHTML = res;
46
+ this.#iconCache.set(icon, template);
46
47
  return template;
47
48
  });
48
- this.#iconCache.set(icon, svg);
49
49
  return svg.then((res) => {
50
50
  if (!res.content.firstElementChild) {
51
- throw Error("ICON is not valid");
51
+ throw Error('ICON is not valid');
52
52
  }
53
53
  return res.content.firstElementChild.cloneNode(true);
54
54
  });
@@ -1 +1 @@
1
- {"version":3,"file":"icon.service.js","sourceRoot":"","sources":["../../../src/lib/services/icon.service.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;IAGnC,WAAW;4BADvB,UAAU,EAAE;;;;;;;;YACb,6KAgDC;;;YAhDY,uDAAW;;QACtB,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5B,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAC5B,UAAU,GAA8C,IAAI,GAAG,EAAE,CAAC;QAElE,KAAK,CAAC,OAAO,CAAC,IAAY;YACxB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEzC,IAAI,MAAM,EAAE,CAAC;gBACX,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;oBACzB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;wBACnC,MAAM,KAAK,CAAC,2BAA2B,CAAC,CAAC;oBAC3C,CAAC;oBAED,OAAO,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACvD,CAAC,CAAC,CAAC;YACL,CAAC;YAED,MAAM,GAAG,GAAG,IAAI;iBACb,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,GAAG,IAAI,MAAM,CAAC;iBACtC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,QAAQ,GAAG,CAAC,MAAM,EAAE,CAAC;oBACnB,KAAK,GAAG;wBACN,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;gBACtB,CAAC;gBAED,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;iBACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACpD,QAAQ,CAAC,SAAS,GAAG,GAAG,CAAC;gBAEzB,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC,CAAC;YAEL,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAE/B,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;oBACnC,MAAM,KAAK,CAAC,mBAAmB,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC;;;;SA/CU,WAAW"}
1
+ {"version":3,"file":"icon.service.js","sourceRoot":"","sources":["../../../src/lib/services/icon.service.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;IAInC,WAAW;4BADvB,UAAU,EAAE;;;;;;;;YACb,6KAgDC;;;YAhDY,uDAAW;;QACtB,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5B,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAC5B,UAAU,GAAsC,IAAI,GAAG,EAAE,CAAC;QAE1D,KAAK,CAAC,OAAO,CAAC,IAAa,EAAE,WAAyB;YACpD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEzC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;oBACtC,MAAM,KAAK,CAAC,2BAA2B,CAAC,CAAC;gBAC3C,CAAC;gBAED,OAAO,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1D,CAAC;YAED,MAAM,GAAG,GAAG,IAAI;iBACb,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,GAAG,IAAI,MAAM,EAAE;gBACtC,MAAM,EAAE,WAAW;aACpB,CAAC;iBACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,QAAQ,GAAG,CAAC,MAAM,EAAE,CAAC;oBACnB,KAAK,GAAG;wBACN,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;gBACtB,CAAC;gBAED,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;iBACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACpD,QAAQ,CAAC,SAAS,GAAG,GAAG,CAAC;gBAEzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAEpC,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC,CAAC;YAEL,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;oBACnC,MAAM,KAAK,CAAC,mBAAmB,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC;;;;SA/CU,WAAW"}
@@ -1,9 +1,9 @@
1
- import { Injector } from "@joist/di";
2
- import { assert } from "@open-wc/testing";
3
- import { HttpService } from "./http.service.js";
4
- import { IconService } from "./icon.service.js";
5
- describe("IconService", () => {
6
- it("should fetch icon if not in cache", async () => {
1
+ import { Injector } from '@joist/di';
2
+ import { assert } from '@open-wc/testing';
3
+ import { HttpService } from './http.service.js';
4
+ import { IconService } from './icon.service.js';
5
+ describe('IconService', () => {
6
+ it('should fetch icon if not in cache', async () => {
7
7
  let callCount = 0;
8
8
  const app = new Injector({
9
9
  providers: [
@@ -13,7 +13,7 @@ describe("IconService", () => {
13
13
  use: class extends HttpService {
14
14
  async fetch() {
15
15
  callCount++;
16
- return new Response("<svg></svg>");
16
+ return new Response('<svg></svg>');
17
17
  }
18
18
  },
19
19
  },
@@ -21,11 +21,11 @@ describe("IconService", () => {
21
21
  ],
22
22
  });
23
23
  const icon = app.inject(IconService);
24
- const res = await icon.getIcon("test");
25
- assert.equal(res.nodeName, "svg");
24
+ const res = await icon.getIcon('test');
25
+ assert.equal(res.nodeName, 'svg');
26
26
  assert.equal(callCount, 1);
27
27
  });
28
- it("should not fetch new icon if the icon is found in the cache", async () => {
28
+ it('should not fetch new icon if the icon is found in the cache', async () => {
29
29
  let callCount = 0;
30
30
  const app = new Injector({
31
31
  providers: [
@@ -35,7 +35,7 @@ describe("IconService", () => {
35
35
  use: class extends HttpService {
36
36
  async fetch() {
37
37
  callCount++;
38
- return new Response("<svg></svg>");
38
+ return new Response('<svg></svg>');
39
39
  }
40
40
  },
41
41
  },
@@ -43,9 +43,9 @@ describe("IconService", () => {
43
43
  ],
44
44
  });
45
45
  const icon = app.inject(IconService);
46
- await icon.getIcon("test");
47
- const res = await icon.getIcon("test");
48
- assert.equal(res.nodeName, "svg");
46
+ await icon.getIcon('accessibility_new');
47
+ const res = await icon.getIcon('accessibility_new');
48
+ assert.equal(res.nodeName, 'svg');
49
49
  assert.equal(callCount, 1);
50
50
  });
51
51
  });
@@ -1 +1 @@
1
- {"version":3,"file":"icon.service.test.js","sourceRoot":"","sources":["../../../src/lib/services/icon.service.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC;YACvB,SAAS,EAAE;gBACT;oBACE,WAAW;oBACX;wBACE,GAAG,EAAE,KAAM,SAAQ,WAAW;4BAC5B,KAAK,CAAC,KAAK;gCACT,SAAS,EAAE,CAAC;gCACZ,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;4BACrC,CAAC;yBACF;qBACF;iBACF;aACF;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAErC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEvC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC;YACvB,SAAS,EAAE;gBACT;oBACE,WAAW;oBACX;wBACE,GAAG,EAAE,KAAM,SAAQ,WAAW;4BAC5B,KAAK,CAAC,KAAK;gCACT,SAAS,EAAE,CAAC;gCACZ,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;4BACrC,CAAC;yBACF;qBACF;iBACF;aACF;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAErC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEvC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"icon.service.test.js","sourceRoot":"","sources":["../../../src/lib/services/icon.service.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC;YACvB,SAAS,EAAE;gBACT;oBACE,WAAW;oBACX;wBACE,GAAG,EAAE,KAAM,SAAQ,WAAW;4BAC5B,KAAK,CAAC,KAAK;gCACT,SAAS,EAAE,CAAC;gCACZ,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;4BACrC,CAAC;yBACF;qBACF;iBACF;aACF;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAErC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,MAAa,CAAC,CAAC;QAE9C,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC;YACvB,SAAS,EAAE;gBACT;oBACE,WAAW;oBACX;wBACE,GAAG,EAAE,KAAM,SAAQ,WAAW;4BAC5B,KAAK,CAAC,KAAK;gCACT,SAAS,EAAE,CAAC;gCACZ,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;4BACrC,CAAC;yBACF;qBACF;iBACF;aACF;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAErC,MAAM,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAExC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEpD,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  declare global {
2
2
  interface HTMLElementTagNameMap {
3
- "usa-textarea": USATextareaElement;
3
+ 'usa-textarea': USATextareaElement;
4
4
  }
5
5
  }
6
6
  export declare class USATextareaElement extends HTMLElement {
@@ -1,9 +1,9 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, listen, query, ready } from "@joist/element";
3
- import { effect, observe } from "@joist/observable";
2
+ import { attr, css, element, html, listen, query, ready } from '@joist/element';
3
+ import { effect, observe } from '@joist/observable';
4
4
  let USATextareaElement = (() => {
5
5
  let _classDecorators = [element({
6
- tagName: "usa-textarea",
6
+ tagName: 'usa-textarea',
7
7
  shadowDom: [
8
8
  css `*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:flex;flex-direction:column;font-weight:400;margin-bottom:1.5rem;max-width:30rem;position:relative;height:9lh;gap:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;flex-grow:1}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}textarea:disabled{background-color:#fff;border-color:#757575;color:#757575}`,
9
9
  html `<label for="textarea" part="label"><slot></slot></label> <textarea id="textarea" part="textarea"></textarea>`,
@@ -45,7 +45,7 @@ let USATextareaElement = (() => {
45
45
  }), observe()];
46
46
  _onReady_decorators = [ready()];
47
47
  _onChange_decorators = [effect()];
48
- _onInputChange_decorators = [listen("input")];
48
+ _onInputChange_decorators = [listen('input')];
49
49
  __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);
50
50
  __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);
51
51
  __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);
@@ -59,23 +59,23 @@ let USATextareaElement = (() => {
59
59
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
60
60
  }
61
61
  static formAssociated = true;
62
- #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
62
+ #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ''));
63
63
  get name() { return this.#name_accessor_storage; }
64
64
  set name(value) { this.#name_accessor_storage = value; }
65
- #autocomplete_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _autocomplete_initializers, "on"));
65
+ #autocomplete_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _autocomplete_initializers, 'on'));
66
66
  get autocomplete() { return this.#autocomplete_accessor_storage; }
67
67
  set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
68
- #placeholder_accessor_storage = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _placeholder_initializers, ""));
68
+ #placeholder_accessor_storage = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _placeholder_initializers, ''));
69
69
  get placeholder() { return this.#placeholder_accessor_storage; }
70
70
  set placeholder(value) { this.#placeholder_accessor_storage = value; }
71
71
  #required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
72
72
  get required() { return this.#required_accessor_storage; }
73
73
  set required(value) { this.#required_accessor_storage = value; }
74
- #value_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _value_initializers, ""));
74
+ #value_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _value_initializers, ''));
75
75
  get value() { return this.#value_accessor_storage; }
76
76
  set value(value) { this.#value_accessor_storage = value; }
77
77
  #internals = (__runInitializers(this, _value_extraInitializers), this.attachInternals());
78
- #input = query("textarea");
78
+ #input = query('textarea');
79
79
  onReady() {
80
80
  this.#input({ autofocus: this.autofocus });
81
81
  }
@@ -99,7 +99,7 @@ let USATextareaElement = (() => {
99
99
  }
100
100
  #syncFormState() {
101
101
  const input = this.#input();
102
- this.#internals.setFormValue(input.value);
102
+ this.#internals.setFormValue(this.value);
103
103
  this.#internals.setValidity({});
104
104
  if (input.validationMessage) {
105
105
  this.#internals.setValidity({ customError: true }, input.validationMessage, input);
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}