@gov-design-system-ce/components 0.0.24 → 0.0.26

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 (151) hide show
  1. package/dist/cjs/gov-accordion-item.cjs.entry.js +1 -1
  2. package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
  3. package/dist/cjs/gov-app.cjs.entry.js +76 -3
  4. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  5. package/dist/cjs/gov-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
  7. package/dist/cjs/gov-button.cjs.entry.js +1 -1
  8. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  9. package/dist/cjs/gov-form-autocomplete.cjs.entry.js +27 -7
  10. package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
  11. package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
  12. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  13. package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
  14. package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-form-input.cjs.entry.js +10 -1
  16. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  17. package/dist/cjs/gov-form-multi-select.cjs.entry.js +1 -1
  18. package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
  19. package/dist/cjs/gov-form-switch.cjs.entry.js +1 -1
  20. package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
  21. package/dist/cjs/gov-icon.cjs.entry.js +1 -1
  22. package/dist/cjs/gov-skeleton.cjs.entry.js +1 -1
  23. package/dist/cjs/gov-skeleton.cjs.entry.js.map +1 -1
  24. package/dist/cjs/gov-tooltip.cjs.entry.js +1 -1
  25. package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
  26. package/dist/collection/components/gov-accordion/gov-accordion-item.css +24 -24
  27. package/dist/collection/components/gov-badge/gov-badge.css +3 -0
  28. package/dist/collection/components/gov-button/gov-button.css +1 -0
  29. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +29 -9
  30. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
  31. package/dist/collection/components/gov-form/control/gov-form-control.css +6 -6
  32. package/dist/collection/components/gov-form/group/gov-form-group.css +3 -0
  33. package/dist/collection/components/gov-form/input/gov-form-input.js +29 -1
  34. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  35. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +1 -1
  36. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
  37. package/dist/collection/components/gov-form/switch/gov-form-switch.css +0 -8
  38. package/dist/collection/components/gov-icon/list.js +1 -0
  39. package/dist/collection/components/gov-icon/list.js.map +1 -1
  40. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +3 -2
  41. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map +1 -1
  42. package/dist/collection/components/gov-tooltip/gov-tooltip.css +0 -3
  43. package/dist/collection/pages/Accordion.js +19 -0
  44. package/dist/collection/pages/Accordion.js.map +1 -1
  45. package/dist/collection/pages/Badge.js +57 -3
  46. package/dist/collection/pages/Badge.js.map +1 -1
  47. package/dist/components/gov-accordion-item.js +1 -1
  48. package/dist/components/gov-accordion-item.js.map +1 -1
  49. package/dist/components/gov-app.js +76 -3
  50. package/dist/components/gov-app.js.map +1 -1
  51. package/dist/components/gov-badge2.js +1 -1
  52. package/dist/components/gov-badge2.js.map +1 -1
  53. package/dist/components/gov-button2.js +1 -1
  54. package/dist/components/gov-button2.js.map +1 -1
  55. package/dist/components/gov-form-autocomplete2.js +28 -8
  56. package/dist/components/gov-form-autocomplete2.js.map +1 -1
  57. package/dist/components/gov-form-control.js +1 -1
  58. package/dist/components/gov-form-control.js.map +1 -1
  59. package/dist/components/gov-form-group.js +1 -1
  60. package/dist/components/gov-form-group.js.map +1 -1
  61. package/dist/components/gov-form-input2.js +10 -1
  62. package/dist/components/gov-form-input2.js.map +1 -1
  63. package/dist/components/gov-form-multi-select.js +1 -1
  64. package/dist/components/gov-form-multi-select.js.map +1 -1
  65. package/dist/components/gov-form-switch.js +1 -1
  66. package/dist/components/gov-form-switch.js.map +1 -1
  67. package/dist/components/gov-icon2.js +1 -1
  68. package/dist/components/gov-skeleton.js +1 -1
  69. package/dist/components/gov-skeleton.js.map +1 -1
  70. package/dist/components/gov-tooltip.js +1 -1
  71. package/dist/components/gov-tooltip.js.map +1 -1
  72. package/dist/core/core.css +1 -1
  73. package/dist/core/core.esm.js +1 -1
  74. package/dist/core/critical.css +187 -0
  75. package/dist/core/p-005bfb42.entry.js +2 -0
  76. package/dist/core/p-005bfb42.entry.js.map +1 -0
  77. package/dist/core/p-1065b347.entry.js +2 -0
  78. package/dist/core/p-1065b347.entry.js.map +1 -0
  79. package/dist/core/{p-8925ef42.entry.js → p-1ba7bd9f.entry.js} +2 -2
  80. package/dist/core/p-1ba7bd9f.entry.js.map +1 -0
  81. package/dist/core/{p-0874a5ec.entry.js → p-4d257c38.entry.js} +2 -2
  82. package/dist/core/p-4d257c38.entry.js.map +1 -0
  83. package/dist/core/p-9b380ef6.entry.js +2 -0
  84. package/dist/core/p-9b380ef6.entry.js.map +1 -0
  85. package/dist/core/{p-a8b628ed.entry.js → p-b3d9b255.entry.js} +2 -2
  86. package/dist/core/p-b3d9b255.entry.js.map +1 -0
  87. package/dist/core/{p-5e4cf9a2.entry.js → p-b3f73e1d.entry.js} +2 -2
  88. package/dist/core/p-b3f73e1d.entry.js.map +1 -0
  89. package/dist/core/p-b7681cba.entry.js +2 -0
  90. package/dist/core/p-b7681cba.entry.js.map +1 -0
  91. package/dist/core/p-bec31703.entry.js +2 -0
  92. package/dist/core/p-bec31703.entry.js.map +1 -0
  93. package/dist/core/{p-99f198b9.entry.js → p-c1c5b496.entry.js} +2 -2
  94. package/dist/core/p-c1c5b496.entry.js.map +1 -0
  95. package/dist/core/{p-ccb44728.entry.js → p-c8796c7a.entry.js} +2 -2
  96. package/dist/core/p-ebf79ea8.entry.js +2 -0
  97. package/dist/core/p-ebf79ea8.entry.js.map +1 -0
  98. package/dist/core/p-edcfb1f7.entry.js +2 -0
  99. package/dist/core/p-edcfb1f7.entry.js.map +1 -0
  100. package/dist/custom-elements/index.js +1 -1
  101. package/dist/custom-elements/index.js.map +1 -1
  102. package/dist/esm/gov-accordion-item.entry.js +1 -1
  103. package/dist/esm/gov-accordion-item.entry.js.map +1 -1
  104. package/dist/esm/gov-app.entry.js +76 -3
  105. package/dist/esm/gov-app.entry.js.map +1 -1
  106. package/dist/esm/gov-badge.entry.js +1 -1
  107. package/dist/esm/gov-badge.entry.js.map +1 -1
  108. package/dist/esm/gov-button.entry.js +1 -1
  109. package/dist/esm/gov-button.entry.js.map +1 -1
  110. package/dist/esm/gov-form-autocomplete.entry.js +28 -8
  111. package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
  112. package/dist/esm/gov-form-control.entry.js +1 -1
  113. package/dist/esm/gov-form-control.entry.js.map +1 -1
  114. package/dist/esm/gov-form-group.entry.js +1 -1
  115. package/dist/esm/gov-form-group.entry.js.map +1 -1
  116. package/dist/esm/gov-form-input.entry.js +10 -1
  117. package/dist/esm/gov-form-input.entry.js.map +1 -1
  118. package/dist/esm/gov-form-multi-select.entry.js +1 -1
  119. package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
  120. package/dist/esm/gov-form-switch.entry.js +1 -1
  121. package/dist/esm/gov-form-switch.entry.js.map +1 -1
  122. package/dist/esm/gov-icon.entry.js +1 -1
  123. package/dist/esm/gov-skeleton.entry.js +1 -1
  124. package/dist/esm/gov-skeleton.entry.js.map +1 -1
  125. package/dist/esm/gov-tooltip.entry.js +1 -1
  126. package/dist/esm/gov-tooltip.entry.js.map +1 -1
  127. package/dist/hydrate/index.js +121 -19
  128. package/dist/types/components/gov-form/autocomplete/gov-form-autocomplete.d.ts +4 -2
  129. package/dist/types/components/gov-form/input/gov-form-input.d.ts +5 -0
  130. package/dist/types/components.d.ts +4 -0
  131. package/package.json +1 -1
  132. package/dist/core/p-0800095f.entry.js +0 -2
  133. package/dist/core/p-0800095f.entry.js.map +0 -1
  134. package/dist/core/p-0874a5ec.entry.js.map +0 -1
  135. package/dist/core/p-3699c1b3.entry.js +0 -2
  136. package/dist/core/p-3699c1b3.entry.js.map +0 -1
  137. package/dist/core/p-3cd5b6cb.entry.js +0 -2
  138. package/dist/core/p-3cd5b6cb.entry.js.map +0 -1
  139. package/dist/core/p-5176fad8.entry.js +0 -2
  140. package/dist/core/p-5176fad8.entry.js.map +0 -1
  141. package/dist/core/p-5e4cf9a2.entry.js.map +0 -1
  142. package/dist/core/p-8204070b.entry.js +0 -2
  143. package/dist/core/p-8204070b.entry.js.map +0 -1
  144. package/dist/core/p-8925ef42.entry.js.map +0 -1
  145. package/dist/core/p-99f198b9.entry.js.map +0 -1
  146. package/dist/core/p-a8b628ed.entry.js.map +0 -1
  147. package/dist/core/p-bb3afae6.entry.js +0 -2
  148. package/dist/core/p-bb3afae6.entry.js.map +0 -1
  149. package/dist/core/p-d83b4bdc.entry.js +0 -2
  150. package/dist/core/p-d83b4bdc.entry.js.map +0 -1
  151. /package/dist/core/{p-ccb44728.entry.js.map → p-c8796c7a.entry.js.map} +0 -0
@@ -24,7 +24,7 @@ const SkeletonClass = {
24
24
  loader: 'gov-skeleton__loader',
25
25
  };
26
26
 
