genesys-spark-components 3.0.4 → 3.1.1

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 (221) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  16. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-color.cjs.entry.js +2 -2
  32. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
  35. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
  37. package/dist/cjs/gux-form-field-search.cjs.entry.js +2 -2
  38. package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
  39. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
  40. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
  41. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  69. package/dist/cjs/{usage-tracking-9e010c9a.js → usage-tracking-e5564ea8.js} +1 -1
  70. package/dist/collection/components/stable/gux-calendar/gux-calendar.js +1 -1
  71. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +1 -1
  72. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +1 -1
  73. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +1 -1
  74. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +1 -1
  75. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +2 -2
  76. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +1 -1
  77. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +1 -1
  78. package/dist/deploy-info.json +3 -3
  79. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  80. package/dist/esm/gux-accordion.entry.js +1 -1
  81. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  82. package/dist/esm/gux-action-button.entry.js +1 -1
  83. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  84. package/dist/esm/gux-action-toast.entry.js +1 -1
  85. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  86. package/dist/esm/gux-badge-beta.entry.js +1 -1
  87. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  88. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  89. package/dist/esm/gux-button-multi.entry.js +1 -1
  90. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  91. package/dist/esm/gux-button.entry.js +1 -1
  92. package/dist/esm/gux-calendar.entry.js +2 -2
  93. package/dist/esm/gux-card-beta.entry.js +1 -1
  94. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  95. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  96. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  97. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  98. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  99. package/dist/esm/gux-content-search.entry.js +1 -1
  100. package/dist/esm/gux-datepicker.entry.js +1 -1
  101. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  102. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  103. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  104. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  105. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  106. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  107. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  108. package/dist/esm/gux-form-field-color.entry.js +2 -2
  109. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  110. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  111. package/dist/esm/gux-form-field-number.entry.js +2 -2
  112. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  113. package/dist/esm/gux-form-field-range.entry.js +2 -2
  114. package/dist/esm/gux-form-field-search.entry.js +2 -2
  115. package/dist/esm/gux-form-field-select.entry.js +2 -2
  116. package/dist/esm/gux-form-field-text-like.entry.js +2 -2
  117. package/dist/esm/gux-form-field-textarea.entry.js +2 -2
  118. package/dist/esm/gux-icon.entry.js +1 -1
  119. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  120. package/dist/esm/gux-list.entry.js +1 -1
  121. package/dist/esm/gux-modal.entry.js +1 -1
  122. package/dist/esm/gux-notification-toast.entry.js +1 -1
  123. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  124. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  125. package/dist/esm/gux-pagination.entry.js +1 -1
  126. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  127. package/dist/esm/gux-popover-list.entry.js +1 -1
  128. package/dist/esm/gux-popover.entry.js +1 -1
  129. package/dist/esm/gux-radial-loading.entry.js +1 -1
  130. package/dist/esm/gux-radial-progress.entry.js +1 -1
  131. package/dist/esm/gux-rating.entry.js +1 -1
  132. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  133. package/dist/esm/gux-simple-toast.entry.js +1 -1
  134. package/dist/esm/gux-switch.entry.js +1 -1
  135. package/dist/esm/gux-table-beta.entry.js +1 -1
  136. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  137. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  138. package/dist/esm/gux-tabs.entry.js +1 -1
  139. package/dist/esm/gux-tag-beta.entry.js +1 -1
  140. package/dist/esm/gux-text-highlight.entry.js +1 -1
  141. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  142. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  143. package/dist/esm/gux-toggle.entry.js +1 -1
  144. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  145. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  146. package/dist/esm/{usage-tracking-6ddafc64.js → usage-tracking-e19350d3.js} +1 -1
  147. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  148. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  149. package/dist/genesys-webcomponents/less/typography.less +53 -0
  150. package/dist/genesys-webcomponents/{p-5ae6f5ec.entry.js → p-00e6eec3.entry.js} +1 -1
  151. package/dist/genesys-webcomponents/p-039ab394.entry.js +1 -0
  152. package/dist/genesys-webcomponents/{p-207f6a9d.entry.js → p-03bc1fe5.entry.js} +1 -1
  153. package/dist/genesys-webcomponents/{p-c6bec912.entry.js → p-062bd8a0.entry.js} +1 -1
  154. package/dist/genesys-webcomponents/p-070283c4.entry.js +1 -0
  155. package/dist/genesys-webcomponents/{p-b214da38.entry.js → p-0afea902.entry.js} +1 -1
  156. package/dist/genesys-webcomponents/{p-0fa23d44.entry.js → p-0d69aad4.entry.js} +1 -1
  157. package/dist/genesys-webcomponents/{p-4a2ecf50.entry.js → p-0f10ecf7.entry.js} +1 -1
  158. package/dist/genesys-webcomponents/{p-b098f8f2.entry.js → p-0f90872f.entry.js} +1 -1
  159. package/dist/genesys-webcomponents/{p-024b2030.entry.js → p-158e0417.entry.js} +1 -1
  160. package/dist/genesys-webcomponents/{p-11771a00.entry.js → p-19f72473.entry.js} +1 -1
  161. package/dist/genesys-webcomponents/{p-e5185981.entry.js → p-1f23f803.entry.js} +1 -1
  162. package/dist/genesys-webcomponents/{p-234d4c6f.entry.js → p-200bb37f.entry.js} +1 -1
  163. package/dist/genesys-webcomponents/{p-982346f4.entry.js → p-20d9a533.entry.js} +1 -1
  164. package/dist/genesys-webcomponents/{p-aa3bc92a.entry.js → p-21d14781.entry.js} +1 -1
  165. package/dist/genesys-webcomponents/{p-c09d28cb.entry.js → p-22101e15.entry.js} +1 -1
  166. package/dist/genesys-webcomponents/{p-773bd020.entry.js → p-221d0d3e.entry.js} +1 -1
  167. package/dist/genesys-webcomponents/{p-d278418a.entry.js → p-252d2d58.entry.js} +1 -1
  168. package/dist/genesys-webcomponents/{p-799f716f.entry.js → p-26f39491.entry.js} +1 -1
  169. package/dist/genesys-webcomponents/{p-cb8d1400.entry.js → p-29e0832c.entry.js} +1 -1
  170. package/dist/genesys-webcomponents/{p-52bb08bb.entry.js → p-2b1510ff.entry.js} +1 -1
  171. package/dist/genesys-webcomponents/{p-4c844e7c.entry.js → p-3c94879d.entry.js} +1 -1
  172. package/dist/genesys-webcomponents/{p-66a54ca3.entry.js → p-3cd716f5.entry.js} +1 -1
  173. package/dist/genesys-webcomponents/{p-389e4032.entry.js → p-47122f16.entry.js} +1 -1
  174. package/dist/genesys-webcomponents/{p-6bec978b.entry.js → p-474d25c5.entry.js} +1 -1
  175. package/dist/genesys-webcomponents/{p-97c5d318.entry.js → p-48b2ed5f.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/{p-5b77ebde.entry.js → p-4b9177c2.entry.js} +1 -1
  177. package/dist/genesys-webcomponents/{p-2b788bb8.entry.js → p-568be7bd.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-d1e1f6e5.entry.js → p-572cd69a.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/{p-635cda37.entry.js → p-5f44078d.entry.js} +1 -1
  180. package/dist/genesys-webcomponents/{p-9a1f4e47.entry.js → p-6bdff621.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-4b91c1d5.entry.js → p-75a62dec.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-89089118.entry.js → p-75ca87fb.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/{p-14743c18.entry.js → p-7a825a25.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-c46e62fb.entry.js → p-7bb25b42.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-bcf3a8ff.entry.js → p-817ccd1f.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-20bea411.entry.js → p-821e5c0b.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-9ed2cc81.entry.js → p-8344076d.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-d079c5dd.entry.js → p-8cbe98e9.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-f26f1e97.entry.js → p-8e0ef7c5.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-5dfcc782.entry.js → p-8e59125f.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-4f78b5c2.entry.js → p-9047a3bc.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-c0034e0f.entry.js → p-9269ac13.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-6c23d6d0.entry.js → p-927f0ea6.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-04943f0e.entry.js → p-93e5a118.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-d42fb8c6.entry.js → p-946dca04.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-1e4ac684.entry.js → p-957677ac.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-fa02c816.entry.js → p-9603d2d2.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-36a867ff.entry.js → p-9b311643.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-1311a4fd.entry.js → p-9d5eef68.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-63809dc8.entry.js → p-a59a9149.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-9790e524.entry.js → p-a74e641c.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-dc8a9ae8.entry.js → p-a8617b65.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-9464ab13.entry.js → p-a8660853.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-c4803efd.entry.js → p-ad8cf502.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-c997c8bb.entry.js → p-ae4effe8.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-eb5bfa21.entry.js → p-b20cefc7.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-18b17395.entry.js → p-c2a6be02.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-9ae93b11.entry.js → p-c4d4cd9c.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-5ee76e0b.entry.js → p-cc7bdba6.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-c090ac76.entry.js → p-cebc0030.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-475837a3.entry.js → p-d2071268.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-33f56024.entry.js → p-d844e928.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-64dc3874.entry.js → p-df23b5af.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-af2d26a6.js → p-edd6aea6.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-346efed0.entry.js → p-f3bde0c9.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-e8575927.entry.js → p-f4843078.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-b7d1b487.entry.js → p-f6d15f14.entry.js} +1 -1
  218. package/dist/stencil-wrapper.js +1 -1
  219. package/package.json +1 -1
  220. package/dist/genesys-webcomponents/p-005f5166.entry.js +0 -1
  221. package/dist/genesys-webcomponents/p-5c6e3dfa.entry.js +0 -1
@@ -1 +1 @@
1
- import{r,h as t,g as a}from"./p-767fc0c6.js";import{b as s}from"./p-e983e68c.js";import{t as e}from"./p-af2d26a6.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return a(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
1
+ import{r,h as t,g as a}from"./p-767fc0c6.js";import{b as s}from"./p-e983e68c.js";import{t as e}from"./p-edd6aea6.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return a(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
@@ -1 +1 @@
1
- import{r,c as p,h as e,g as o}from"./p-767fc0c6.js";import{O as t}from"./p-d9c3f07f.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-af2d26a6.js";import{c as s}from"./p-4c66f794.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover}
1
+ import{r,c as p,h as e,g as o}from"./p-767fc0c6.js";import{O as t}from"./p-d9c3f07f.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-edd6aea6.js";import{c as s}from"./p-4c66f794.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as a}from"./p-767fc0c6.js";import{O as i}from"./p-17fc6962.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-af2d26a6.js";import{h as n,G as h,v as c}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const p=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),c(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],p.prototype,"onMutation",null),p.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{p as gux_form_field_checkbox}
1
+ import{r as e,h as t,H as o,g as a}from"./p-767fc0c6.js";import{O as i}from"./p-17fc6962.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-edd6aea6.js";import{h as n,G as h,v as c}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const p=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),c(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],p.prototype,"onMutation",null),p.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{p as gux_form_field_checkbox}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-767fc0c6.js";import{t as a}from"./p-af2d26a6.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-e983e68c.js";import{f as c,a as h,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-d9c3f07f.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as s}from"./p-767fc0c6.js";import{t as a}from"./p-edd6aea6.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-e983e68c.js";import{f as c,a as h,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-d9c3f07f.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
@@ -1 +1 @@
1
- import{r as t,h as i,H as a,g as s}from"./p-767fc0c6.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-af2d26a6.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
1
+ import{r as t,h as i,H as a,g as s}from"./p-767fc0c6.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-edd6aea6.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-767fc0c6.js";import{t as e}from"./p-af2d26a6.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
1
+ import{r as t,h as s,g as i}from"./p-767fc0c6.js";import{t as e}from"./p-edd6aea6.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
@@ -1 +1 @@
1
- import{r as o,h as t,g as r}from"./p-767fc0c6.js";import{t as e}from"./p-af2d26a6.js";const s=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};s.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}
1
+ import{r as o,h as t,g as r}from"./p-767fc0c6.js";import{t as e}from"./p-edd6aea6.js";const d=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};d.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{d as gux_card_beta}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-767fc0c6.js";import{t as n}from"./p-af2d26a6.js";import{O as e}from"./p-d9c3f07f.js";import{b as a}from"./p-e983e68c.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
1
+ import{r as t,c as i,h as o,g as s}from"./p-767fc0c6.js";import{t as n}from"./p-edd6aea6.js";import{O as e}from"./p-d9c3f07f.js";import{b as a}from"./p-e983e68c.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-767fc0c6.js";import{b as o}from"./p-e983e68c.js";import{O as n}from"./p-17fc6962.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-af2d26a6.js";import{s as u}from"./p-8fe7daff.js";import{s as p}from"./p-d176c2ae.js";import{G as c,a as x}from"./p-0074384c.js";import{h as d,c as g,G as h,a as f,v as b,g as m}from"./p-24946167.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const w={increment:"Increment",decrement:"Decrement"};const v=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=d(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,w),this.setInput(),this.setLabel(),this.hasError=d(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(x,{labelPosition:this.computedLabelPosition},e(c,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>g(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=f(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?u(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?u(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){p(t,"input"),p(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{v as gux_form_field_number}
1
+ import{r as t,h as e,g as i}from"./p-767fc0c6.js";import{b as o}from"./p-e983e68c.js";import{O as n}from"./p-17fc6962.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-edd6aea6.js";import{s as u}from"./p-8fe7daff.js";import{s as p}from"./p-d176c2ae.js";import{G as c,a as x}from"./p-0074384c.js";import{h as d,c as g,G as h,a as f,v as b,g as m}from"./p-24946167.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const w={increment:"Increment",decrement:"Decrement"};const v=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=d(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,w),this.setInput(),this.setLabel(),this.hasError=d(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(x,{labelPosition:this.computedLabelPosition},e(c,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>g(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=f(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?u(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?u(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){p(t,"input"),p(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{v as gux_form_field_number}
@@ -1 +1 @@
1
- import{r as t,h as s,H as i,g as o}from"./p-767fc0c6.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-af2d26a6.js";const a=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};a.style="gux-switch{display:flex;align-items:flex-end}";export{a as gux_switch}
1
+ import{r as t,h as s,H as i,g as o}from"./p-767fc0c6.js";import{s as e}from"./p-d176c2ae.js";import{t as h}from"./p-edd6aea6.js";const r=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,e(this.root,"input"),e(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){h(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};r.style="gux-switch{display:flex;align-items:flex-end}";export{r as gux_switch}
@@ -1 +1 @@
1
- import{r as t,h as o,g as s}from"./p-767fc0c6.js";import{t as n}from"./p-af2d26a6.js";import{b as i}from"./p-e983e68c.js";import"./p-8a133b9b.js";const e={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,e)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
1
+ import{r as t,h as o,g as s}from"./p-767fc0c6.js";import{t as n}from"./p-edd6aea6.js";import{b as e}from"./p-e983e68c.js";import"./p-8a133b9b.js";const i={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await e(this.root,i)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-767fc0c6.js";import{O as s}from"./p-17fc6962.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-af2d26a6.js";import{h as n,G as d,v as p}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
1
+ import{r as e,h as t,H as o,g as i}from"./p-767fc0c6.js";import{O as s}from"./p-17fc6962.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-edd6aea6.js";import{h as n,G as d,v as p}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
@@ -1 +1 @@
1
- import{r as t,c as o,h as n,g as a}from"./p-767fc0c6.js";import{t as i}from"./p-af2d26a6.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
1
+ import{r as t,c as o,h as n,g as a}from"./p-767fc0c6.js";import{t as i}from"./p-edd6aea6.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as l}from"./p-767fc0c6.js";import{t as g}from"./p-af2d26a6.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-e983e68c.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse;text-align:right}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{a as gux_toggle}
1
+ import{r as t,c as e,h as i,g as l}from"./p-767fc0c6.js";import{t as g}from"./p-edd6aea6.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-e983e68c.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse;text-align:right}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{a as gux_toggle}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-767fc0c6.js";import{O as o}from"./p-17fc6962.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-af2d26a6.js";import{G as l,a as p}from"./p-0074384c.js";import{h as u,c as f,G as x,a as h,v as c,g as d}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
1
+ import{r as t,h as i,g as e}from"./p-767fc0c6.js";import{O as o}from"./p-17fc6962.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-edd6aea6.js";import{G as l,a as p}from"./p-0074384c.js";import{h as u,c as f,G as x,a as h,v as c,g as d}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
@@ -1 +1 @@
1
- import{r as e,h as t,g as r}from"./p-767fc0c6.js";import{O as i}from"./p-17fc6962.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-af2d26a6.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":r},t("slot",{name:"input"})))}renderInputNumber(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a("gux-form-field",'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
1
+ import{r as e,h as t,g as r}from"./p-767fc0c6.js";import{O as i}from"./p-17fc6962.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-edd6aea6.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":r},t("slot",{name:"input"})))}renderInputNumber(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a("gux-form-field",'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
@@ -1 +1 @@
1
- import{r as o,h as t,g as e}from"./p-767fc0c6.js";import{t as r}from"./p-af2d26a6.js";const n=class{constructor(t){o(this,t),this.type="button",this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background:none}button.gux-ghost:active:enabled{color:#23478f;background:none}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}";export{n as gux_button}
1
+ import{r as o,h as t,g as e}from"./p-767fc0c6.js";import{t as r}from"./p-edd6aea6.js";const n=class{constructor(t){o(this,t),this.type="button",this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background:none}button.gux-ghost:active:enabled{color:#23478f;background:none}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}";export{n as gux_button}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,g as o}from"./p-767fc0c6.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-af2d26a6.js";import{b as n}from"./p-e983e68c.js";import"./p-8a133b9b.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button}
1
+ import{r as t,c as s,h as i,g as o}from"./p-767fc0c6.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-edd6aea6.js";import{b as n}from"./p-e983e68c.js";import"./p-8a133b9b.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-767fc0c6.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-af2d26a6.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
1
+ import{r as t,h as s,g as i}from"./p-767fc0c6.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-edd6aea6.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-767fc0c6.js";import{t as e}from"./p-af2d26a6.js";import{V as a}from"./p-5cacdfc9.js";import{l as h}from"./p-3184268e.js";const n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:"category",type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||h("gux-chart-line","[gux-chart-line] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,o=this.colorFieldName||"category",r=this.interpolation,l=this.strokeDash,c=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),o&&(this.baseChartSpec.encoding.color.field=o),n&&(this.baseChartSpec.encoding.color.title=n),l&&(this.baseChartSpec.encoding.strokeDash={field:o,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),c&&(this.baseChartSpec.mark.point=c);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
1
+ import{r as t,h as i,g as s}from"./p-767fc0c6.js";import{t as e}from"./p-edd6aea6.js";import{V as a}from"./p-5cacdfc9.js";import{l as h}from"./p-3184268e.js";const n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:"category",type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||h("gux-chart-line","[gux-chart-line] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,o=this.colorFieldName||"category",r=this.interpolation,l=this.strokeDash,c=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),o&&(this.baseChartSpec.encoding.color.field=o),n&&(this.baseChartSpec.encoding.color.title=n),l&&(this.baseChartSpec.encoding.strokeDash={field:o,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),c&&(this.baseChartSpec.mark.point=c);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
@@ -1 +1 @@
1
- import{r as o,c as t,h as a,g}from"./p-767fc0c6.js";import{b as e}from"./p-e983e68c.js";import{t as r}from"./p-af2d26a6.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(a){o(this,a),this.guxdelete=t(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return g(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}
1
+ import{r as o,c as t,h as a,g}from"./p-767fc0c6.js";import{b as e}from"./p-e983e68c.js";import{t as r}from"./p-edd6aea6.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(a){o(this,a),this.guxdelete=t(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return g(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-767fc0c6.js";import{O as o}from"./p-17fc6962.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-af2d26a6.js";import{G as l,a as d}from"./p-0074384c.js";import{h as u,G as p,v as h,g as x}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const f=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(d,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),a(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,a=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(i,e,a):r(i,e))||a);n>3&&a&&Object.defineProperty(i,e,a)})([o({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{f as gux_form_field_textarea}
1
+ import{r as t,h as e,g as i}from"./p-767fc0c6.js";import{O as o}from"./p-17fc6962.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-edd6aea6.js";import{G as l,a as d}from"./p-0074384c.js";import{h as u,G as p,v as h,g as x}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(d,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},e("slot",{name:"input"})),e(p,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),a(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,e,i){"auto"===i&&t&&(t.dataset.replicatedValue=e.value,t.style.maxHeight=e.style.maxHeight)}get root(){return i(this)}};(function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);n>3&&a&&Object.defineProperty(e,i,a)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}