27
- const govSkeletonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);margin-bottom:var(--gov-skeleton-margin-bottom, 8px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);margin-bottom:var(--gov-skeleton-margin-bottom, 8px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";
27
+ const govSkeletonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";
28
28
 
29
29
  const GovSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
30
30
  constructor() {
@@ -1 +1 @@
1
- {"file":"gov-skeleton.js","mappings":"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","names":["GovSkeleton"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tmargin-bottom: $skeleton-margin-bottom;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tmargin-bottom: $skeleton-margin-bottom;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass, SkeletonShapes,\n\tSkeletonShapesType, SkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"],"version":3}
1
+ {"file":"gov-skeleton.js","mappings":"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","names":["GovSkeleton"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t+ #{$class}__loader {\n\t\t\tmargin-top: $skeleton-margin-top;\n\t\t}\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch(\"shape\")\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch(\"animation\")\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"],"version":3}
@@ -4,7 +4,7 @@ import { T as TooltipContentClass, a as TooltipPosition, b as TooltipClass, c as
4
4
  import { c as createID } from './string.utils.js';
5
5
  import { g as govHost } from './template.js';
6
6
 
7
- const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{position:relative;display:inline;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{display:inline-flex;width:1rem;height:1rem;border-bottom:0;color:inherit}.gov-tooltip[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip[variant=secondary][inverse=\"\"],.gov-tooltip[variant=secondary][inverse=true i],.gov-tooltip[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip[variant=primary][inverse=\"\"],.gov-tooltip[variant=primary][inverse=true i],.gov-tooltip[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}";
7
+ const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{position:relative;display:inline;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{display:inline-flex;border-bottom:0}.gov-tooltip[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip[variant=secondary][inverse=\"\"],.gov-tooltip[variant=secondary][inverse=true i],.gov-tooltip[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip[variant=primary][inverse=\"\"],.gov-tooltip[variant=primary][inverse=true i],.gov-tooltip[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}";
8
8
 
9
9
  const GovTooltip$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
@@ -1 +1 @@
1
- {"file":"gov-tooltip.js","mappings":"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","names":["GovTooltip"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n * Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: inline;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t// VARIANTS\n\t@include parameter(\"icon\") {\n\t\tdisplay: inline-flex;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\tborder-bottom: 0;\n\t\tcolor: inherit;\n\t}\n\t@each $variant, $definitions in $tooltip-content-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t--#{$prefix}tooltip-content-bg-color: #{get(\"bg-color\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t--#{$prefix}tooltip-content-bg-color: #{color(\"neutral.white\")};\n\t\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport {\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tooltip',\n\tstyleUrl: 'gov-tooltip.scss',\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipId\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID('GovTooltip')\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = 'primary'\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = 'm'\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop() position: TooltipPositionType = 'right'\n\t/**\n\t * Information contained in the tolltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({ attribute: 'icon' }) readonly icon: boolean = undefined\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch('position')\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tthis.content.setAttribute('id', this.identifier ?? this.tooltipId)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener('focus', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener('blur', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t\tthis.host.addEventListener('mouseenter', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener('mouseleave', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\t// @TODO Improve positioning of broken lines\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\t\tconst tltWidth = this.content.offsetWidth\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tif (offset + triggerPos.left < tltWidth) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.style.left = '0px'\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t} else if (this.position === TooltipPosition.RIGHT) {\n\t\t\tif (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.style.right = '0px'\n\t\t\t\tthis.content.style.left = 'auto'\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t} else {\n\t\t\t// doesn't fit from the left\n\t\t\tif (tltWidth / 2 > triggerPos.left) {\n\t\t\t\tthis.content.style.left = '0px'\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t\t// doesn't fit from the right\n\t\t\telse if (tltWidth / 2 > windowWidth - (triggerPos.left + tltWidth)) {\n\t\t\t\tthis.content.style.right = '0px'\n\t\t\t\tthis.content.style.left = 'auto'\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.verifyPositionSpace()\n\t\t\tthis.content.setAttribute('is-visible', 'true')\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute('is-visible', 'false')\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}\n\t\t\t\tsize={this.size}\n\t\t\t\ttabindex={0}\n\t\t\t\taria-describedby={this.identifier ?? this.tooltipId}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideTooltip()\n\t}\n}\n"],"version":3}
1
+ {"file":"gov-tooltip.js","mappings":"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","names":["GovTooltip"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n * Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: inline;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t// VARIANTS\n\t@include parameter(\"icon\") {\n\t\tdisplay: inline-flex;\n\t\tborder-bottom: 0;\n\t}\n\t@each $variant, $definitions in $tooltip-content-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t--#{$prefix}tooltip-content-bg-color: #{get(\"bg-color\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t--#{$prefix}tooltip-content-bg-color: #{color(\"neutral.white\")};\n\t\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport {\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tooltip',\n\tstyleUrl: 'gov-tooltip.scss',\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipId\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID('GovTooltip')\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = 'primary'\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = 'm'\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop() position: TooltipPositionType = 'right'\n\t/**\n\t * Information contained in the tolltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({ attribute: 'icon' }) readonly icon: boolean = undefined\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch('position')\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tthis.content.setAttribute('id', this.identifier ?? this.tooltipId)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener('focus', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener('blur', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t\tthis.host.addEventListener('mouseenter', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener('mouseleave', e => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\t// @TODO Improve positioning of broken lines\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\t\tconst tltWidth = this.content.offsetWidth\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tif (offset + triggerPos.left < tltWidth) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.style.left = '0px'\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t} else if (this.position === TooltipPosition.RIGHT) {\n\t\t\tif (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.style.right = '0px'\n\t\t\t\tthis.content.style.left = 'auto'\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t} else {\n\t\t\t// doesn't fit from the left\n\t\t\tif (tltWidth / 2 > triggerPos.left) {\n\t\t\t\tthis.content.style.left = '0px'\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t\t// doesn't fit from the right\n\t\t\telse if (tltWidth / 2 > windowWidth - (triggerPos.left + tltWidth)) {\n\t\t\t\tthis.content.style.right = '0px'\n\t\t\t\tthis.content.style.left = 'auto'\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + 'px'\n\t\t\t\tthis.content.style.transform = 'none'\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.verifyPositionSpace()\n\t\t\tthis.content.setAttribute('is-visible', 'true')\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute('is-visible', 'false')\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}\n\t\t\t\tsize={this.size}\n\t\t\t\ttabindex={0}\n\t\t\t\taria-describedby={this.identifier ?? this.tooltipId}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideTooltip()\n\t}\n}\n"],"version":3}
@@ -1 +1 @@
1
- .gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}*{margin:0}h1,.h1{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+h1,*+.h1{margin-top:var(--gov-text-6xl-margin-top)}h2,.h2{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+h2,*+.h2{margin-top:var(--gov-text-5xl-margin-top)}h3,.h3{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+h3,*+.h3{margin-top:var(--gov-text-4xl-margin-top)}h4,.h4{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+h4,*+.h4{margin-top:var(--gov-text-3xl-margin-top)}h5,.h5{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+h5,*+.h5{margin-top:var(--gov-text-2xl-margin-top)}h6,.h6{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+h6,*+.h6{margin-top:var(--gov-text-xl-margin-top)}p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+p{margin-top:var(--gov-text-m-margin-top)}.gov-text--xs{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:var(--gov-text-xs-margin-bottom)}*+.gov-text--xs{margin-top:var(--gov-text-xs-margin-top)}.gov-text--s{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:var(--gov-text-s-margin-bottom)}*+.gov-text--s{margin-top:var(--gov-text-s-margin-top)}.gov-text--m{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+.gov-text--m{margin-top:var(--gov-text-m-margin-top)}.gov-text--l{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:var(--gov-text-l-margin-bottom)}*+.gov-text--l{margin-top:var(--gov-text-l-margin-top)}.gov-text--xl{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+.gov-text--xl{margin-top:var(--gov-text-xl-margin-top)}.gov-text--2xl{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+.gov-text--2xl{margin-top:var(--gov-text-2xl-margin-top)}.gov-text--3xl{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+.gov-text--3xl{margin-top:var(--gov-text-3xl-margin-top)}.gov-text--4xl{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+.gov-text--4xl{margin-top:var(--gov-text-4xl-margin-top)}.gov-text--5xl{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+.gov-text--5xl{margin-top:var(--gov-text-5xl-margin-top)}.gov-text--6xl{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+.gov-text--6xl{margin-top:var(--gov-text-6xl-margin-top)}a,.gov-link{color:var(--gov-color-primary);text-decoration:underline;transition:color 150ms ease-in-out;cursor:pointer}a:focus,.gov-link:focus{outline:none}a:focus-visible,.gov-link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}a>*,.gov-link>*{color:var(--gov-color-primary)}a .gov-icon,.gov-link .gov-icon{margin:0 0.125rem}a:visited,a:visited>*,.gov-link:visited,.gov-link:visited>*{color:var(--gov-color-secondary)}a .gov-link--icon-unset .gov-icon,.gov-link .gov-link--icon-unset .gov-icon{display:none !important}a .gov-link--external-unset:after,.gov-link .gov-link--external-unset:after{display:none !important}@media not all and (pointer: coarse){a:hover,.gov-link:hover{text-decoration:none}}a .gov-link--external.gov-text--xs::after,a[target=_blank].gov-text--xs::after,.gov-link .gov-link--external.gov-text--xs::after,.gov-link[target=_blank].gov-text--xs::after{font-size:calc(var(--gov-text-xs-font-size) * 1.4)}a .gov-link--external.gov-text--s::after,a[target=_blank].gov-text--s::after,.gov-link .gov-link--external.gov-text--s::after,.gov-link[target=_blank].gov-text--s::after{font-size:calc(var(--gov-text-s-font-size) * 1.4)}a .gov-link--external.gov-text--m::after,a[target=_blank].gov-text--m::after,.gov-link .gov-link--external.gov-text--m::after,.gov-link[target=_blank].gov-text--m::after{font-size:calc(var(--gov-text-m-font-size) * 1.4)}a .gov-link--external.gov-text--l::after,a[target=_blank].gov-text--l::after,.gov-link .gov-link--external.gov-text--l::after,.gov-link[target=_blank].gov-text--l::after{font-size:calc(var(--gov-text-l-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}ol,.gov-ordered-list{margin:0}ol>li,ol>.gov-ordered-list__item,.gov-ordered-list>li,.gov-ordered-list>.gov-ordered-list__item{margin-bottom:0.25rem}ul,.gov-list{margin:0;list-style:none}ul>*:last-child,.gov-list>*:last-child{margin-bottom:0}ul--plain,.gov-list--plain{padding-left:0}ul--plain>li,ul--plain>.gov-list__item,.gov-list--plain>li,.gov-list--plain>.gov-list__item{margin-bottom:0.25rem}ul--plain>li::before,ul--plain>.gov-list__item::before,.gov-list--plain>li::before,.gov-list--plain>.gov-list__item::before{display:none}ul--inline>li,ul--inline>.gov-list__item,.gov-list--inline>li,.gov-list--inline>.gov-list__item{display:inline-block;margin-right:0.75rem}ul>li,.gov-list>li,.gov-list__item{position:relative;margin-bottom:0.5rem}ul>li::before,.gov-list>li::before,.gov-list__item::before{content:"";position:absolute;display:block;top:0.625rem;left:-0.875rem;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:var(--gov-color-primary)}.gov-box-shadow--unset{box-shadow:none}.gov-box-shadow--s{box-shadow:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16)}.gov-box-shadow--m{box-shadow:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2)}.gov-box-shadow--l{box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-box-shadow--xl{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-bg--primary-100{background-color:var(--gov-color-primary-100)}.gov-bg--primary-200{background-color:var(--gov-color-primary-200)}.gov-bg--primary-300{background-color:var(--gov-color-primary-300)}.gov-bg--primary-400{background-color:var(--gov-color-primary-400)}.gov-bg--primary-500{background-color:var(--gov-color-primary-500)}.gov-bg--primary-600{background-color:var(--gov-color-primary-600)}.gov-bg--primary-700{background-color:var(--gov-color-primary-700)}.gov-bg--primary-800{background-color:var(--gov-color-primary-800)}.gov-bg--primary-900{background-color:var(--gov-color-primary-900)}.gov-bg--secondary-100{background-color:var(--gov-color-secondary-100)}.gov-bg--secondary-200{background-color:var(--gov-color-secondary-200)}.gov-bg--secondary-300{background-color:var(--gov-color-secondary-300)}.gov-bg--secondary-400{background-color:var(--gov-color-secondary-400)}.gov-bg--secondary-500{background-color:var(--gov-color-secondary-500)}.gov-bg--secondary-600{background-color:var(--gov-color-secondary-600)}.gov-bg--secondary-700{background-color:var(--gov-color-secondary-700)}.gov-bg--secondary-800{background-color:var(--gov-color-secondary-800)}.gov-bg--secondary-900{background-color:var(--gov-color-secondary-900)}.gov-bg--success-100{background-color:var(--gov-color-success-100)}.gov-bg--success-200{background-color:var(--gov-color-success-200)}.gov-bg--success-300{background-color:var(--gov-color-success-300)}.gov-bg--success-400{background-color:var(--gov-color-success-400)}.gov-bg--success-500{background-color:var(--gov-color-success-500)}.gov-bg--success-600{background-color:var(--gov-color-success-600)}.gov-bg--success-700{background-color:var(--gov-color-success-700)}.gov-bg--warning-100{background-color:var(--gov-color-warning-100)}.gov-bg--warning-200{background-color:var(--gov-color-warning-200)}.gov-bg--warning-300{background-color:var(--gov-color-warning-300)}.gov-bg--warning-400{background-color:var(--gov-color-warning-400)}.gov-bg--warning-500{background-color:var(--gov-color-warning-500)}.gov-bg--warning-600{background-color:var(--gov-color-warning-600)}.gov-bg--warning-700{background-color:var(--gov-color-warning-700)}.gov-bg--error-100{background-color:var(--gov-color-error-100)}.gov-bg--error-200{background-color:var(--gov-color-error-200)}.gov-bg--error-300{background-color:var(--gov-color-error-300)}.gov-bg--error-400{background-color:var(--gov-color-error-400)}.gov-bg--error-500{background-color:var(--gov-color-error-500)}.gov-bg--error-600{background-color:var(--gov-color-error-600)}.gov-bg--focus-base{background-color:var(--gov-color-focus-base)}.gov-bg--neutral-black{background-color:var(--gov-color-neutral-black)}.gov-bg--neutral-white{background-color:var(--gov-color-neutral-white)}.gov-color--primary-100{color:var(--gov-color-primary-100)}.gov-color--primary-200{color:var(--gov-color-primary-200)}.gov-color--primary-300{color:var(--gov-color-primary-300)}.gov-color--primary-400{color:var(--gov-color-primary-400)}.gov-color--primary-500{color:var(--gov-color-primary-500)}.gov-color--primary-600{color:var(--gov-color-primary-600)}.gov-color--primary-700{color:var(--gov-color-primary-700)}.gov-color--primary-800{color:var(--gov-color-primary-800)}.gov-color--primary-900{color:var(--gov-color-primary-900)}.gov-color--secondary-100{color:var(--gov-color-secondary-100)}.gov-color--secondary-200{color:var(--gov-color-secondary-200)}.gov-color--secondary-300{color:var(--gov-color-secondary-300)}.gov-color--secondary-400{color:var(--gov-color-secondary-400)}.gov-color--secondary-500{color:var(--gov-color-secondary-500)}.gov-color--secondary-600{color:var(--gov-color-secondary-600)}.gov-color--secondary-700{color:var(--gov-color-secondary-700)}.gov-color--secondary-800{color:var(--gov-color-secondary-800)}.gov-color--secondary-900{color:var(--gov-color-secondary-900)}.gov-color--success-100{color:var(--gov-color-success-100)}.gov-color--success-200{color:var(--gov-color-success-200)}.gov-color--success-300{color:var(--gov-color-success-300)}.gov-color--success-400{color:var(--gov-color-success-400)}.gov-color--success-500{color:var(--gov-color-success-500)}.gov-color--success-600{color:var(--gov-color-success-600)}.gov-color--success-700{color:var(--gov-color-success-700)}.gov-color--warning-100{color:var(--gov-color-warning-100)}.gov-color--warning-200{color:var(--gov-color-warning-200)}.gov-color--warning-300{color:var(--gov-color-warning-300)}.gov-color--warning-400{color:var(--gov-color-warning-400)}.gov-color--warning-500{color:var(--gov-color-warning-500)}.gov-color--warning-600{color:var(--gov-color-warning-600)}.gov-color--warning-700{color:var(--gov-color-warning-700)}.gov-color--error-100{color:var(--gov-color-error-100)}.gov-color--error-200{color:var(--gov-color-error-200)}.gov-color--error-300{color:var(--gov-color-error-300)}.gov-color--error-400{color:var(--gov-color-error-400)}.gov-color--error-500{color:var(--gov-color-error-500)}.gov-color--error-600{color:var(--gov-color-error-600)}.gov-color--focus-base{color:var(--gov-color-focus-base)}.gov-color--neutral-black{color:var(--gov-color-neutral-black)}.gov-color--neutral-white{color:var(--gov-color-neutral-white)}.gov-hide{display:none}@media (max-width: 29.99em){.gov-hide--sm{display:none;visibility:hidden}}@media (max-width: 47.99em){.gov-hide--md{display:none;visibility:hidden}}@media (max-width: 63.99em){.gov-hide--lg{display:none;visibility:hidden}}@media (max-width: 74.99em){.gov-hide--xl{display:none;visibility:hidden}}:root,:host{--gov-color-primary:#2362a2;--gov-color-secondary:#3b3b3b;--gov-color-success:#6fbd2c;--gov-color-warning:#f9c13c;--gov-color-error:#c52a3a;--gov-color-primary-100-rgb:236, 247, 255;--gov-color-primary-100:#ecf7ff;--gov-color-primary-200-rgb:217, 239, 255;--gov-color-primary-200:#d9efff;--gov-color-primary-300-rgb:181, 217, 243;--gov-color-primary-300:#b5d9f3;--gov-color-primary-400-rgb:102, 161, 216;--gov-color-primary-400:#66a1d8;--gov-color-primary-500-rgb:48, 119, 183;--gov-color-primary-500:#3077b7;--gov-color-primary-600-rgb:35, 98, 162;--gov-color-primary-600:#2362a2;--gov-color-primary-700-rgb:37, 78, 128;--gov-color-primary-700:#254e80;--gov-color-primary-800-rgb:21, 53, 94;--gov-color-primary-800:#15355e;--gov-color-primary-900-rgb:13, 33, 58;--gov-color-primary-900:#0d213a;--gov-color-secondary-100-rgb:252, 252, 252;--gov-color-secondary-100:#fcfcfc;--gov-color-secondary-200-rgb:250, 250, 250;--gov-color-secondary-200:#fafafa;--gov-color-secondary-300-rgb:245, 245, 245;--gov-color-secondary-300:#f5f5f5;--gov-color-secondary-400-rgb:234, 234, 234;--gov-color-secondary-400:#eaeaea;--gov-color-secondary-500-rgb:221, 221, 221;--gov-color-secondary-500:#dddddd;--gov-color-secondary-600-rgb:168, 168, 168;--gov-color-secondary-600:#a8a8a8;--gov-color-secondary-700-rgb:104, 104, 104;--gov-color-secondary-700:#686868;--gov-color-secondary-800-rgb:59, 59, 59;--gov-color-secondary-800:#3b3b3b;--gov-color-secondary-900-rgb:35, 35, 35;--gov-color-secondary-900:#232323;--gov-color-success-100-rgb:245, 250, 240;--gov-color-success-100:#f5faf0;--gov-color-success-200-rgb:220, 239, 204;--gov-color-success-200:#dcefcc;--gov-color-success-300-rgb:163, 213, 120;--gov-color-success-300:#a3d578;--gov-color-success-400-rgb:111, 189, 44;--gov-color-success-400:#6fbd2c;--gov-color-success-500-rgb:72, 133, 21;--gov-color-success-500:#488515;--gov-color-success-600-rgb:58, 98, 23;--gov-color-success-600:#3a6217;--gov-color-success-700-rgb:44, 79, 13;--gov-color-success-700:#2c4f0d;--gov-color-warning-100-rgb:254, 249, 239;--gov-color-warning-100:#fef9ef;--gov-color-warning-200-rgb:250, 236, 200;--gov-color-warning-200:#faecc8;--gov-color-warning-300-rgb:250, 212, 123;--gov-color-warning-300:#fad47b;--gov-color-warning-400-rgb:249, 193, 60;--gov-color-warning-400:#f9c13c;--gov-color-warning-500-rgb:199, 131, 0;--gov-color-warning-500:#c78300;--gov-color-warning-600-rgb:153, 98, 15;--gov-color-warning-600:#99620f;--gov-color-warning-700-rgb:134, 81, 2;--gov-color-warning-700:#865102;--gov-color-error-100-rgb:255, 232, 234;--gov-color-error-100:#ffe8ea;--gov-color-error-200-rgb:247, 205, 210;--gov-color-error-200:#f7cdd2;--gov-color-error-300-rgb:217, 102, 113;--gov-color-error-300:#d96671;--gov-color-error-400-rgb:197, 42, 58;--gov-color-error-400:#c52a3a;--gov-color-error-500-rgb:158, 6, 21;--gov-color-error-500:#9e0615;--gov-color-error-600-rgb:131, 7, 19;--gov-color-error-600:#830713;--gov-color-focus-base-rgb:0, 123, 255;--gov-color-focus-base:#007bff;--gov-color-neutral-black-rgb:0, 0, 0;--gov-color-neutral-black:#000000;--gov-color-neutral-white-rgb:255, 255, 255;--gov-color-neutral-white:#ffffff;--gov-box-shadow-unset:none;--gov-box-shadow-s:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16);--gov-box-shadow-m:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2);--gov-box-shadow-l:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24);--gov-box-shadow-xl:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}@media (min-width: 0){:root,:host{--gov-text-xs-font-size:0.75rem;--gov-text-xs-line-height:150%;--gov-text-xs-font-weight:400;--gov-text-xs-letter-spacing:0.0166em;--gov-text-xs-margin-bottom:0.5rem;--gov-text-s-font-size:0.875rem;--gov-text-s-line-height:150%;--gov-text-s-font-weight:400;--gov-text-s-letter-spacing:0.0125em;--gov-text-s-margin-bottom:0.5rem;--gov-text-m-font-size:1rem;--gov-text-m-line-height:150%;--gov-text-m-font-weight:400;--gov-text-m-letter-spacing:0.0125em;--gov-text-m-margin-bottom:0.5rem;--gov-text-l-font-size:1.125rem;--gov-text-l-line-height:150%;--gov-text-l-font-weight:400;--gov-text-l-letter-spacing:0.0125em;--gov-text-l-margin-bottom:0.5rem;--gov-text-xl-font-size:1.25rem;--gov-text-xl-line-height:150%;--gov-text-xl-font-weight:500;--gov-text-xl-letter-spacing:0.0125em;--gov-text-xl-margin-top:0.5rem;--gov-text-xl-margin-bottom:0.5rem;--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-line-height:150%;--gov-text-2xl-font-weight:500;--gov-text-2xl-letter-spacing:0.0312em;--gov-text-2xl-margin-top:0.5rem;--gov-text-2xl-margin-bottom:0.5rem;--gov-text-3xl-font-size:1.625rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-font-weight:400;--gov-text-3xl-margin-top:1rem;--gov-text-3xl-margin-bottom:0.5rem;--gov-text-4xl-font-size:2rem;--gov-text-4xl-line-height:130%;--gov-text-4xl-font-weight:300;--gov-text-4xl-margin-top:1rem;--gov-text-4xl-margin-bottom:1rem;--gov-text-5xl-font-size:2.25rem;--gov-text-5xl-line-height:125%;--gov-text-5xl-font-weight:300;--gov-text-5xl-margin-top:1.5rem;--gov-text-5xl-margin-bottom:1rem;--gov-text-6xl-font-size:3rem;--gov-text-6xl-line-height:125%;--gov-text-6xl-font-weight:300;--gov-text-6xl-margin-top:2rem;--gov-text-6xl-margin-bottom:1.5rem}}@media (min-width: 48em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-xl-margin-top:1rem;--gov-text-2xl-font-size:1.25rem;--gov-text-2xl-margin-top:1rem;--gov-text-3xl-font-size:1.75rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-margin-top:1.5rem;--gov-text-4xl-font-size:2.25rem;--gov-text-4xl-margin-top:1.5rem;--gov-text-5xl-font-size:2.625rem;--gov-text-5xl-margin-top:2rem;--gov-text-6xl-font-size:3.625rem;--gov-text-6xl-margin-top:2.5rem}}@media (min-width: 64em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-2xl-font-size:1.5rem;--gov-text-3xl-font-size:2rem;--gov-text-4xl-font-size:2.5rem;--gov-text-5xl-font-size:3rem;--gov-text-6xl-font-size:4rem}}html{font-size:16px;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,:host{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);min-width:var(--gov-layout-min-width, 20rem);margin:0;padding:0;color:var(--gov-color-secondary);font-family:var(--gov-font-family, "Roboto", sans-serif)}body.body-fixed,:host.body-fixed{overflow:hidden}:first-child{margin-top:0}.container-view{padding:12px}.container-view--inline{display:flex;gap:16px}hr{height:0;border:0 none;border-top:1px solid gainsboro;font-size:0}
1
+ .gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}*{margin:0}h1,.h1{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+h1,*+.h1{margin-top:var(--gov-text-6xl-margin-top)}h2,.h2{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+h2,*+.h2{margin-top:var(--gov-text-5xl-margin-top)}h3,.h3{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+h3,*+.h3{margin-top:var(--gov-text-4xl-margin-top)}h4,.h4{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+h4,*+.h4{margin-top:var(--gov-text-3xl-margin-top)}h5,.h5{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+h5,*+.h5{margin-top:var(--gov-text-2xl-margin-top)}h6,.h6{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+h6,*+.h6{margin-top:var(--gov-text-xl-margin-top)}p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+p{margin-top:var(--gov-text-m-margin-top)}.gov-text--xs{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:var(--gov-text-xs-margin-bottom)}*+.gov-text--xs{margin-top:var(--gov-text-xs-margin-top)}.gov-text--s{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:var(--gov-text-s-margin-bottom)}*+.gov-text--s{margin-top:var(--gov-text-s-margin-top)}.gov-text--m{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+.gov-text--m{margin-top:var(--gov-text-m-margin-top)}.gov-text--l{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:var(--gov-text-l-margin-bottom)}*+.gov-text--l{margin-top:var(--gov-text-l-margin-top)}.gov-text--xl{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+.gov-text--xl{margin-top:var(--gov-text-xl-margin-top)}.gov-text--2xl{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+.gov-text--2xl{margin-top:var(--gov-text-2xl-margin-top)}.gov-text--3xl{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+.gov-text--3xl{margin-top:var(--gov-text-3xl-margin-top)}.gov-text--4xl{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+.gov-text--4xl{margin-top:var(--gov-text-4xl-margin-top)}.gov-text--5xl{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+.gov-text--5xl{margin-top:var(--gov-text-5xl-margin-top)}.gov-text--6xl{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+.gov-text--6xl{margin-top:var(--gov-text-6xl-margin-top)}a,.gov-link{color:var(--gov-color-primary);text-decoration:underline;transition:color 150ms ease-in-out;cursor:pointer}a:focus,.gov-link:focus{outline:none}a:focus-visible,.gov-link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}a>*,.gov-link>*{color:var(--gov-color-primary)}a .gov-link--icon-unset .gov-icon,.gov-link .gov-link--icon-unset .gov-icon{display:none !important}a .gov-link--external-unset:after,.gov-link .gov-link--external-unset:after{display:none !important}@media not all and (pointer: coarse){a:hover,.gov-link:hover{text-decoration:none}}a .gov-link--external.gov-text--xs::after,a[target=_blank].gov-text--xs::after,.gov-link .gov-link--external.gov-text--xs::after,.gov-link[target=_blank].gov-text--xs::after{font-size:calc(var(--gov-text-xs-font-size) * 1.4)}a .gov-link--external.gov-text--s::after,a[target=_blank].gov-text--s::after,.gov-link .gov-link--external.gov-text--s::after,.gov-link[target=_blank].gov-text--s::after{font-size:calc(var(--gov-text-s-font-size) * 1.4)}a .gov-link--external.gov-text--m::after,a[target=_blank].gov-text--m::after,.gov-link .gov-link--external.gov-text--m::after,.gov-link[target=_blank].gov-text--m::after{font-size:calc(var(--gov-text-m-font-size) * 1.4)}a .gov-link--external.gov-text--l::after,a[target=_blank].gov-text--l::after,.gov-link .gov-link--external.gov-text--l::after,.gov-link[target=_blank].gov-text--l::after{font-size:calc(var(--gov-text-l-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}ol,.gov-ordered-list{margin:0}ol>li,ol>.gov-ordered-list__item,.gov-ordered-list>li,.gov-ordered-list>.gov-ordered-list__item{margin-bottom:0.25rem}ul,.gov-list{margin:0;list-style:none}ul>*:last-child,.gov-list>*:last-child{margin-bottom:0}ul--plain,.gov-list--plain{padding-left:0}ul--plain>li,ul--plain>.gov-list__item,.gov-list--plain>li,.gov-list--plain>.gov-list__item{margin-bottom:0.25rem}ul--plain>li::before,ul--plain>.gov-list__item::before,.gov-list--plain>li::before,.gov-list--plain>.gov-list__item::before{display:none}ul--inline>li,ul--inline>.gov-list__item,.gov-list--inline>li,.gov-list--inline>.gov-list__item{display:inline-block;margin-right:0.75rem}ul>li,.gov-list>li,.gov-list__item{position:relative;margin-bottom:0.5rem}ul>li::before,.gov-list>li::before,.gov-list__item::before{content:"";position:absolute;display:block;top:0.625rem;left:-0.875rem;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:var(--gov-color-primary)}.gov-box-shadow--unset{box-shadow:none}.gov-box-shadow--s{box-shadow:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16)}.gov-box-shadow--m{box-shadow:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2)}.gov-box-shadow--l{box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-box-shadow--xl{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-bg--primary-100{background-color:var(--gov-color-primary-100)}.gov-bg--primary-200{background-color:var(--gov-color-primary-200)}.gov-bg--primary-300{background-color:var(--gov-color-primary-300)}.gov-bg--primary-400{background-color:var(--gov-color-primary-400)}.gov-bg--primary-500{background-color:var(--gov-color-primary-500)}.gov-bg--primary-600{background-color:var(--gov-color-primary-600)}.gov-bg--primary-700{background-color:var(--gov-color-primary-700)}.gov-bg--primary-800{background-color:var(--gov-color-primary-800)}.gov-bg--primary-900{background-color:var(--gov-color-primary-900)}.gov-bg--secondary-100{background-color:var(--gov-color-secondary-100)}.gov-bg--secondary-200{background-color:var(--gov-color-secondary-200)}.gov-bg--secondary-300{background-color:var(--gov-color-secondary-300)}.gov-bg--secondary-400{background-color:var(--gov-color-secondary-400)}.gov-bg--secondary-500{background-color:var(--gov-color-secondary-500)}.gov-bg--secondary-600{background-color:var(--gov-color-secondary-600)}.gov-bg--secondary-700{background-color:var(--gov-color-secondary-700)}.gov-bg--secondary-800{background-color:var(--gov-color-secondary-800)}.gov-bg--secondary-900{background-color:var(--gov-color-secondary-900)}.gov-bg--success-100{background-color:var(--gov-color-success-100)}.gov-bg--success-200{background-color:var(--gov-color-success-200)}.gov-bg--success-300{background-color:var(--gov-color-success-300)}.gov-bg--success-400{background-color:var(--gov-color-success-400)}.gov-bg--success-500{background-color:var(--gov-color-success-500)}.gov-bg--success-600{background-color:var(--gov-color-success-600)}.gov-bg--success-700{background-color:var(--gov-color-success-700)}.gov-bg--warning-100{background-color:var(--gov-color-warning-100)}.gov-bg--warning-200{background-color:var(--gov-color-warning-200)}.gov-bg--warning-300{background-color:var(--gov-color-warning-300)}.gov-bg--warning-400{background-color:var(--gov-color-warning-400)}.gov-bg--warning-500{background-color:var(--gov-color-warning-500)}.gov-bg--warning-600{background-color:var(--gov-color-warning-600)}.gov-bg--warning-700{background-color:var(--gov-color-warning-700)}.gov-bg--error-100{background-color:var(--gov-color-error-100)}.gov-bg--error-200{background-color:var(--gov-color-error-200)}.gov-bg--error-300{background-color:var(--gov-color-error-300)}.gov-bg--error-400{background-color:var(--gov-color-error-400)}.gov-bg--error-500{background-color:var(--gov-color-error-500)}.gov-bg--error-600{background-color:var(--gov-color-error-600)}.gov-bg--focus-base{background-color:var(--gov-color-focus-base)}.gov-bg--neutral-black{background-color:var(--gov-color-neutral-black)}.gov-bg--neutral-white{background-color:var(--gov-color-neutral-white)}.gov-color--primary-100{color:var(--gov-color-primary-100)}.gov-color--primary-200{color:var(--gov-color-primary-200)}.gov-color--primary-300{color:var(--gov-color-primary-300)}.gov-color--primary-400{color:var(--gov-color-primary-400)}.gov-color--primary-500{color:var(--gov-color-primary-500)}.gov-color--primary-600{color:var(--gov-color-primary-600)}.gov-color--primary-700{color:var(--gov-color-primary-700)}.gov-color--primary-800{color:var(--gov-color-primary-800)}.gov-color--primary-900{color:var(--gov-color-primary-900)}.gov-color--secondary-100{color:var(--gov-color-secondary-100)}.gov-color--secondary-200{color:var(--gov-color-secondary-200)}.gov-color--secondary-300{color:var(--gov-color-secondary-300)}.gov-color--secondary-400{color:var(--gov-color-secondary-400)}.gov-color--secondary-500{color:var(--gov-color-secondary-500)}.gov-color--secondary-600{color:var(--gov-color-secondary-600)}.gov-color--secondary-700{color:var(--gov-color-secondary-700)}.gov-color--secondary-800{color:var(--gov-color-secondary-800)}.gov-color--secondary-900{color:var(--gov-color-secondary-900)}.gov-color--success-100{color:var(--gov-color-success-100)}.gov-color--success-200{color:var(--gov-color-success-200)}.gov-color--success-300{color:var(--gov-color-success-300)}.gov-color--success-400{color:var(--gov-color-success-400)}.gov-color--success-500{color:var(--gov-color-success-500)}.gov-color--success-600{color:var(--gov-color-success-600)}.gov-color--success-700{color:var(--gov-color-success-700)}.gov-color--warning-100{color:var(--gov-color-warning-100)}.gov-color--warning-200{color:var(--gov-color-warning-200)}.gov-color--warning-300{color:var(--gov-color-warning-300)}.gov-color--warning-400{color:var(--gov-color-warning-400)}.gov-color--warning-500{color:var(--gov-color-warning-500)}.gov-color--warning-600{color:var(--gov-color-warning-600)}.gov-color--warning-700{color:var(--gov-color-warning-700)}.gov-color--error-100{color:var(--gov-color-error-100)}.gov-color--error-200{color:var(--gov-color-error-200)}.gov-color--error-300{color:var(--gov-color-error-300)}.gov-color--error-400{color:var(--gov-color-error-400)}.gov-color--error-500{color:var(--gov-color-error-500)}.gov-color--error-600{color:var(--gov-color-error-600)}.gov-color--focus-base{color:var(--gov-color-focus-base)}.gov-color--neutral-black{color:var(--gov-color-neutral-black)}.gov-color--neutral-white{color:var(--gov-color-neutral-white)}.gov-hide{display:none}@media (max-width: 29.99em){.gov-hide--sm{display:none;visibility:hidden}}@media (max-width: 47.99em){.gov-hide--md{display:none;visibility:hidden}}@media (max-width: 63.99em){.gov-hide--lg{display:none;visibility:hidden}}@media (max-width: 74.99em){.gov-hide--xl{display:none;visibility:hidden}}:root,:host{--gov-color-primary:#2362a2;--gov-color-secondary:#3b3b3b;--gov-color-success:#6fbd2c;--gov-color-warning:#f9c13c;--gov-color-error:#c52a3a;--gov-color-primary-100-rgb:236, 247, 255;--gov-color-primary-100:#ecf7ff;--gov-color-primary-200-rgb:217, 239, 255;--gov-color-primary-200:#d9efff;--gov-color-primary-300-rgb:181, 217, 243;--gov-color-primary-300:#b5d9f3;--gov-color-primary-400-rgb:102, 161, 216;--gov-color-primary-400:#66a1d8;--gov-color-primary-500-rgb:48, 119, 183;--gov-color-primary-500:#3077b7;--gov-color-primary-600-rgb:35, 98, 162;--gov-color-primary-600:#2362a2;--gov-color-primary-700-rgb:37, 78, 128;--gov-color-primary-700:#254e80;--gov-color-primary-800-rgb:21, 53, 94;--gov-color-primary-800:#15355e;--gov-color-primary-900-rgb:13, 33, 58;--gov-color-primary-900:#0d213a;--gov-color-secondary-100-rgb:252, 252, 252;--gov-color-secondary-100:#fcfcfc;--gov-color-secondary-200-rgb:250, 250, 250;--gov-color-secondary-200:#fafafa;--gov-color-secondary-300-rgb:245, 245, 245;--gov-color-secondary-300:#f5f5f5;--gov-color-secondary-400-rgb:234, 234, 234;--gov-color-secondary-400:#eaeaea;--gov-color-secondary-500-rgb:221, 221, 221;--gov-color-secondary-500:#dddddd;--gov-color-secondary-600-rgb:168, 168, 168;--gov-color-secondary-600:#a8a8a8;--gov-color-secondary-700-rgb:104, 104, 104;--gov-color-secondary-700:#686868;--gov-color-secondary-800-rgb:59, 59, 59;--gov-color-secondary-800:#3b3b3b;--gov-color-secondary-900-rgb:35, 35, 35;--gov-color-secondary-900:#232323;--gov-color-success-100-rgb:245, 250, 240;--gov-color-success-100:#f5faf0;--gov-color-success-200-rgb:220, 239, 204;--gov-color-success-200:#dcefcc;--gov-color-success-300-rgb:163, 213, 120;--gov-color-success-300:#a3d578;--gov-color-success-400-rgb:111, 189, 44;--gov-color-success-400:#6fbd2c;--gov-color-success-500-rgb:72, 133, 21;--gov-color-success-500:#488515;--gov-color-success-600-rgb:58, 98, 23;--gov-color-success-600:#3a6217;--gov-color-success-700-rgb:44, 79, 13;--gov-color-success-700:#2c4f0d;--gov-color-warning-100-rgb:254, 249, 239;--gov-color-warning-100:#fef9ef;--gov-color-warning-200-rgb:250, 236, 200;--gov-color-warning-200:#faecc8;--gov-color-warning-300-rgb:250, 212, 123;--gov-color-warning-300:#fad47b;--gov-color-warning-400-rgb:249, 193, 60;--gov-color-warning-400:#f9c13c;--gov-color-warning-500-rgb:199, 131, 0;--gov-color-warning-500:#c78300;--gov-color-warning-600-rgb:153, 98, 15;--gov-color-warning-600:#99620f;--gov-color-warning-700-rgb:134, 81, 2;--gov-color-warning-700:#865102;--gov-color-error-100-rgb:255, 232, 234;--gov-color-error-100:#ffe8ea;--gov-color-error-200-rgb:247, 205, 210;--gov-color-error-200:#f7cdd2;--gov-color-error-300-rgb:217, 102, 113;--gov-color-error-300:#d96671;--gov-color-error-400-rgb:197, 42, 58;--gov-color-error-400:#c52a3a;--gov-color-error-500-rgb:158, 6, 21;--gov-color-error-500:#9e0615;--gov-color-error-600-rgb:131, 7, 19;--gov-color-error-600:#830713;--gov-color-focus-base-rgb:0, 123, 255;--gov-color-focus-base:#007bff;--gov-color-neutral-black-rgb:0, 0, 0;--gov-color-neutral-black:#000000;--gov-color-neutral-white-rgb:255, 255, 255;--gov-color-neutral-white:#ffffff;--gov-box-shadow-unset:none;--gov-box-shadow-s:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16);--gov-box-shadow-m:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2);--gov-box-shadow-l:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24);--gov-box-shadow-xl:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}@media (min-width: 0){:root,:host{--gov-text-xs-font-size:0.75rem;--gov-text-xs-line-height:150%;--gov-text-xs-font-weight:400;--gov-text-xs-letter-spacing:0.0166em;--gov-text-xs-margin-bottom:0.5rem;--gov-text-s-font-size:0.875rem;--gov-text-s-line-height:150%;--gov-text-s-font-weight:400;--gov-text-s-letter-spacing:0.0125em;--gov-text-s-margin-bottom:0.5rem;--gov-text-m-font-size:1rem;--gov-text-m-line-height:150%;--gov-text-m-font-weight:400;--gov-text-m-letter-spacing:0.0125em;--gov-text-m-margin-bottom:0.5rem;--gov-text-l-font-size:1.125rem;--gov-text-l-line-height:150%;--gov-text-l-font-weight:400;--gov-text-l-letter-spacing:0.0125em;--gov-text-l-margin-bottom:0.5rem;--gov-text-xl-font-size:1.25rem;--gov-text-xl-line-height:150%;--gov-text-xl-font-weight:500;--gov-text-xl-letter-spacing:0.0125em;--gov-text-xl-margin-top:0.5rem;--gov-text-xl-margin-bottom:0.5rem;--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-line-height:150%;--gov-text-2xl-font-weight:500;--gov-text-2xl-letter-spacing:0.0312em;--gov-text-2xl-margin-top:0.5rem;--gov-text-2xl-margin-bottom:0.5rem;--gov-text-3xl-font-size:1.625rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-font-weight:400;--gov-text-3xl-margin-top:1rem;--gov-text-3xl-margin-bottom:0.5rem;--gov-text-4xl-font-size:2rem;--gov-text-4xl-line-height:130%;--gov-text-4xl-font-weight:300;--gov-text-4xl-margin-top:1rem;--gov-text-4xl-margin-bottom:1rem;--gov-text-5xl-font-size:2.25rem;--gov-text-5xl-line-height:125%;--gov-text-5xl-font-weight:300;--gov-text-5xl-margin-top:1.5rem;--gov-text-5xl-margin-bottom:1rem;--gov-text-6xl-font-size:3rem;--gov-text-6xl-line-height:125%;--gov-text-6xl-font-weight:300;--gov-text-6xl-margin-top:2rem;--gov-text-6xl-margin-bottom:1.5rem}}@media (min-width: 48em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-xl-margin-top:1rem;--gov-text-2xl-font-size:1.25rem;--gov-text-2xl-margin-top:1rem;--gov-text-3xl-font-size:1.75rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-margin-top:1.5rem;--gov-text-4xl-font-size:2.25rem;--gov-text-4xl-margin-top:1.5rem;--gov-text-5xl-font-size:2.625rem;--gov-text-5xl-margin-top:2rem;--gov-text-6xl-font-size:3.625rem;--gov-text-6xl-margin-top:2.5rem}}@media (min-width: 64em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-2xl-font-size:1.5rem;--gov-text-3xl-font-size:2rem;--gov-text-4xl-font-size:2.5rem;--gov-text-5xl-font-size:3rem;--gov-text-6xl-font-size:4rem}}html{font-size:16px;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,:host{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);min-width:var(--gov-layout-min-width, 20rem);margin:0;padding:0;color:var(--gov-color-secondary);font-family:var(--gov-font-family, "Roboto", sans-serif)}body.body-fixed,:host.body-fixed{overflow:hidden}:first-child{margin-top:0}.container-view{padding:12px}.container-view--inline{display:flex;gap:16px}hr{height:0;border:0 none;border-top:1px solid gainsboro;font-size:0}
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-4af5e4f4.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a(JSON.parse('[["p-034c40ab",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[4],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"attachmentsLabel":[1,"attachments-label"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagAttachmentsLabel":[1,"wcag-attachments-label"],"files":[32],"getRef":[64],"getAreaRef":[64],"validateWcag":[64]}]]],["p-a8b628ed",[[4,"gov-form-multi-select",{"identifier":[1],"placeholder":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"value":[32],"selectedOptions":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-f555fce1",[[4,"gov-modal",{"open":[1028],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-a8ef7292",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"inverse":[4],"size":[1],"variant":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagPageLabel":[1,"wcag-page-label"],"pagination":[32],"validateWcag":[64]}]]],["p-742e37e4",[[4,"gov-prompt",{"open":[1028],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-f7275b59",[[4,"gov-tabs",{"type":[1],"variant":[1],"orientation":[1],"wcagLabel":[1,"wcag-label"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"controller":[32],"focusIndex":[32],"compactControls":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"validateWcag":[64]}]]],["p-75a4c838",[[4,"gov-alert",{"headline":[1],"variant":[1],"inverse":[4],"wcagCloseLabel":[1,"wcag-close-label"],"wcagToggleLabel":[1,"wcag-toggle-label"],"closable":[4],"toggleContent":[32],"validateWcag":[64]}]]],["p-354c6a6d",[[4,"gov-loading",{"loading":[4]}]]],["p-8bebbcc7",[[4,"gov-side-nav-item",{"inverse":[4],"compact":[4],"identifier":[1],"count":[4],"label":[1],"disabled":[4],"href":[1],"isExpanded":[4,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-042d5b20",[[4,"gov-toast",{"variant":[1],"gravity":[1],"position":[1],"type":[1],"time":[2],"closeLabel":[1,"close-label"],"wcagCloseLabel":[1,"wcag-close-label"],"destroy":[64]}]]],["p-5176fad8",[[4,"gov-accordion-item",{"variant":[1025],"identifier":[1],"size":[1025],"label":[1],"annotation":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"triggerTag":[1,"trigger-tag"],"noBorder":[4,"no-border"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-a9c57f72",[[4,"gov-card",{"promotion":[4],"label":[1],"collapsible":[4],"expanded":[4],"headlineTag":[1,"headline-tag"],"wcagTriggerLabel":[1,"wcag-trigger-label"],"wcagTriggerLabelledBy":[1,"wcag-trigger-labelled-by"],"isExpanded":[32],"open":[64],"close":[64],"validateWcag":[64]}]]],["p-7b890c55",[[4,"gov-form-checkbox",{"value":[1],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-67006730",[[4,"gov-tile",{"promotion":[4],"href":[1],"name":[1]}]]],["p-d9b4bc20",[[4,"gov-wizzard-item",{"variant":[1],"size":[1],"identifier":[1],"collapsible":[4],"annotation":[1],"label":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"labelTag":[1,"label-tag"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-3da88ddb",[[4,"gov-accordion",{"size":[1],"variant":[1],"noBorder":[4,"no-border"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-0800095f",[[0,"gov-app"]]],["p-207ba616",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelded-by"],"validateWcag":[64]}]]],["p-2f88b6d9",[[4,"gov-container",{"slottedChildren":[64]}]]],["p-6aa31f02",[[4,"gov-cookiebar"]]],["p-d90a2718",[[4,"gov-empty"]]],["p-1def0eb2",[[4,"gov-error-code"]]],["p-d83b4bdc",[[4,"gov-form-control",{"gap":[1],"identifier":[1],"invalid":[4],"disabled":[4],"success":[4],"fieldset":[4],"size":[1]}]]],["p-0874a5ec",[[4,"gov-form-group",{"gap":[1]}]]],["p-96a59983",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-f644cad5",[[4,"gov-form-password-power",{"power":[2]}]]],["p-4ce15026",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-e4bb6114",[[4,"gov-form-search"]]],["p-3cd5b6cb",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-5d348765",[[4,"gov-grid",{"alignX":[1,"align-x"],"alignY":[1,"align-y"]}]]],["p-a4d23e73",[[4,"gov-grid-item",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["p-52dc68aa",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-50e94566",[[4,"gov-layout-column"]]],["p-dc94a1da",[[4,"gov-message",{"variant":[1]}]]],["p-3e1a1bd4",[[4,"gov-nav",{"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-732f74fe",[[4,"gov-nav-item",{"href":[1],"isExpandedState":[32]}]]],["p-54b17f4d",[[4,"gov-side-nav",{"inverse":[4],"compact":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-3699c1b3",[[0,"gov-skeleton",{"variant":[1],"count":[2],"shape":[1],"width":[1],"height":[1],"animation":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}]]],["p-76e2aa52",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]}]]],["p-e4bb6100",[[4,"gov-statsbar",{"iconPosition":[1,"icon-position"],"variant":[1]}]]],["p-d8def432",[[4,"gov-statsbar-item",{"iconPosition":[1,"icon-position"]}]]],["p-a89c27c1",[[4,"gov-stepper",{"size":[1]}]]],["p-d389c001",[[4,"gov-stepper-item",{"variant":[1],"size":[1],"identifier":[1],"label":[1],"annotation":[1],"triggerTag":[1,"trigger-tag"],"isExpandedState":[32],"currentState":[64]}]]],["p-0f0564e8",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[1],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"setActiveStatus":[64]}]]],["p-e1e4c8f8",[[4,"gov-tiles",{"columns":[2],"noBorder":[4,"no-border"]}]]],["p-8204070b",[[4,"gov-tooltip",{"variant":[1],"size":[1],"position":[1],"message":[1],"identifier":[1],"icon":[4],"show":[64],"hide":[64]}]]],["p-42636ddf",[[4,"gov-tooltip-content",{"isVisible":[4,"is-visible"]}]]],["p-42db4603",[[4,"gov-wizzard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-ccb44728",[[0,"gov-icon",{"name":[1],"type":[1],"iconData":[32],"visible":[32],"error":[32]}]]],["p-99f198b9",[[4,"gov-form-input",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"name":[1],"multiline":[4],"rows":[2],"cols":[2],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"minlength":[2],"maxlength":[2],"autocomplete":[4],"autocorrect":[4],"type":[1],"inputType":[1,"input-type"],"role":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagAutocomplete":[1,"wcag-autocomplete"],"wcagExpanded":[4,"wcag-expanded"],"focused":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getRef":[64],"validateWcag":[64]}]]],["p-bb3afae6",[[4,"gov-form-autocomplete",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"setFocus":[64],"clearValue":[64],"setSearchCallback":[64],"setTemplateResolver":[64]}]]],["p-7c55677b",[[4,"gov-form-select",{"value":[1537],"identifier":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"setFocus":[64],"setValue":[64],"getRef":[64],"validateWcag":[64]}]]],["p-5e4cf9a2",[[4,"gov-badge",{"inverse":[4],"disabled":[4],"href":[1],"target":[1],"size":[1],"type":[1],"tag":[1],"variant":[1],"wcagLabel":[1,"wcag-label"]}]]],["p-5e865538",[[4,"gov-attachments-item",{"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagRemoveLabelledBy":[1,"wcag-remove-labelled-by"],"validateWcag":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"variant":[1],"identifier":[64]}]]],["p-acfd00a2",[[0,"gov-backdrop",{"inverse":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-8925ef42",[[4,"gov-button",{"variant":[513],"size":[513],"type":[513],"expanded":[4],"inverse":[4],"name":[1],"disabled":[516],"nativeType":[1,"native-type"],"href":[1],"target":[1],"download":[4],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"loading":[1],"focusable":[4],"identifier":[1],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagDescription":[1,"wcag-description"],"wcagDetails":[1,"wcag-details"],"wcagExpanded":[4,"wcag-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagHasPopup":[1,"wcag-has-popup"],"wcagPressed":[1,"wcag-pressed"],"wcagCurrent":[1,"wcag-current"],"isPressed":[32],"setFocus":[64],"validateWcag":[64]}]]]]'),e)));
1
+ import{p as e,b as a}from"./p-4af5e4f4.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a(JSON.parse('[["p-034c40ab",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[4],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"attachmentsLabel":[1,"attachments-label"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagAttachmentsLabel":[1,"wcag-attachments-label"],"files":[32],"getRef":[64],"getAreaRef":[64],"validateWcag":[64]}]]],["p-b3d9b255",[[4,"gov-form-multi-select",{"identifier":[1],"placeholder":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"value":[32],"selectedOptions":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-f555fce1",[[4,"gov-modal",{"open":[1028],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-a8ef7292",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"inverse":[4],"size":[1],"variant":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagPageLabel":[1,"wcag-page-label"],"pagination":[32],"validateWcag":[64]}]]],["p-742e37e4",[[4,"gov-prompt",{"open":[1028],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-f7275b59",[[4,"gov-tabs",{"type":[1],"variant":[1],"orientation":[1],"wcagLabel":[1,"wcag-label"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"controller":[32],"focusIndex":[32],"compactControls":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"validateWcag":[64]}]]],["p-75a4c838",[[4,"gov-alert",{"headline":[1],"variant":[1],"inverse":[4],"wcagCloseLabel":[1,"wcag-close-label"],"wcagToggleLabel":[1,"wcag-toggle-label"],"closable":[4],"toggleContent":[32],"validateWcag":[64]}]]],["p-354c6a6d",[[4,"gov-loading",{"loading":[4]}]]],["p-8bebbcc7",[[4,"gov-side-nav-item",{"inverse":[4],"compact":[4],"identifier":[1],"count":[4],"label":[1],"disabled":[4],"href":[1],"isExpanded":[4,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-042d5b20",[[4,"gov-toast",{"variant":[1],"gravity":[1],"position":[1],"type":[1],"time":[2],"closeLabel":[1,"close-label"],"wcagCloseLabel":[1,"wcag-close-label"],"destroy":[64]}]]],["p-edcfb1f7",[[4,"gov-accordion-item",{"variant":[1025],"identifier":[1],"size":[1025],"label":[1],"annotation":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"triggerTag":[1,"trigger-tag"],"noBorder":[4,"no-border"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-a9c57f72",[[4,"gov-card",{"promotion":[4],"label":[1],"collapsible":[4],"expanded":[4],"headlineTag":[1,"headline-tag"],"wcagTriggerLabel":[1,"wcag-trigger-label"],"wcagTriggerLabelledBy":[1,"wcag-trigger-labelled-by"],"isExpanded":[32],"open":[64],"close":[64],"validateWcag":[64]}]]],["p-7b890c55",[[4,"gov-form-checkbox",{"value":[1],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-67006730",[[4,"gov-tile",{"promotion":[4],"href":[1],"name":[1]}]]],["p-d9b4bc20",[[4,"gov-wizzard-item",{"variant":[1],"size":[1],"identifier":[1],"collapsible":[4],"annotation":[1],"label":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"labelTag":[1,"label-tag"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-3da88ddb",[[4,"gov-accordion",{"size":[1],"variant":[1],"noBorder":[4,"no-border"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-1065b347",[[0,"gov-app"]]],["p-207ba616",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelded-by"],"validateWcag":[64]}]]],["p-2f88b6d9",[[4,"gov-container",{"slottedChildren":[64]}]]],["p-6aa31f02",[[4,"gov-cookiebar"]]],["p-d90a2718",[[4,"gov-empty"]]],["p-1def0eb2",[[4,"gov-error-code"]]],["p-9b380ef6",[[4,"gov-form-control",{"gap":[1],"identifier":[1],"invalid":[4],"disabled":[4],"success":[4],"fieldset":[4],"size":[1]}]]],["p-4d257c38",[[4,"gov-form-group",{"gap":[1]}]]],["p-96a59983",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-f644cad5",[[4,"gov-form-password-power",{"power":[2]}]]],["p-4ce15026",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-e4bb6114",[[4,"gov-form-search"]]],["p-b7681cba",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"getRef":[64],"validateWcag":[64]}]]],["p-5d348765",[[4,"gov-grid",{"alignX":[1,"align-x"],"alignY":[1,"align-y"]}]]],["p-a4d23e73",[[4,"gov-grid-item",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["p-52dc68aa",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-50e94566",[[4,"gov-layout-column"]]],["p-dc94a1da",[[4,"gov-message",{"variant":[1]}]]],["p-3e1a1bd4",[[4,"gov-nav",{"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-732f74fe",[[4,"gov-nav-item",{"href":[1],"isExpandedState":[32]}]]],["p-54b17f4d",[[4,"gov-side-nav",{"inverse":[4],"compact":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-005bfb42",[[0,"gov-skeleton",{"variant":[1],"count":[2],"shape":[1],"width":[1],"height":[1],"animation":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}]]],["p-76e2aa52",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]}]]],["p-e4bb6100",[[4,"gov-statsbar",{"iconPosition":[1,"icon-position"],"variant":[1]}]]],["p-d8def432",[[4,"gov-statsbar-item",{"iconPosition":[1,"icon-position"]}]]],["p-a89c27c1",[[4,"gov-stepper",{"size":[1]}]]],["p-d389c001",[[4,"gov-stepper-item",{"variant":[1],"size":[1],"identifier":[1],"label":[1],"annotation":[1],"triggerTag":[1,"trigger-tag"],"isExpandedState":[32],"currentState":[64]}]]],["p-0f0564e8",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[1],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"setActiveStatus":[64]}]]],["p-e1e4c8f8",[[4,"gov-tiles",{"columns":[2],"noBorder":[4,"no-border"]}]]],["p-ebf79ea8",[[4,"gov-tooltip",{"variant":[1],"size":[1],"position":[1],"message":[1],"identifier":[1],"icon":[4],"show":[64],"hide":[64]}]]],["p-42636ddf",[[4,"gov-tooltip-content",{"isVisible":[4,"is-visible"]}]]],["p-42db4603",[[4,"gov-wizzard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-c8796c7a",[[0,"gov-icon",{"name":[1],"type":[1],"iconData":[32],"visible":[32],"error":[32]}]]],["p-c1c5b496",[[4,"gov-form-input",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"name":[1],"multiline":[4],"rows":[2],"cols":[2],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"minlength":[2],"maxlength":[2],"autocomplete":[4],"autocorrect":[4],"type":[1],"inputType":[1,"input-type"],"role":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagAutocomplete":[1,"wcag-autocomplete"],"wcagExpanded":[4,"wcag-expanded"],"focused":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getRef":[64],"validateWcag":[64]}]]],["p-bec31703",[[4,"gov-form-autocomplete",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"setFocus":[64],"clearValue":[64],"setSearchCallback":[64],"setTemplateResolver":[64]}]]],["p-7c55677b",[[4,"gov-form-select",{"value":[1537],"identifier":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"setFocus":[64],"setValue":[64],"getRef":[64],"validateWcag":[64]}]]],["p-b3f73e1d",[[4,"gov-badge",{"inverse":[4],"disabled":[4],"href":[1],"target":[1],"size":[1],"type":[1],"tag":[1],"variant":[1],"wcagLabel":[1,"wcag-label"]}]]],["p-5e865538",[[4,"gov-attachments-item",{"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagRemoveLabelledBy":[1,"wcag-remove-labelled-by"],"validateWcag":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"variant":[1],"identifier":[64]}]]],["p-acfd00a2",[[0,"gov-backdrop",{"inverse":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-1ba7bd9f",[[4,"gov-button",{"variant":[513],"size":[513],"type":[513],"expanded":[4],"inverse":[4],"name":[1],"disabled":[516],"nativeType":[1,"native-type"],"href":[1],"target":[1],"download":[4],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"loading":[1],"focusable":[4],"identifier":[1],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagDescription":[1,"wcag-description"],"wcagDetails":[1,"wcag-details"],"wcagExpanded":[4,"wcag-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagHasPopup":[1,"wcag-has-popup"],"wcagPressed":[1,"wcag-pressed"],"wcagCurrent":[1,"wcag-current"],"isPressed":[32],"setFocus":[64],"validateWcag":[64]}]]]]'),e)));
2
2
  //# sourceMappingURL=core.esm.js.map
@@ -2,6 +2,193 @@ gov-breadcrumbs ul {
2
2
  margin: 0;
3
3
  padding: 0;
4
4
  }
5
+
6
+ /* stylelint-disable */
7
+ /* stylelint-enable */
8
+ /* stylelint-disable */
9
+ /* stylelint-enable */
10
+ /* stylelint-disable */
11
+ /* stylelint-enable */
12
+ /* stylelint-disable */
13
+ /* stylelint-enable */
14
+ /* [Core] - Buttons
15
+ ------------------------------------------------------------------ */
16
+ /*
17
+ * Gets color from theme-colors or from palette-colors
18
+ */
19
+ /*
20
+ * Converts hex value to rgb colors value
21
+ */
22
+ /* stylelint-disable order/order */
23
+ /* stylelint-enable order/order */
24
+ /*
25
+ * Generates list of utility classes for margin, padding
26
+ *
27
+ * Make sure $list of definitions is sorted so that last item is defined last
28
+ * So largest views are mentioned last.
29
+ */
30
+ /*
31
+ - Variables - Sizes
32
+ */
33
+ /* "Constants" for general usage */
34
+ /*
35
+ - Variables - Layout
36
+ */
37
+ /**
38
+ * Utilities - Offset
39
+ */
40
+ /* stylelint-disable order/order */
41
+ /* stylelint-enable order/order */
42
+ /* stylelint-disable order/order */
43
+ /* stylelint-enable order/order */
44
+ /* stylelint-disable order/order */
45
+ /* stylelint-enable order/order */
46
+ /**
47
+ * Generates CSS3 var with default value
48
+ */
49
+ /*
50
+ - Variables - General
51
+ */
52
+ /*
53
+ - Variables - Typography
54
+ */
55
+ /*
56
+ - Variables - Variants
57
+ */
58
+ /*
59
+ - Variables - Container
60
+ */
61
+ /*
62
+ - Variables - Sizes
63
+ */
64
+ /* "Constants" for general usage */
65
+ /*
66
+ - Variables - Accordion
67
+ */
68
+ /*
69
+ - Variables - Attachments
70
+ */
71
+ /*
72
+ - Variables - Alert
73
+ */
74
+ /*
75
+ - Variables - Backdrop
76
+ */
77
+ /*
78
+ - Variables - Buttons (&& Badges)
79
+ */
80
+ /*
81
+ - Variables - Breadcrumbs
82
+ */
83
+ /*
84
+ - Variables - Classes
85
+ */
86
+ /*
87
+ - Variables - Colors
88
+ */
89
+ /*
90
+ - Variables - Cookiebar
91
+ */
92
+ /*
93
+ - Variables - Card
94
+ */
95
+ /*
96
+ - Variables - Message
97
+ */
98
+ /*
99
+ - Variables - Empty
100
+ */
101
+ /*
102
+ - Variables - Error code
103
+ */
104
+ /*
105
+ - Variables - Grid
106
+ */
107
+ /*
108
+ - Variables - Tiles
109
+ */
110
+ /*
111
+ - Variables - Modal & Prompt
112
+ */
113
+ /**
114
+ * Utilities - Offset
115
+ */
116
+ /*
117
+ - Variables - shadows
118
+ */
119
+ /* "Constants" for general usage */
120
+ /*
121
+ - Variables - Statsbar
122
+ */
123
+ /*
124
+ - Variables - Tabs
125
+ */
126
+ /*
127
+ - Variables - Tooltip
128
+ */
129
+ /*
130
+ - Variables - Loading
131
+ */
132
+ /*
133
+ - Variables - Forms
134
+ */
135
+ /*
136
+ - Variables - Form Autocomplete
137
+ */
138
+ /*
139
+ - Variables - Form Message
140
+ */
141
+ /*
142
+ - Variables - Form label
143
+ */
144
+ /*
145
+ - Variables - Form switch
146
+ */
147
+ /*
148
+ - Variables - Form select
149
+ */
150
+ /*
151
+ - Variables - Form input
152
+ */
153
+ /*
154
+ - Variables - Form multiselect
155
+ */
156
+ /*
157
+ - Variables - Form password power
158
+ */
159
+ /*
160
+ - Variables - Form checkbox & radio
161
+ */
162
+ /*
163
+ - Variables - Form group
164
+ */
165
+ /*
166
+ - Variables - Form file
167
+ */
168
+ /*
169
+ - Variables - Toast Message
170
+ */
171
+ /*
172
+ - Variables - Wizzard
173
+ */
174
+ /*
175
+ - Variables - Stepper
176
+ */
177
+ /*
178
+ - Variables - Side nav
179
+ */
180
+ /*
181
+ - Variables - Grid & Tile
182
+ */
183
+ /*
184
+ - Variables - Pagination
185
+ */
186
+ /*
187
+ - Variables - Nav
188
+ */
189
+ /*
190
+ - Variables - Layout
191
+ */
5
192
  .gov-spin-animation,
6
193
  .gov-pseudo-spin-animation::before {
7
194
  animation: spin 4s linear infinite;
@@ -0,0 +1,2 @@
1
+ import{r as o,h as r,H as e,g as a}from"./p-4af5e4f4.js";import{p as s,d as n}from"./p-03990da5.js";import{V as t}from"./p-ff7365ae.js";import{g as i}from"./p-3f37ddb6.js";import{v as g}from"./p-26acf964.js";import{c as l}from"./p-c20102ff.js";import{v}from"./p-670b4f93.js";import"./p-561fa17b.js";import"./p-24636c53.js";const c=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var d;(function(o){o["CIRCLE"]="circle";o["REACT"]="rect";o["TEXT"]="text"})(d||(d={}));var k;(function(o){o["PULSE"]="pulse";o["PROGRESS"]="progress";o["FALSE"]="false"})(k||(k={}));const p={root:"gov-skeleton",loader:"gov-skeleton__loader"};const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";const m=class{constructor(r){o(this,r);this.items=[];this.variant="secondary";this.count=1;this.shape="text";this.width=null;this.height=null;this.animation="progress";this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(o){g(c,o,p.root)}validateShape(o){g(d,o,p.root)}validateAnimation(o){g(k,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init()}componentWillUpdate(){this.init()}async componentDidRender(){if(l()){await n(500);await this.validateWcag()}}init(){this.items.length=this.count;this.items.fill(1)}get style(){const o={width:null,height:null};if(this.width){o.width=this.width}if(this.height){o.height=this.height}return Object.assign({},o)}render(){return r(e,{class:this.h.classes(p.root),variant:this.variant},this.items.map(((o,e)=>r("span",{key:e,class:{circle:this.shape==="circle",rect:this.shape==="rect",progress:this.animation==="progress",pulse:this.animation==="pulse",[p.loader]:true},"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.wcagLabel,role:"progressbar",tabindex:"0",style:this.style}))))}async validateWcag(){v(this.wcagLabel,undefined,p.root)}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}}};m.style=u;export{m as gov_skeleton};
2
+ //# sourceMappingURL=p-005bfb42.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"names":["SkeletonVariants","pick","Variants","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","loader","govSkeletonCss","GovSkeleton","[object Object]","hostRef","this","items","h","govHost","host","newValue","validateProp","validateVariant","variant","validateShape","shape","validateAnimation","animation","init","canValidateWcagOnRender","delay","validateWcag","length","count","fill","style","dimenssionsStyles","width","height","Object","assign","Host","class","classes","map","_","index","key","circle","rect","progress","pulse","aria-busy","aria-valuemin","aria-valuemax","aria-valuetext","wcagLabel","role","tabindex","validateWcagLabel","undefined"],"mappings":"mUAIO,MAAMA,EAAmBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAG5F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,UAAA,SACAA,EAAA,SAAA,OACAA,EAAA,QAAA,QAHD,CAAYA,IAAAA,EAAc,KAO1B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,SAAA,QACAA,EAAA,YAAA,WACAA,EAAA,SAAA,SAHD,CAAYA,IAAAA,EAAiB,KAOtB,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,OAAQ,wBCvBT,MAAMC,EAAiB,gqHCqBVC,EAAW,MAGvBC,YAAAC,aAkCAC,KAAAC,MAAkB,gBA1BgC,uBAIlC,aAIqB,kBAIb,iBAIC,oBAImB,oCA3B3CD,KAAKE,EAAIC,EAAQH,KAAKI,MAoCvBN,gBAAgBO,GACfC,EAAalB,EAAkBiB,EAAUZ,EAAcC,MAIxDI,cAAcO,GACbC,EAAaf,EAAgBc,EAAUZ,EAAcC,MAItDI,kBAAkBO,GACjBC,EAAad,EAAmBa,EAAUZ,EAAcC,MAGzDI,oBACCE,KAAKO,gBAAgBP,KAAKQ,SAC1BR,KAAKS,cAAcT,KAAKU,OACxBV,KAAKW,kBAAkBX,KAAKY,WAC5BZ,KAAKa,OAGNf,sBACCE,KAAKa,OAGNf,2BACC,GAAIgB,IAA2B,OACxBC,EAAM,WACNf,KAAKgB,gBAIblB,OACCE,KAAKC,MAAMgB,OAASjB,KAAKkB,MACzBlB,KAAKC,MAAMkB,KAAK,GAGjBC,YACC,MAAMC,EAGF,CACHC,MAAO,KACPC,OAAQ,MAET,GAAIvB,KAAKsB,MAAO,CACfD,EAAkBC,MAAQtB,KAAKsB,MAGhC,GAAItB,KAAKuB,OAAQ,CAChBF,EAAkBE,OAASvB,KAAKuB,OAGjC,OAAAC,OAAAC,OAAA,GAAYJ,GAGbvB,SACC,OACCI,EAACwB,EAAI,CAACC,MAAO3B,KAAKE,EAAE0B,QAAQnC,EAAcC,MAAOc,QAASR,KAAKQ,SAC7DR,KAAKC,MAAM4B,KAAI,CAACC,EAAGC,IAElB7B,EAAA,OAAA,CACC8B,IAAKD,EACLJ,MAAO,CACNM,OAAQjC,KAAKU,QAAU,SACvBwB,KAAMlC,KAAKU,QAAU,OACrByB,SAAUnC,KAAKY,YAAc,WAC7BwB,MAAOpC,KAAKY,YAAc,QAC1Bd,CAACL,EAAcE,QAAS,MACxB0C,YAES,OAAMC,gBACF,IAAGC,gBACH,MAAKC,iBACHxC,KAAKyC,UACrBC,KAAK,cACLC,SAAS,IACTvB,MAAOpB,KAAKoB,WAYlBtB,qBACC8C,EAAkB5C,KAAKyC,UAAWI,UAAWpD,EAAcC","sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t+ #{$class}__loader {\n\t\t\tmargin-top: $skeleton-margin-top;\n\t\t}\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch(\"shape\")\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch(\"animation\")\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"]}